:root{--mino-navy:#173a5f;--mino-teal:#2db39b;--mino-teal-dark:#218d7d;--mino-cream:#fffaf0;--mino-mint:#eaf8f4;--mino-coral:#ff9b86;--mino-yellow:#ffc94d}
body{background:#fffdf8;color:var(--mino-navy)}
body>header{box-shadow:0 8px 32px rgba(23,58,95,.06);border-color:rgba(45,179,155,.12)!important}
body>header>div:first-child img{height:2.6rem}
.hero-kicker,.section-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--mino-teal-dark);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero-kicker:before,.section-kicker:before{content:"";width:1.75rem;height:3px;border-radius:999px;background:var(--mino-yellow)}
#inicio{isolation:isolate;min-height:clamp(680px,90vh,920px);background-color:var(--mino-cream);background-position:center;background-size:cover}
#inicio>div:first-child{padding-top:3rem;padding-bottom:3rem}
#inicio h1{max-width:650px;letter-spacing:-.035em;text-wrap:balance}
#inicio p:not(.hero-kicker){max-width:590px;line-height:1.72;font-size:1.13rem}
#inicio a{min-height:3.25rem;text-decoration:none}
#inicio a:first-child{box-shadow:0 14px 28px rgba(45,179,155,.28)}
#sobre-minosteps{min-height:auto;padding-top:7rem;padding-bottom:7rem;background:linear-gradient(180deg,#fffdf8 0%,#eef9f6 100%)}
#sobre-minosteps>div:first-child{gap:clamp(2rem,5vw,5rem)}
#sobre-minosteps>div:first-child>div:first-child{padding:0;background:transparent;backdrop-filter:none}
#sobre-minosteps h2,#explora h2,#conoce-mino h2{font-weight:800;letter-spacing:-.025em}
.why-visual{padding:10px;background:rgba(255,255,255,.72);border:1px solid rgba(45,179,155,.18);border-radius:2.25rem;box-shadow:0 28px 70px rgba(23,58,95,.12);transform:rotate(1deg)}
.why-visual img{display:block;width:100%;height:auto;border-radius:1.75rem}
#explora{min-height:auto;padding:7rem 1.5rem 8rem;background:linear-gradient(180deg,#fffdf8 0%,#f3faf7 100%)}
#explora .feature-grid{gap:1.5rem;max-width:1120px}
#explora .feature-card{overflow:hidden;display:flex;flex-direction:column;text-align:left;border:1px solid rgba(23,58,95,.08);border-radius:2rem;background:#fff;box-shadow:0 18px 48px rgba(23,58,95,.09);transition:transform .2s ease,box-shadow .2s ease}
#explora .feature-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(23,58,95,.14)}
#explora .feature-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#explora .feature-copy{padding:1.35rem 1.5rem 1.55rem;min-height:126px}
#explora .feature-routes .feature-copy{background:#edf9f6}
#explora .feature-collections .feature-copy{background:#f5f0fb}
#explora .feature-calm .feature-copy{background:#edf7fa}
#explora .feature-learn .feature-copy{background:#fff7df}
#conoce-mino{min-height:760px;padding-top:7rem;padding-bottom:7rem;background-color:#edf8f5;background-size:cover;background-position:center;background-repeat:no-repeat}
#conoce-mino .mino-copy{padding:2.75rem;border:1px solid rgba(255,255,255,.85);border-radius:2.25rem;background:rgba(255,255,255,.88);box-shadow:0 24px 65px rgba(23,58,95,.12);backdrop-filter:blur(12px)}
#conoce-mino .grid>div{padding:1rem .6rem;border-radius:1.25rem;background:rgba(234,248,244,.75)}
#conoce-mino .grid i{color:var(--mino-teal-dark)!important}
#lista-espera{min-height:760px;padding-top:7rem;padding-bottom:7rem;background-color:#fff9e9;background-size:cover;background-position:center;background-repeat:no-repeat}
#lista-espera>div>div:first-child{border:1px solid rgba(45,179,155,.14);box-shadow:0 30px 80px rgba(23,58,95,.13)}
#lista-espera input{min-height:3.25rem;background:#fbfdfc}
#lista-espera button{min-height:3.25rem;box-shadow:0 14px 28px rgba(45,179,155,.22)}
footer{background:#f5faf8!important}
#chat-toggle-btn{box-shadow:0 12px 35px rgba(23,58,95,.22)!important}
@media(max-width:900px){#inicio{min-height:760px;background-position:58% center}#sobre-minosteps>div:first-child{flex-direction:column}.why-visual{width:100%;max-width:680px}.why-visual img{width:100%}}
@media(max-width:767px){body>header>div:first-child img{height:2rem}#inicio{min-height:930px;padding-top:6.5rem!important;padding-bottom:24rem!important;background-size:auto 46%;background-position:72% bottom}#inicio>div:first-child{align-items:flex-start;padding:0}#inicio h1{font-size:clamp(2.4rem,11vw,3.25rem)!important;line-height:1.05!important}#inicio p:not(.hero-kicker){max-width:100%;font-size:1rem}#inicio a{width:100%}#sobre-minosteps{padding:5.5rem 1.25rem!important}.why-visual{padding:6px;border-radius:1.6rem;transform:none}.why-visual img{border-radius:1.25rem}#explora{padding:5.5rem 1.25rem 7rem!important}#explora .feature-grid{gap:1.25rem}#explora .feature-copy{min-height:auto;padding:1.2rem 1.25rem 1.35rem}#conoce-mino{min-height:880px;padding:5.5rem 1.25rem 16rem!important;background-size:auto 100%;background-position:24% bottom}#conoce-mino .mino-copy{padding:1.5rem}#lista-espera{min-height:980px;padding:5.5rem 1.25rem 24rem!important;background-size:auto 48%;background-position:72% bottom}footer{padding-bottom:6rem!important}}
@media(max-width:480px){.hero-kicker,.section-kicker{font-size:.68rem;letter-spacing:.08em}#inicio{min-height:900px;padding-bottom:21rem!important;background-size:auto 40%;background-position:70% bottom}#explora .feature-card{border-radius:1.5rem}#explora .feature-card>img{aspect-ratio:4/3}#conoce-mino .grid{grid-template-columns:1fr 1fr;gap:.75rem}#lista-espera{min-height:940px;padding-bottom:20rem!important;background-size:auto 42%;background-position:69% bottom}#lista-espera>div>div:first-child{padding:1.35rem!important;border-radius:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Mobile experience: spacious touch targets, shorter sections and an app-like chat panel. */
@media (max-width:767px){
  html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(4.25rem + env(safe-area-inset-top))}
  body{overflow-x:hidden;background:#fffdf8}
  body>header{min-height:4.25rem;padding-top:calc(.65rem + env(safe-area-inset-top))!important;padding-right:max(1rem,env(safe-area-inset-right))!important;padding-bottom:.65rem!important;padding-left:max(1rem,env(safe-area-inset-left))!important}
  body>header>div:first-child img{height:2.15rem}
  #lang-toggle,#mobile-menu-toggle{min-width:2.75rem;min-height:2.75rem}
  #mobile-nav{top:calc(4.25rem + env(safe-area-inset-top));padding:1.25rem max(1.25rem,env(safe-area-inset-right)) calc(1.25rem + env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));border-radius:0 0 1.5rem 1.5rem}
  #mobile-nav .mobile-nav-link{display:flex;align-items:center;min-height:2.75rem;padding:.6rem .25rem}
  #mobile-nav .mobile-nav-link:last-child{justify-content:center;padding:.8rem 1rem}

  #inicio{min-height:auto!important;padding:calc(6.5rem + env(safe-area-inset-top)) 1.25rem 21rem!important;background-size:auto 21rem!important;background-position:68% bottom!important}
  #inicio>div:first-child{width:100%;max-width:36rem;margin:0 auto;padding:0!important}
  #inicio h1{max-width:22rem;font-size:clamp(2.35rem,11vw,3rem)!important;line-height:1.04!important;margin-bottom:1.15rem;letter-spacing:-.045em}
  #inicio p:not(.hero-kicker){font-size:1rem;line-height:1.58;margin-bottom:1.4rem}
  #inicio .hero-kicker{max-width:20rem;line-height:1.45}
  #inicio a{min-height:3.25rem;width:100%;font-size:1rem}
  #inicio .flex.flex-col{gap:.7rem}
  #inicio .space-y-4>:not([hidden])~:not([hidden]){margin-top:0}

  #sobre-minosteps,#explora,#conoce-mino,#lista-espera{min-height:auto!important;padding:4.25rem 1.25rem!important}
  #sobre-minosteps>div:first-child{gap:2rem}
  #sobre-minosteps>div:first-child>div:first-child{padding:0!important}
  #sobre-minosteps h2,#explora h2,#conoce-mino h2{font-size:2rem!important;line-height:1.12;margin-bottom:1.1rem}
  #sobre-minosteps p{font-size:1rem;line-height:1.6;margin-bottom:1.15rem}
  #sobre-minosteps p:last-of-type{margin-bottom:1.5rem}
  #sobre-minosteps a{width:100%;min-height:3.25rem}
  .why-visual{margin-top:.5rem;border-radius:1.5rem}
  .why-visual img{border-radius:1.15rem}

  #explora{padding-bottom:5rem!important}
  #explora>div:first-child{text-align:left}
  #explora .section-kicker{margin-bottom:.7rem}
  #explora>div>p.text-gray-600{font-size:1rem;line-height:1.55;margin-bottom:1.75rem}
  #explora .feature-grid{gap:1rem;margin-top:0}
  #explora .feature-card{border-radius:1.4rem}
  #explora .feature-card>img{aspect-ratio:16/10}
  #explora .feature-copy{padding:1rem 1.1rem 1.15rem}
  #explora .feature-copy h3{font-size:1.1rem}
  #explora .feature-copy p{font-size:.92rem;line-height:1.45}

  #conoce-mino{padding-bottom:18rem!important;background-size:auto 31rem!important;background-position:24% bottom!important}
  #conoce-mino .mino-copy{padding:1.25rem!important;border-radius:1.5rem}
  #conoce-mino .mino-copy>p{font-size:1rem;line-height:1.55}
  #conoce-mino .mino-copy>p.text-xl{font-size:1.05rem;margin-bottom:.65rem}
  #conoce-mino .mino-copy>p.mb-10{margin-bottom:1.5rem}
  #conoce-mino .grid{gap:.65rem}
  #conoce-mino .grid>div{min-height:7.25rem;padding:.75rem .45rem}
  #conoce-mino .grid .w-12{height:2.3rem;margin-bottom:.45rem}
  #conoce-mino .grid p{font-size:.78rem;line-height:1.25}

  #lista-espera{padding-bottom:19rem!important;background-size:auto 24rem!important;background-position:70% bottom!important}
  #lista-espera>div>div:first-child{padding:1.35rem!important;border-radius:1.5rem;margin:0}
  #lista-espera .w-16.h-16{width:3.25rem;height:3.25rem;margin-bottom:1rem}
  #lista-espera form{gap:1.15rem}
  #lista-espera input{min-height:3.25rem;padding:.75rem 1rem;font-size:1rem}
  #lista-espera button{min-height:3.25rem}
  footer{padding:2.5rem 1.25rem calc(6rem + env(safe-area-inset-bottom))!important}
  footer nav{gap:.5rem 1rem;font-size:.84rem}
  footer nav a{padding:.35rem 0}
  footer .flex.gap-4 a{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem}

  body.chat-open{overflow:hidden}
  #chatbot-widget{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));align-items:flex-end}
  #chatbot-window{width:100%;height:min(40rem,calc(100dvh - 6.25rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:none;margin-bottom:.75rem;border-radius:1.5rem;box-shadow:0 24px 70px rgba(23,58,95,.28)}
  #chatbot-window:not(.hidden){display:flex;flex-direction:column}
  #chatbot-window>div:first-child{flex:none;padding:.85rem 1rem}
  #chatbot-window>div:first-child h4{font-size:1rem}
  #chatbot-window>div:first-child p{font-size:.72rem}
  #close-chat-btn{width:2.75rem;height:2.75rem}
  #chat-messages{flex:1;height:auto!important;min-height:0;padding:.9rem;gap:.8rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  #chat-messages .max-w-\[85\%\]{max-width:92%}
  #chat-messages .p-3\.5{padding:.75rem .85rem}
  #chat-suggestions{max-width:calc(100% - 2.5rem);margin-left:2.5rem;gap:.45rem}
  .chat-suggestion{min-height:2.75rem;padding:.65rem .8rem}
  #chatbot-window>div:last-child{flex:none;padding:.7rem;padding-bottom:calc(.7rem + env(safe-area-inset-bottom))}
  #chat-input{min-height:2.9rem;padding-top:.7rem;padding-bottom:.7rem;padding-left:1rem;font-size:1rem}
  #chat-send-btn{width:2.35rem;height:2.35rem;right:.3rem}
  #chat-toggle-btn{flex:none;width:4rem!important;height:4rem!important}
}

@media (max-width:359px){
  #inicio{padding-right:1rem!important;padding-left:1rem!important}
  #inicio h1{font-size:2.15rem!important}
  #sobre-minosteps,#explora,#conoce-mino,#lista-espera{padding-right:1rem!important;padding-left:1rem!important}
  #chatbot-widget{right:.5rem;bottom:.5rem;left:.5rem}
  #chatbot-window{height:calc(100dvh - 5.5rem);margin-bottom:.5rem;border-radius:1.15rem}
  #chat-toggle-btn{width:3.5rem!important;height:3.5rem!important}
}

/* Dedicated mobile compositions for the hero and Mino introduction. */
@media (max-width:767px){
  #inicio{isolation:isolate;overflow:hidden;background-image:none!important;background:#fffaf0!important;padding-bottom:20rem!important}
  #inicio::before{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:18.75rem;border-radius:2.5rem 2.5rem 0 0;background-color:#eef9f4;background-image:url('/landing-hero-v4.webp');background-repeat:no-repeat;background-position:68% bottom;background-size:auto 21rem;box-shadow:inset 0 1px 0 rgba(45,179,155,.12)}
  #inicio>div:first-child{position:relative;z-index:2}
  #inicio .hero-kicker{margin-bottom:1rem}
  #inicio h1{max-width:21.5rem}
  #inicio p:not(.hero-kicker){max-width:23rem}
  #inicio>div:last-child{z-index:3}

  #conoce-mino{display:block!important;overflow:hidden;background-image:none!important;background:linear-gradient(180deg,#edf8f5 0%,#f8fcfa 100%)!important;padding-bottom:1.25rem!important}
  #conoce-mino>.max-w-7xl{display:block;width:100%}
  #conoce-mino .mino-copy{position:relative;z-index:2;margin:0 auto;border-color:rgba(45,179,155,.16);background:#fff;box-shadow:0 18px 48px rgba(23,58,95,.1)}
  #conoce-mino::after{content:"";display:block;width:100%;height:21rem;margin-top:1.25rem;border:1px solid rgba(45,179,155,.14);border-radius:1.75rem;background-color:#eaf8f4;background-image:url('/landing-mino-v3.webp');background-repeat:no-repeat;background-position:21% center;background-size:auto 100%;box-shadow:0 16px 42px rgba(23,58,95,.09)}
}

@media (max-width:359px){
  #inicio{padding-bottom:18.5rem!important}
  #inicio::before{height:17.5rem;background-size:auto 19.5rem}
  #conoce-mino::after{height:19rem;background-position:19% center}
}