/* YessQuieroViajar Landing · mobile first */
:root{--deep:#03506f;--deep2:#022c45;--cyan:#00b4d8;--coral:#ff7b54;--sun:#ffc233;--sand:#fff7e8;--ink:#0f2d3f;--muted:#56717f;--line:#f3e6cc;--yf-head:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--yf-body:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sunset:linear-gradient(135deg,var(--coral),var(--sun))}
body.yqv-body{margin:0}
.y,.y *{box-sizing:border-box}
.y{font-family:var(--yf-body);color:var(--ink);background:var(--sand);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.y h1,.y h2,.y h3{font-family:var(--yf-head);line-height:1.18;font-weight:700;letter-spacing:-0.02em;margin:0}
.y p,.y ul{margin:0;padding:0}
.y img{max-width:100%;height:auto}
.y a{color:inherit}
.y-wrap{width:min(1180px,92%);margin-inline:auto}
.y-sec{padding:72px 0}
.y-white{background:#fff}
.y-cv{content-visibility:auto;contain-intrinsic-size:auto 700px}
.y-ph{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(255,214,102,.75),transparent 22%),linear-gradient(165deg,#90e0ef 0%,#00b4d8 45%,#0077b6 100%)}
.y-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.y-head{max-width:680px;margin:0 auto 40px;text-align:center}
.y-head h2{font-size:clamp(1.8rem,5vw,3rem);color:var(--deep);margin-bottom:12px;letter-spacing:-0.02em}
.y-head p{color:var(--muted);font-size:1.06rem}

.y-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;font:600 1.05rem var(--yf-body);padding:15px 30px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;color:#fff;background:var(--sunset);box-shadow:0 12px 30px rgba(255,123,84,.45);transition:transform .2s,box-shadow .2s;letter-spacing:0.01em}
.y-btn:hover{transform:translateY(-3px)}
.y-wabtn{background:#25d366;box-shadow:0 12px 30px rgba(37,211,102,.4);width:100%}
.y-btn:disabled{opacity:.7;cursor:wait}
.y :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}

/* Hero */
.y-hero{min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;position:relative}
.y-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,25,42,.78) 0%,rgba(2,44,69,.45) 35%,rgba(2,30,48,.78) 70%,rgba(2,18,30,.96) 100%);pointer-events:none}
.y-nav{position:absolute;z-index:3;inset:0 0 auto;padding:20px 0;padding-top:max(20px,env(safe-area-inset-top))}
.y-nav .y-wrap{display:flex;justify-content:space-between;align-items:center}
.y-logo{font:700 1.3rem var(--yf-head);color:#fff;display:flex;gap:8px;align-items:center;letter-spacing:-0.01em;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.y-logo span{color:var(--sun)}
.y-navlink{color:#fff;font-weight:500;text-decoration:none;border:1.5px solid rgba(255,255,255,.65);background:rgba(2,44,69,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:10px 18px;border-radius:999px;font-size:.92rem;display:none;text-shadow:0 1px 3px rgba(0,0,0,.6);transition:all .2s ease}
.y-navlink:hover{background:rgba(255,255,255,.2);border-color:#fff}
.y-herobody{position:relative;z-index:2;padding:120px 0 56px}
.y-hero h1{font-size:clamp(2.1rem,7vw,4.6rem);max-width:15em;margin-bottom:18px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7),0 6px 28px rgba(0,0,0,.55)}
.y-hero p{font-size:clamp(1.02rem,2.4vw,1.28rem);max-width:34em;color:#f3f9fc;margin-bottom:30px;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.85),0 3px 12px rgba(0,0,0,.4)}
.y-cta-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.y-proof{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#f3f9fc;text-shadow:0 1px 3px rgba(0,0,0,.85)}
.y-av{display:flex}
.y-av .y-ph,.y-av img{position:static}
.y-av img{width:42px;height:42px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-12px;background:var(--cyan);position:relative;max-width:none;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.y-av img:first-child{margin-left:0}

/* Pilares / Tarjetas de Beneficios */
.y-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.y-pil{min-height:280px;border-radius:22px;display:flex;align-items:flex-end;color:#fff;box-shadow:0 16px 36px rgba(2,30,48,.18);position:relative;overflow:hidden}
.y-pil:first-child{grid-column:span 2;min-height:220px}
.y-pil::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,30,48,.05) 0%,rgba(2,30,48,.3) 25%,rgba(2,20,35,.85) 65%,rgba(2,12,22,.98) 100%);pointer-events:none;transition:background .3s}
.y-pil:hover::after{background:linear-gradient(180deg,rgba(2,30,48,.1) 0%,rgba(2,30,48,.35) 20%,rgba(2,20,35,.9) 60%,rgba(2,10,18,.98) 100%)}
.y-txt{position:relative;z-index:2;width:100%;padding:16px 14px;background:linear-gradient(180deg,transparent 0%,rgba(2,20,35,.7) 35%,rgba(2,12,22,.94) 100%);border-radius:0 0 22px 22px}
.y-pil:first-child .y-txt{padding:20px 18px}
.y-pil h3{font-size:1.05rem;line-height:1.22;margin-bottom:6px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.85),0 4px 16px rgba(0,0,0,.6)}
.y-pil:first-child h3{font-size:1.25rem;margin-bottom:6px}
.y-pil p{color:#f1f8fa;font-size:.8rem;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.y-pil:first-child p{font-size:.88rem;line-height:1.45;max-width:48ch}
.y-pil>img{transition:transform 1.2s}
.y-pil:hover>img{transform:scale(1.06)}

/* Mosaico */
.y-mosaic{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;gap:12px}
.y-mosaic .y-ph{border-radius:18px}
.y-mosaic .y-a{grid-column:span 2}
.y-mosaic .y-b{grid-row:span 2}
.y-mosaic .y-ph:last-child{grid-column:span 2}
.y-mosaic .y-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(2,30,48,.35) 55%,rgba(2,18,30,.85) 100%);pointer-events:none}
.y-mosaic span{position:absolute;z-index:2;left:12px;bottom:12px;color:#fff;font:600 .9rem var(--yf-head);letter-spacing:-0.01em;padding:5px 12px;background:rgba(2,30,48,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;border:1px solid rgba(255,255,255,.22);box-shadow:0 3px 10px rgba(0,0,0,.4);text-shadow:0 1px 3px rgba(0,0,0,.85)}

/* Frase */
.y-feel{color:#fff;text-align:center;padding:96px 0;position:relative}
.y-feel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,25,40,.82) 0%,rgba(2,44,69,.75) 50%,rgba(2,20,35,.88) 100%);pointer-events:none}
.y-feel .y-wrap{position:relative;z-index:2}
.y-feel h2{font-size:clamp(1.9rem,5.4vw,3.6rem);max-width:16em;margin:0 auto 16px;font-style:italic;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.75),0 6px 24px rgba(0,0,0,.55)}
.y-feel p{max-width:34em;margin:0 auto 28px;color:#f3f9fc;font-size:1.1rem;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.85)}

/* Video */
.y-video{width:min(940px,100%);margin:0 auto;aspect-ratio:16/9;border-radius:24px;box-shadow:0 30px 70px rgba(3,80,111,.35);position:relative}
.y-video::after{content:"";position:absolute;inset:0;background:rgba(2,30,48,.45);pointer-events:none}
.y-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}
.y-play{position:absolute;inset:0;z-index:3;display:grid;place-items:center;border:0;background:none;cursor:pointer;color:#fff}
.y-play span{width:88px;height:88px;border-radius:50%;background:var(--sunset);display:grid;place-items:center;font-size:1.8rem;padding-left:6px;box-shadow:0 0 0 14px rgba(255,255,255,.28);transition:transform .2s}
.y-play:hover span{transform:scale(1.08)}

/* Testimonios */
.y-tgrid{display:grid;grid-template-columns:1fr;gap:22px}
.y-t{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(3,80,111,.12);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.y-t:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(3,80,111,.18)}
.y-t>.y-ph{height:200px}
.y-tbody{padding:26px 24px 26px;position:relative}
.y-face{width:66px;height:66px;border-radius:50%;border:4px solid #fff;object-fit:cover;position:absolute;top:-34px;right:22px;background:var(--cyan);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.y-stars{color:var(--sun);margin-bottom:8px;letter-spacing:2px}
.y-tbody p{margin-bottom:14px}
.y-tbody b{color:var(--deep);display:block;font-weight:600}
.y-tbody small{display:block;color:var(--muted)}

/* Formulario */
.y-lead{color:#fff;padding:72px 0;position:relative}
.y-lead::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,25,40,.96) 0%,rgba(2,44,69,.88) 100%);pointer-events:none}
.y-leadgrid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
.y-copy h2{font-size:clamp(1.9rem,5vw,3.2rem);margin-bottom:14px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.y-copy p{color:#f3f9fc;font-size:1.08rem;margin-bottom:20px;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.75)}
.y-copy ul{list-style:none;display:grid;gap:10px}
.y-copy li{color:#f3f9fc;text-shadow:0 1px 3px rgba(0,0,0,.75)}
.y-copy li span{color:var(--sun);margin-right:8px}
.y-form{background:#fff;color:var(--ink);border-radius:24px;padding:30px 22px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.y-form h3{font-size:1.55rem;color:var(--deep);margin-bottom:6px}
.y-sub{color:var(--muted);font-size:.95rem;margin-bottom:20px}
.y-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
.y-form input,.y-form select{width:100%;min-height:52px;font:1rem var(--yf-body);padding:14px 15px;border:1.5px solid var(--line);border-radius:14px;background:var(--sand);color:var(--ink)}
.y-form input:focus,.y-form select:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,180,216,.25)}
.y-field{margin-bottom:16px}
.y-phone{display:grid;grid-template-columns:116px 1fr;gap:8px}
.y-err{display:none;color:#c0392b;font-size:.85rem;margin-top:6px}
.y-bad .y-err{display:block}.y-bad input{border-color:#c0392b}
.y-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.y-priv{text-align:center;color:var(--muted);font-size:.8rem;margin-top:12px}

.y-foot{background:var(--deep2);color:#8fc4da;text-align:center;padding:32px 0 96px;font-size:.85rem}
.y-foot a{text-decoration:underline}
.y-disc{margin:8px auto 0;max-width:760px;font-size:.78rem;opacity:.85}
.y-float{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:50;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 26px rgba(37,211,102,.5)}

.y-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}
.y-reveal.y-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.y-reveal{opacity:1;transform:none;transition:none}.y-pil>img{transition:none}html{scroll-behavior:auto}}
html{scroll-behavior:smooth}

@media (min-width:700px){
  .y-sec{padding:96px 0}
  .y-pillars{grid-template-columns:repeat(3,1fr);gap:20px}
  .y-pil{min-height:480px;border-radius:24px}
  .y-pil:first-child{grid-column:auto;min-height:480px}
  .y-pil:first-child .y-txt,.y-pil:not(:first-child) .y-txt{padding:26px 24px}
  .y-pil h3,.y-pil:first-child h3{font-size:1.55rem;margin-bottom:8px}
  .y-pil p,.y-pil:first-child p{font-size:.95rem;line-height:1.5;max-width:none}
  .y-mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:14px}
  .y-mosaic .y-a{grid-column:span 2;grid-row:span 2}
  .y-mosaic .y-ph:last-child{grid-column:auto}
  .y-tgrid{grid-template-columns:repeat(3,1fr)}
  .y-navlink{display:inline-block}
  .y-herobody{padding-bottom:70px}
  .y-lead{padding:96px 0}
  .y-leadgrid{grid-template-columns:1.1fr 1fr;gap:54px}
  .y-form{padding:36px 30px}
  .y-feel{padding:130px 0}
}