/* TurnAPP institutional website — presentation-only overrides */
:root{--green:#0a9f47;--green-dark:#08783a;--ink:#14221a;--muted:#66736b;--bg:#f5f8f6;--surface:#fff;--line:#e2eae5;--radius:18px;--radius-lg:28px;--shadow-sm:0 10px 30px rgba(15,45,28,.08);--shadow:0 22px 60px rgba(15,45,28,.14);--ease:180ms ease}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--ink)!important;background:var(--bg)!important;font-family:MontserratRegular,Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif!important;line-height:1.65;-webkit-font-smoothing:antialiased}
body>.row,header>.row{margin-right:0!important;margin-left:0!important}
a{color:inherit;text-decoration:none!important}

/* Header and navigation */
header>.row:first-child{min-height:42px;align-items:center;padding:7px max(24px,4vw)!important;background:#102117!important}
header>.row:first-child .col-sm-6{padding:0}
header>.row:first-child label{margin:0 22px 0 0!important;color:rgba(255,255,255,.76)!important;font-size:.76rem!important;letter-spacing:.01em}
header>.row:first-child img{height:13px!important;opacity:.8}
header .navbar{z-index:100;min-height:78px;padding:14px max(24px,5vw)!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid rgba(226,234,229,.92);box-shadow:0 8px 28px rgba(15,45,28,.07);backdrop-filter:blur(16px)}
header .navbar>img{height:37px!important}
header .navbar-collapse{align-items:center;gap:2px}
header .navbar-collapse>a{position:relative;padding:10px 12px}
header .navbar-collapse>a label{margin:0!important;color:var(--ink)!important;font-family:MontserratSemiBold,Montserrat,sans-serif!important;font-size:.74rem!important;letter-spacing:.055em}
header .navbar-collapse>a:after{position:absolute;right:12px;bottom:5px;left:12px;height:2px;content:"";background:var(--green);border-radius:99px;transform:scaleX(0);transition:transform var(--ease)}
header .navbar-collapse>a:hover:after{transform:scaleX(1)}

/* Buttons */
button.btn,#land_iniciar{min-height:46px;padding:12px 22px!important;color:#fff!important;background:var(--green)!important;border:1px solid var(--green)!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(10,159,71,.22);font-family:MontserratSemiBold,Montserrat,sans-serif!important;font-size:.78rem!important;line-height:1.15;letter-spacing:.035em;transition:transform var(--ease),background var(--ease),box-shadow var(--ease)}
button.btn:hover,#land_iniciar:hover{background:var(--green-dark)!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,159,71,.28)}

/* Hero */
.back_header{position:relative;min-height:min(710px,78vh);align-items:center;margin:0!important;overflow:hidden;background-position:center!important;background-size:cover!important}
.back_header:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(7,24,14,.9),rgba(7,24,14,.58) 48%,rgba(7,24,14,.1))}
.back_header>.row{position:relative;z-index:1;width:min(1180px,calc(100% - 48px))!important;margin:0 auto!important}
.back_header .col-sm-12{max-width:740px;padding:72px 0}
.back_header label:first-of-type{margin:0 0 14px!important;color:#a6ebbf!important;font-family:MontserratSemiBold,Montserrat,sans-serif!important;font-size:clamp(.82rem,1.5vw,1rem)!important;letter-spacing:.09em;text-transform:uppercase}
.back_header label:nth-of-type(2){margin:0!important;color:#fff!important;font-family:MontserratBold,Montserrat,sans-serif!important;font-size:clamp(2.5rem,5vw,4.65rem)!important;line-height:1.03;letter-spacing:-.055em}
.back_header button{min-width:155px;margin-top:28px!important}

/* Brand ribbon */
.carrusel{height:86px;background:#102117!important;border-top:1px solid rgba(255,255,255,.08)}
.carrusel-items{align-items:center;justify-content:center;gap:clamp(24px,6vw,88px)}
.carrusel-item{display:flex;align-items:center;justify-content:center;width:auto;min-width:100px;height:40px;margin:0;opacity:.62}
.carrusel-item img{max-width:110px;max-height:23px;object-fit:contain}

/* How it works */
a[name="h-como"]+.row{width:min(1180px,calc(100% - 48px))!important;margin:0 auto!important;padding:96px 0 72px}
a[name="h-como"]+.row>.col-sm-7>label:first-child{color:var(--green)!important;font-family:MontserratSemiBold,Montserrat,sans-serif!important;font-size:.82rem!important;letter-spacing:.1em}
a[name="h-como"]+.row>.col-sm-7>label:nth-child(2),a[name="h-como"]+.row>.col-sm-7>label:nth-child(3){font-family:MontserratBold,Montserrat,sans-serif!important;font-size:clamp(2rem,4vw,3.45rem)!important;line-height:1.08;letter-spacing:-.045em}
a[name="h-como"]+.row .col-sm-7>.row{align-items:center;margin-top:26px!important;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--ease),box-shadow var(--ease)}
a[name="h-como"]+.row .col-sm-7>.row:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(15,45,28,.12)}
a[name="h-como"]+.row .col-sm-3 img:first-child{width:35px;max-height:35px;object-fit:contain}
a[name="h-como"]+.row .col-sm-3 img:last-child{display:block;width:70px;max-height:70px;margin:4px auto 0;object-fit:contain}
a[name="h-como"]+.row .col-sm-9 label:first-child{margin:0 0 4px!important;color:var(--ink)!important;font-size:1rem!important}
a[name="h-como"]+.row .col-sm-9 label:not(:first-child){color:var(--muted)!important;font-family:MontserratRegular,Montserrat,sans-serif!important;font-size:.92rem!important;line-height:1.65}
a[name="h-como"]+.row>.col-sm-5 img{width:100%;max-width:480px;filter:drop-shadow(0 28px 30px rgba(15,45,28,.15))}

/* CTA and KPI area */
a[name="h-como"]+.row+.row{padding:20px 0}
a[name="h-como"]+.row+.row+.row{width:min(920px,calc(100% - 48px))!important;margin:48px auto 96px!important}
a[name="h-como"]+.row+.row+.row>.col-sm-4{min-height:155px;padding:22px!important;background:linear-gradient(135deg,var(--green),var(--green-dark))!important;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius)!important;box-shadow:0 16px 38px rgba(10,159,71,.2)}

