/* Asesoría de Vuelos landing page. Everything is scoped to .lp-av so the site header/footer are untouched. */
.lp-av{
  --ink:#07111F;--navy:#0B1727;--navy2:#102238;--blue:#006495;--blue2:#2C7BE5;--cyan:#38BDF8;
  --sky:#EEF5FB;--line:#E2E9F2;--text:#5A6678;--muted:#8A96A8;
  --orange:#F5803E;--orange2:#E8692A;--gold:#FFC72C;--green:#00C27A;
  --grad:linear-gradient(135deg,#F5803E 0%,#FFB347 100%);
  --grad2:linear-gradient(135deg,#2C7BE5 0%,#38BDF8 100%);
  --r:24px;
  font-family:"DM Sans",system-ui,sans-serif;color:var(--navy);background:#fff;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
.lp-av *{box-sizing:border-box;margin:0;padding:0}
.lp-av a{color:inherit;text-decoration:none}
.lp-av .wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.lp-av h1{font-size:60px;line-height:1.05;font-weight:800;letter-spacing:-.025em;color:inherit}
.lp-av h2{font-size:42px;line-height:1.12;font-weight:800;letter-spacing:-.02em;color:inherit}
.lp-av h3{font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:inherit}
.lp-av .xlead{font-size:18.5px;color:var(--text)}
.lp-av .kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}
.lp-av .kicker::before{content:"";width:28px;height:2px;background:var(--grad)}
.lp-av section{padding:110px 0}
.lp-av .head{max-width:760px;margin:0 auto 60px;text-align:center}
.lp-av .head h2{margin:16px 0 14px}
.lp-av .grad-t{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-av .xbtn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;border-radius:16px;padding:18px 30px;font-size:17px;transition:.25s;border:0;cursor:pointer}
.lp-av .xbtn-g{background:var(--grad);color:#fff;box-shadow:0 16px 36px -10px rgba(245,128,62,.65)}
.lp-av .xbtn-g:hover{color:#fff;transform:translateY(-3px);box-shadow:0 22px 44px -12px rgba(245,128,62,.75)}
.lp-av .xbtn-glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.lp-av .xbtn-glass:hover{background:rgba(255,255,255,.2);color:#fff}
.lp-av .ph{width:20px;height:20px;fill:currentColor;flex:0 0 20px}
.lp-av .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);flex:0 0 9px;animation:av-pulse 1.8s infinite}
@keyframes av-pulse{0%{box-shadow:0 0 0 0 rgba(0,194,122,.6)}100%{box-shadow:0 0 0 10px rgba(0,194,122,0)}}

/* ---------- Hero ---------- */
.lp-av .hero{position:relative;min-height:680px;display:flex;align-items:center;padding:110px 0 130px;color:#fff;overflow:hidden;
  background:linear-gradient(105deg,rgba(7,17,31,.97) 0%,rgba(7,17,31,.88) 42%,rgba(0,100,149,.55) 100%),url("../img/flight.jpg") center/cover,var(--ink)}
.lp-av .hero::before{content:"";position:absolute;width:700px;height:700px;right:-200px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.25),transparent 65%)}
.lp-av .hero::after{content:"";position:absolute;width:520px;height:520px;left:-200px;bottom:-280px;border-radius:50%;background:radial-gradient(circle,rgba(245,128,62,.22),transparent 65%)}
.lp-av .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.lp-av .xbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:8px 16px 8px 10px;border-radius:999px;font-size:14px;color:#DCE6F2}
.lp-av .xbadge b{background:var(--grad);color:#fff;padding:3px 10px;border-radius:999px;font-size:12px;letter-spacing:.04em}
.lp-av .hero h1{margin:24px 0 22px;color:#fff}
.lp-av .hero .xlead{color:#B9C7D8;font-size:19px;max-width:580px;margin-bottom:36px}
.lp-av .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.lp-av .proof{display:flex;align-items:center;gap:16px;margin-top:40px}
.lp-av .avs{display:flex}
.lp-av .avs i{width:42px;height:42px;border-radius:50%;border:3px solid var(--ink);margin-left:-12px;display:grid;place-items:center;font-style:normal;font-size:16px;background:#1C3A5C center/cover}
.lp-av .avs i:first-child{margin-left:0;background-image:url("../img/ajent1.png");background-color:#CFE3F3}
.lp-av .avs i:nth-child(2){background:var(--grad2)}
.lp-av .avs i:nth-child(3){background:var(--grad)}
.lp-av .proof p{font-size:14px;color:#B9C7D8;line-height:1.4}
.lp-av .proof p b{color:#fff;display:block;font-size:15px}

/* Glass call card */
.lp-av .glass{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:30px;padding:34px 30px 28px;box-shadow:0 40px 80px -20px rgba(0,0,0,.55)}
.lp-av .g-top{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.lp-av .g-ph{position:relative;width:74px;height:74px;flex:0 0 74px}
.lp-av .g-ph .im{width:74px;height:74px;border-radius:22px;background:#CFE3F3 url("../img/ajent1.png") center/cover;border:2px solid rgba(255,255,255,.5)}
.lp-av .g-ph .on{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--green);border:3px solid #102238}
.lp-av .g-top small{display:flex;align-items:center;gap:8px;color:#8FE3BE;font-size:13px;font-weight:600}
.lp-av .g-top h3{font-size:21px;color:#fff;margin-top:2px}
.lp-av .g-list{list-style:none;display:grid;gap:10px;margin-bottom:24px}
.lp-av .g-list li{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;font-size:15px;color:#E6EEF7}
.lp-av .g-list li i{font-style:normal;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:17px}
.lp-av .g-call{display:block;text-align:center;background:#fff;color:var(--navy);border-radius:18px;padding:16px;transition:.25s}
.lp-av .g-call:hover{transform:translateY(-3px);box-shadow:0 18px 36px -12px rgba(255,255,255,.4)}
.lp-av .g-call small{display:block;font-size:13px;color:var(--text);font-weight:500}
.lp-av .g-call b{display:inline-flex;align-items:center;gap:10px;font-size:30px;letter-spacing:-.01em}
.lp-av .g-call b .ph{width:26px;height:26px;flex-basis:26px;color:var(--orange)}
.lp-av .g-note{display:block;text-align:center;font-size:12px;color:#8FA3BA;margin-top:14px}
.lp-av .float{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--navy);border-radius:16px;padding:10px 14px;font-size:13.5px;font-weight:700;box-shadow:0 18px 40px -12px rgba(0,0,0,.45);animation:av-bob 4s ease-in-out infinite}
.lp-av .float i{font-style:normal;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px}
.lp-av .f1{left:-34px;top:-20px}
.lp-av .f1 i{background:#FFF1E6}
.lp-av .f2{right:-24px;bottom:-22px;animation-delay:1.5s}
.lp-av .f2 i{background:#E7F7EF}
@keyframes av-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ---------- Stats strip ---------- */
.lp-av .stats{position:relative;z-index:2;margin-top:-62px}
.lp-av .stats-in{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:26px;box-shadow:0 30px 60px -20px rgba(11,23,39,.25);border:1px solid var(--line)}
.lp-av .stats-in div{padding:28px 24px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}
.lp-av .stats-in div:last-child{border:0}
.lp-av .stats-in i{font-style:normal;width:50px;height:50px;flex:0 0 50px;border-radius:16px;background:var(--sky);display:grid;place-items:center;font-size:22px}
.lp-av .stats-in b{display:block;font-size:17px}
.lp-av .stats-in span{font-size:13.5px;color:var(--text)}

/* ---------- Bento ---------- */
.lp-av .bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:22px}
.lp-av .bx{position:relative;border-radius:var(--r);padding:32px;background:var(--sky);overflow:hidden;transition:.3s;border:1px solid var(--line)}
.lp-av .bx:hover{transform:translateY(-6px);box-shadow:0 30px 50px -24px rgba(11,23,39,.25)}
.lp-av .bx .ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:26px;background:#fff;box-shadow:0 10px 24px -10px rgba(11,23,39,.2);margin-bottom:22px}
.lp-av .bx p{color:var(--text);font-size:15.5px;margin-top:8px}
.lp-av .bx.big{grid-row:span 2;background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 60%,#0D3A5C 100%);color:#fff;display:flex;flex-direction:column;border:0}
.lp-av .bx.big::after{content:"✈";position:absolute;right:-30px;bottom:-60px;font-size:260px;color:rgba(255,255,255,.04);transform:rotate(-12deg)}
.lp-av .bx.big .ic{background:rgba(255,255,255,.1);box-shadow:none}
.lp-av .bx.big h3{font-size:28px;line-height:1.2}
.lp-av .bx.big p{color:#B9C7D8;font-size:16.5px}
.lp-av .bx.big .xbtn{margin-top:auto;align-self:flex-start;position:relative;z-index:1}
.lp-av .bx.big .mini{display:grid;gap:10px;margin:26px 0 30px;list-style:none}
.lp-av .bx.big .mini li{display:flex;gap:10px;align-items:center;color:#DCE6F2;font-size:15px}
.lp-av .bx.big .mini li::before{content:"✓";width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.lp-av .bx.warm{background:linear-gradient(160deg,#FFF5EC,#FFE9D8);border-color:#FBD9BE}
.lp-av .bx.cool{background:linear-gradient(160deg,#EEF6FE,#E1EEFC);border-color:#CFE1F7}

/* ---------- Personas ---------- */
.lp-av .ppl{background:linear-gradient(180deg,#fff 0%,var(--sky) 100%)}
.lp-av .ppl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-av .pc{background:#fff;border-radius:var(--r);padding:30px;border:1px solid var(--line);transition:.3s;position:relative}
.lp-av .pc:hover{border-color:transparent;box-shadow:0 26px 50px -22px rgba(44,123,229,.35)}
.lp-av .pc .em{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font-size:28px;margin-bottom:18px;background:var(--grad2);box-shadow:0 12px 26px -12px rgba(44,123,229,.8)}
.lp-av .pc:nth-child(even) .em{background:var(--grad);box-shadow:0 12px 26px -12px rgba(245,128,62,.8)}
.lp-av .pc p{color:var(--text);font-size:15px;margin-top:8px}
.lp-av .pc a{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;font-size:14.5px;color:var(--blue2)}
.lp-av .pc a:hover{color:var(--orange2)}

/* ---------- Steps ---------- */
.lp-av .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.lp-av .steps::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 10px,transparent 10px 18px)}
.lp-av .st{position:relative;text-align:center;padding:0 10px}
.lp-av .st .n{position:relative;width:68px;height:68px;margin:0 auto 22px;border-radius:22px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 14px 30px -14px rgba(11,23,39,.3)}
.lp-av .st .n span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-av .st p{color:var(--text);font-size:15px;margin-top:6px}
.lp-av .steps-cta{text-align:center;margin-top:54px}

/* ---------- Showcase band ---------- */
.lp-av .band{position:relative;padding:0}
.lp-av .band-in{position:relative;border-radius:34px;overflow:hidden;color:#fff;padding:70px 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;
  background:linear-gradient(110deg,rgba(7,17,31,.95) 0%,rgba(7,17,31,.82) 55%,rgba(0,100,149,.6) 100%),url("../img/flight.jpg") center/cover,var(--ink)}
.lp-av .band-in h2{color:#fff;margin:14px 0 14px}
.lp-av .band-in .xlead{color:#B9C7D8}
.lp-av .band-in .kicker{color:var(--cyan)}
.lp-av .tips{display:grid;gap:12px}
.lp-av .tip{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:18px;padding:16px 18px}
.lp-av .tip b{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:14px}
.lp-av .tip h3{font-size:16.5px;color:#fff}
.lp-av .tip p{font-size:14px;color:#B9C7D8;margin-top:2px}

/* ---------- FAQ ---------- */
.lp-av .faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.lp-av .faq-side h2{margin:16px 0 14px}
.lp-av .faq-side .xlead{margin-bottom:28px}
.lp-av .helpbox{display:flex;align-items:center;gap:16px;background:var(--sky);border-radius:22px;padding:20px;border:1px solid var(--line)}
.lp-av .helpbox .ic{width:56px;height:56px;flex:0 0 56px;border-radius:18px;background:var(--grad);display:grid;place-items:center;color:#fff}
.lp-av .helpbox small{display:block;color:var(--text);font-size:13.5px}
.lp-av .helpbox b{font-size:22px}
.lp-av details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 26px;margin-bottom:14px;transition:.25s}
.lp-av details[open]{box-shadow:0 20px 40px -24px rgba(11,23,39,.3);border-color:#CFE1F7}
.lp-av summary{font-weight:700;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px}
.lp-av summary::-webkit-details-marker{display:none}
.lp-av summary::after{content:"+";width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--sky);color:var(--blue2);display:grid;place-items:center;font-size:20px;transition:.25s}
.lp-av details[open] summary::after{content:"–";background:var(--grad);color:#fff}
.lp-av details p{color:var(--text);margin-top:12px;font-size:15.5px}

/* ---------- Final CTA ---------- */
.lp-av .final{position:relative;overflow:hidden;border-radius:34px;padding:76px 40px;text-align:center;color:#fff;background:linear-gradient(135deg,#F5803E 0%,#F59E3E 50%,#FFB347 100%)}
.lp-av .final::before,.lp-av .final::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.lp-av .final::before{width:380px;height:380px;left:-120px;top:-180px}
.lp-av .final::after{width:300px;height:300px;right:-90px;bottom:-160px}
.lp-av .final>*{position:relative;z-index:1}
.lp-av .final h2{color:#fff;font-size:46px}
.lp-av .final p{color:#FFF3E8;font-size:18px;margin:12px auto 30px;max-width:560px}
.lp-av .final .xbtn{background:var(--navy);color:#fff;font-size:21px;padding:20px 38px;box-shadow:0 20px 40px -14px rgba(7,17,31,.6)}
.lp-av .final .xbtn:hover{transform:translateY(-3px);background:var(--ink);color:#fff}
.lp-av .final small{display:block;margin-top:16px;color:#FFE6D2;font-size:13.5px}

/* ---------- Popup ---------- */
.lp-av .pop{position:fixed;inset:0;background:rgba(7,17,31,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1100;padding:16px}
.lp-av .pop.show{display:flex}
.lp-av .pop-box{background:#fff;border-radius:28px;max-width:420px;width:100%;padding:36px 28px 26px;text-align:center;position:relative;animation:av-up .35s ease}
@keyframes av-up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.lp-av .pop-x{position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:12px;border:0;background:var(--sky);font-size:20px;cursor:pointer}
.lp-av .pop-ic{width:76px;height:76px;margin:0 auto 14px;border-radius:24px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 16px 32px -12px rgba(245,128,62,.7)}
.lp-av .pop-box h3{font-size:24px}
.lp-av .pop-box p{color:var(--text);font-size:15px;margin:8px 0 18px}
.lp-av .pop-box .xbtn{width:100%;font-size:19px}
.lp-av .pop-box small{display:block;margin-top:12px;font-size:12px;color:var(--muted)}
.lp-av .mbar{display:none}

/* ================= TABLET ================= */
@media (max-width:1080px){
  .lp-av h1{font-size:48px}
  .lp-av .hero-grid{grid-template-columns:1fr;gap:50px}
  .lp-av .glass{max-width:520px}
  .lp-av .f1{left:auto;right:-10px;top:-20px}
  .lp-av .bento{grid-template-columns:1fr 1fr}
  .lp-av .bx.big{grid-column:span 2;grid-row:auto}
  .lp-av .ppl-grid{grid-template-columns:1fr 1fr}
  .lp-av .band-in{grid-template-columns:1fr;padding:56px 40px}
  .lp-av .faq-wrap{grid-template-columns:1fr;gap:40px}
  .lp-av .stats-in{grid-template-columns:1fr 1fr}
  .lp-av .stats-in div:nth-child(2){border-right:0}
  .lp-av .stats-in div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
/* ================= MOBILE ================= */
@media (max-width:767px){
  .lp-av{font-size:15px;padding-bottom:90px}
  .lp-av .wrap{padding:0 16px}
  .lp-av section{padding:64px 0}
  .lp-av h1{font-size:33px;letter-spacing:-.02em}
  .lp-av h2{font-size:28px}
  .lp-av h3{font-size:17.5px}
  .lp-av .xlead{font-size:15.5px}
  .lp-av .head{margin-bottom:34px}
  .lp-av .hero{min-height:0;padding:44px 0 92px}
  .lp-av .hero h1{margin:18px 0 14px}
  .lp-av .hero .xlead{font-size:15.5px;margin-bottom:26px}
  .lp-av .xbadge{font-size:12.5px}
  .lp-av .cta-row{display:grid;gap:10px}
  .lp-av .cta-row .xbtn{width:100%}
  .lp-av .proof{margin-top:26px}
  .lp-av .hero .glass{display:none}
  .lp-av .stats{margin-top:-56px}
  .lp-av .stats-in{border-radius:20px}
  .lp-av .stats-in div{flex-direction:column;text-align:center;gap:8px;padding:18px 10px}
  .lp-av .stats-in i{width:42px;height:42px;flex-basis:42px;font-size:19px;border-radius:13px}
  .lp-av .stats-in b{font-size:15px}
  .lp-av .stats-in span{font-size:12px}
  .lp-av .bento{grid-template-columns:1fr;gap:14px}
  .lp-av .bx.big{grid-column:auto}
  .lp-av .bx{padding:24px}
  .lp-av .bx .ic{width:48px;height:48px;font-size:22px;margin-bottom:14px}
  .lp-av .bx.big h3{font-size:23px}
  .lp-av .bx.big .xbtn{width:100%}
  /* personas swipe */
  .lp-av .ppl-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -16px;padding:6px 16px 18px;scrollbar-width:none}
  .lp-av .ppl-grid::-webkit-scrollbar{display:none}
  .lp-av .pc{flex:0 0 80%;scroll-snap-align:start;padding:24px}
  .lp-av .steps{grid-template-columns:1fr;gap:14px}
  .lp-av .steps::before{top:10px;bottom:10px;left:33px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--line) 0 8px,transparent 8px 14px)}
  .lp-av .st{display:grid;grid-template-columns:68px 1fr;column-gap:16px;text-align:left;padding:0}
  .lp-av .st .n{grid-row:span 2;margin:0;width:66px;height:66px}
  .lp-av .st h3{align-self:end}
  .lp-av .steps-cta .xbtn{width:100%}
  .lp-av .band .wrap{padding:0}
  .lp-av .band-in{border-radius:0;padding:56px 16px}
  .lp-av .tip{padding:14px}
  .lp-av .faq-wrap{gap:30px}
  .lp-av details{padding:18px 18px;border-radius:16px}
  .lp-av summary{font-size:15.5px}
  .lp-av .helpbox b{font-size:19px}
  .lp-av .final{border-radius:26px;padding:50px 20px}
  .lp-av .final h2{font-size:30px}
  .lp-av .final p{font-size:16px}
  .lp-av .final .xbtn{width:100%;font-size:19px}
  /* sticky call bar */
  .lp-av .mbar{display:flex;align-items:center;gap:10px;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:rgba(7,17,31,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:8px 8px 8px 14px;box-shadow:0 16px 40px -10px rgba(0,0,0,.5)}
  .lp-av .mbar .t{flex:1;color:#9AABC0;font-size:12px;line-height:1.3}
  .lp-av .mbar .t b{display:block;color:#fff;font-size:14px}
  .lp-av .mbar .xbtn{padding:13px 20px;font-size:16px;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){.lp-av *{animation:none!important;transition:none!important}}