/* Benefits */
.back_beneficios{margin:0!important;padding:92px max(24px,4vw) 110px;background-color:#edf4ef!important;background-size:cover!important}
.back_beneficios>.row:first-child{background:transparent!important}
.back_beneficios>.row:first-child label{color:var(--ink)!important;font-family:MontserratBold,Montserrat,sans-serif!important;font-size:clamp(2.25rem,4vw,3.5rem)!important;letter-spacing:-.045em}
.back_beneficios>.row{width:min(1180px,100%)!important}
.back_beneficios .col-sm-2[style*="background-color"]{min-width:190px;min-height:205px;padding:22px 16px!important;background:rgba(255,255,255,.95)!important;border:1px solid var(--line);border-radius:var(--radius)!important;box-shadow:var(--shadow-sm);transition:transform var(--ease),box-shadow var(--ease)}
.back_beneficios .col-sm-2[style*="background-color"]:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.back_beneficios .col-sm-2 img{max-width:72px;max-height:72px;object-fit:contain}
.back_beneficios .col-sm-2 label{color:var(--ink)!important;font-size:.94rem!important;line-height:1.35}

/* Contact conversion section */
.back_reserva{position:relative;min-height:620px;align-items:center;margin:0!important;overflow:hidden;background-position:center!important;background-size:cover!important}
.back_reserva:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(245,248,246,.08),rgba(245,248,246,.9) 53%,#f5f8f6)}
.back_reserva>.row{position:relative;z-index:1;width:min(1180px,calc(100% - 48px))!important;margin:0 auto!important;padding:96px 0}
.back_reserva>.row>label,.back_reserva>.row>.row{margin-left:52%!important}
.back_reserva>.row>label{width:48%;font-size:clamp(2rem,3vw,3rem)!important;line-height:1.12;letter-spacing:-.04em}
.back_reserva>.row>.row{width:48%!important;max-width:520px!important;margin-top:24px;padding:20px!important;background:rgba(255,255,255,.95)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)}

/* Modals and fields */
.modal.fade{background:rgba(7,24,14,.68);backdrop-filter:blur(9px)}
.modal-dialog .modal-content{width:100%;overflow:hidden;background:var(--surface)!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:var(--radius-lg)!important;box-shadow:0 28px 80px rgba(7,24,14,.28)}
.modal-dialog .modal-header{min-height:84px;padding:22px!important;background:var(--green-dark)!important;border:0!important;border-radius:0!important}
.modal-dialog .modal-body{padding:18px!important;background:var(--bg)!important;border-radius:0!important}
.modal-dialog .modal-body>div{border-radius:var(--radius)!important}
input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),select,textarea{min-height:50px;padding:12px 15px!important;color:var(--ink)!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;outline:0!important;box-shadow:none!important;font-family:MontserratRegular,Montserrat,sans-serif!important;font-size:.9rem!important}
input:focus,select:focus,textarea:focus{border-color:var(--green)!important;box-shadow:0 0 0 4px rgba(10,159,71,.11)!important}
img[src$="logo_blanco_turn.png"]{display:block!important;width:170px!important;margin:16px auto 4px!important;padding:10px 18px!important;background:#102117;border-radius:999px;box-shadow:0 8px 22px rgba(7,24,14,.2)}

/* Footer */
footer{margin-top:0!important;padding:46px 24px!important;background:#102117!important;box-shadow:none!important}
footer img{height:34px!important;opacity:.88}

@media(max-width:991.98px){header .navbar-collapse{margin-top:14px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px}header .navbar-collapse>a{display:block}a[name="h-como"]+.row>.col-sm-5{padding-top:32px}.back_reserva>.row>label,.back_reserva>.row>.row{width:55%!important;margin-left:45%!important}}
@media(max-width:767.98px){header>.row:first-child{display:none}header .navbar{min-height:70px;padding:12px 18px!important}header .navbar>img{width:min(68vw,235px)!important;height:auto!important}header .navbar-toggler{margin-left:auto}.back_header{min-height:640px;background-position:62% center!important}.back_header:before{background:linear-gradient(90deg,rgba(7,24,14,.92),rgba(7,24,14,.55))}.back_header>.row{width:calc(100% - 36px)!important}.back_header label:nth-of-type(2){font-size:clamp(2.35rem,12vw,3.5rem)!important}.carrusel-items{justify-content:flex-start}a[name="h-como"]+.row{width:calc(100% - 32px)!important;padding:64px 0 48px}a[name="h-como"]+.row .col-sm-7>.row{margin-right:0;margin-left:0}.back_beneficios{padding:64px 16px 72px}.back_beneficios .col-sm-2[style*="background-color"]{width:calc(50% - 16px);min-width:0;margin:8px!important}.back_reserva{min-height:680px;background-position:30% center!important}.back_reserva:before{background:linear-gradient(180deg,rgba(245,248,246,.24),#f5f8f6 58%)}.back_reserva>.row{width:calc(100% - 32px)!important;padding:300px 0 64px}.back_reserva>.row>label,.back_reserva>.row>.row{width:100%!important;margin-left:0!important}.modal-dialog{margin:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
