*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B1628;--navy2:#10243b;--teal:#06EAD3;--teal2:#06a796;--ink:#0B1628;--muted:#5b6573;--line:#e2e6ea;--bg:#f4f6f8}
body{font-family:'Inter',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Sora',sans-serif}
.wrap{max-width:1340px;margin:0 auto;padding:0 24px}

/* HEADER */
header{background:var(--navy);position:sticky;top:0;z-index:30}
header .wrap{max-width:1340px}
.nav{display:flex;align-items:center;height:80px;gap:32px}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;justify-content:center}
.brand .logo{height:42px;width:auto;display:block}
.brand .tagline{font-size:8.5px;letter-spacing:1.4px;color:var(--teal);font-weight:600;margin-top:3px;text-transform:uppercase}
.menu{display:flex;gap:26px;margin-left:14px;flex:1;justify-content:center}
.menu a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#cfd8e3;font-size:13px;font-weight:500;opacity:.92}
.menu a svg{width:22px;height:22px;fill:currentColor}
.menu a:hover{color:#fff}
.menu a.on{color:#fff;opacity:1}
.acct svg{width:20px;height:20px;fill:currentColor}
.nav .right{display:flex;align-items:center;gap:14px}
.pill{border:1px solid #33465c;color:#dbe4ee;border-radius:100px;padding:7px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}
.acct{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#17304a;color:#9fb4c9}

/* HERO */
.hero{position:relative;padding:56px 0 130px;overflow:hidden}
.hero .bgimg{position:absolute;inset:0;background:url('home-img/hero.jpg') center/cover no-repeat}
.hero .ov{position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,22,40,.80),rgba(16,36,59,.56))}
.hero .in{position:relative;text-align:center}
.hero h1{color:#fff;font-size:40px;font-weight:800;max-width:880px;margin:0 auto;line-height:1.12;text-align:center}
.hero h1 .t{color:var(--teal)}
.hero p.sub{color:#c7d3e0;font-size:17px;margin:14px auto 0}

/* SEARCH */
.search{background:#fff;border-radius:22px;box-shadow:0 22px 54px rgba(11,22,40,.26);padding:8px;margin-top:26px;text-align:left}
.tabs{display:flex;gap:6px;padding:3px 6px 9px;justify-content:center}
.tab{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted);padding:8px 14px;border-radius:100px;cursor:pointer}
.tab .dot{width:15px;height:15px;border-radius:50%;border:2px solid #c3ccd6;display:inline-block}
.tab.on{color:var(--navy)}
.tab.on .dot{border-color:var(--teal2);box-shadow:inset 0 0 0 3px var(--teal2)}
.fields{display:flex;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:100px}
.fields .fld:first-child{padding-left:24px}
.fields .fld:nth-last-child(2){border-right:none}
.fld{flex:1;padding:8px 18px;border-right:1px solid var(--line);min-width:0;position:relative}
.fld .lb{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:#8a929c;font-weight:700}
.fld .vl{font-size:14px;color:var(--ink);font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fld .vl.ph{color:#aab3bd;font-weight:500}
.fld.od{flex:1.25}
.fld.wide{flex:2.2}
.search .fld .vin{border:none;outline:none;background:transparent;font-family:'Inter',Arial,sans-serif;font-size:14px;font-weight:600;color:var(--ink);width:100%;margin-top:2px;padding:0;cursor:pointer}
.search .fld .vin::placeholder{color:#aab3bd;font-weight:500}
.search .fld:focus-within{background:#f6fafb;border-radius:14px}
.search .fld:hover{background:#fafcfc;border-radius:14px}
.swap{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;z-index:2;color:var(--teal2);font-size:14px}
.go{background:var(--teal);color:var(--navy);font-family:'Sora';font-weight:800;font-size:15px;padding:0 28px;margin:5px;border-radius:100px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;letter-spacing:.3px}
.go:hover{filter:brightness(.96)}
.subrow{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 8px 6px;flex-wrap:wrap}
.subrow .chk{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.subrow .chk .box{width:16px;height:16px;border:1.5px solid #c3ccd6;border-radius:4px}
.subrow .cur{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:8px}
.subrow .cur b{color:var(--ink);border:1px solid var(--line);border-radius:100px;padding:5px 13px;font-weight:600}

/* FEATURED */
.feat{position:relative;margin-top:-96px;z-index:5}
.feat .row{display:flex;gap:18px}
.fcard{flex:1;background:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(11,22,40,.12);overflow:hidden;display:flex;cursor:pointer;transition:transform .18s, box-shadow .18s}
.fcard:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(11,22,40,.20)}
.fcard .ph{width:104px;background-position:center;background-size:cover;flex-shrink:0}
.fcard .bd{padding:16px 18px}
.fcard .kk{font-size:10.5px;letter-spacing:1px;color:#8a929c;font-weight:700;text-transform:uppercase}
.fcard .nm{font-family:'Sora';font-weight:700;color:var(--teal2);font-size:19px;margin:2px 0 8px}
.fcard .pr{font-size:21px;font-weight:800}
.fcard .pr small{font-size:12px;color:#8a929c;font-weight:600}
.fcard .fr{font-size:12px;color:#8a929c;margin-top:2px}

/* PROMO */
.promo{margin:40px auto}
.promo .box{background:linear-gradient(120deg,var(--navy),var(--navy2));border-radius:20px;padding:30px 34px;display:flex;align-items:center;gap:28px;color:#fff}
.promo .big{font-family:'Sora';font-weight:800;font-size:34px;line-height:1;color:var(--teal)}
.promo .big small{display:block;font-size:13px;color:#cdd8e4;letter-spacing:2px;font-weight:700;margin-top:6px}
.promo .tx{border-left:1px solid rgba(255,255,255,.16);padding-left:26px;flex:1}
.promo .tx b{font-size:16px}
.promo .tx p{color:#c7d3e0;font-size:14px;margin-top:4px;max-width:560px}

/* SECTION */
.sec{padding:8px 0 48px}
.sec h2{font-size:24px;font-weight:800}
.sec .h2c{text-align:center}
.sec .sub2{text-align:center;color:var(--muted);font-size:15px;margin-top:4px}
.sec .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.dcard{position:relative;height:230px;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(11,22,40,.10);cursor:pointer;transition:transform .18s, box-shadow .18s}
.dcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,22,40,.22)}
.dcard .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .3s}
.dcard:hover .ph{transform:scale(1.05)}
.dcard .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,22,40,.82) 8%,rgba(11,22,40,0) 55%)}
.dcard .tx{position:absolute;left:16px;right:16px;bottom:14px;color:#fff}
.dcard .tx .nm{font-family:'Sora';font-weight:700;font-size:20px}
.dcard .tx .pr{font-size:15px;color:#eaf0f6;margin-top:2px}
.dcard .tx .pr b{color:var(--teal)}

/* PAQUETES cards */
.pkgs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.pkg{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px rgba(11,22,40,.07);cursor:pointer;transition:transform .18s,box-shadow .18s}
.pkg:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,22,40,.16)}
.pkg .ph{height:150px;background-size:cover;background-position:center}
.pkg .bd{padding:16px 18px;display:flex;flex-direction:column;flex:1}
.pkg .kk{font-size:11px;letter-spacing:.6px;color:#8a929c;font-weight:700;text-transform:uppercase}
.pkg .nm{font-family:'Sora';font-weight:700;font-size:15.5px;margin:6px 0 8px;line-height:1.3}
.pkg .inc{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.pkg .inc b{color:var(--ink)}
.pkg .pr{margin-top:auto}
.pkg .pr .lb{font-size:12px;color:#8a929c}
.pkg .pr .v{font-size:19px;font-weight:800}
.pkg .pr .v small{font-size:12px;color:#8a929c;font-weight:600}
.pkg .btn{margin-top:12px;background:var(--teal);color:var(--navy);font-family:'Sora';font-weight:800;text-align:center;padding:11px;border-radius:100px;font-size:14px}

.demoflag{background:#fff7e6;border:1px solid #ffe0a3;color:#8a5a00;font-size:12.5px;padding:8px 14px;border-radius:10px;margin:6px 0 0;text-align:center}

/* FAB */
.fab{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;align-items:center;gap:11px;background:var(--navy);color:#fff;border-radius:100px;padding:9px 20px 9px 11px;box-shadow:0 12px 28px rgba(11,22,40,.32);text-decoration:none;transition:transform .18s}
.fab:hover{transform:translateY(-3px)}
.fab .cir{width:36px;height:36px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fab .cir svg{width:19px;height:19px;fill:var(--navy)}
.fab .tx{font-family:'Sora',sans-serif;font-weight:700;font-size:14px;line-height:1.1}
.fab .tx small{display:block;font-weight:400;font-size:10px;color:#a9b6c4;letter-spacing:1px}

/* FOOTER */
footer{background:var(--navy);color:#aeb9c6;padding:40px 0;font-size:13px;margin-top:20px}
footer .g{display:flex;gap:34px;flex-wrap:wrap;justify-content:space-between}
footer b{color:#fff}
footer a{color:var(--teal)}
.lema{color:var(--teal);letter-spacing:3px;font-size:11px;font-weight:700;margin-top:12px}

@media(max-width:900px){.menu{display:none}.hero h1{font-size:30px}.feat .row{flex-direction:column}.sec .grid,.pkgs{grid-template-columns:repeat(2,1fr)}.fields{flex-wrap:wrap}.fld{flex:1 1 45%;border-bottom:1px solid var(--line)}.go{flex:1 1 100%;padding:14px}}

/* BENEFICIOS */
.benefsec{background:var(--navy);color:#fff;padding:56px 0}
.benefsec h2{text-align:center;font-size:26px;margin-bottom:8px}
.benefsec .sub2{text-align:center;color:#c7d3e0;margin-bottom:32px;font-size:15px}
.benef{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.benef .b{text-align:center}
.benef .ic{width:54px;height:54px;border-radius:50%;background:rgba(6,234,211,.14);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.benef .ic svg{width:26px;height:26px;stroke:var(--teal);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benef h3{font-size:16px;margin-bottom:7px}
.benef p{font-size:13.5px;color:#aeb9c6;line-height:1.55}

/* FAQ */
.faqsec{padding:52px 0}
.faqsec h2{text-align:center;font-size:26px;margin-bottom:22px}
.faq{max-width:900px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:16px 4px}
.faq summary{font-family:'Sora';font-weight:700;font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--teal2);font-weight:700;font-size:20px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq details p{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.6}

/* ARREPENTIMIENTO + FOOTER COMPLETO */
.arrep{border-top:1px solid var(--line);padding:28px 0;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.arrep .tx{max-width:780px}
.arrep h3{font-size:16px;margin-bottom:6px}
.arrep p{font-size:13px;color:var(--muted);line-height:1.55}
.arrep a.rbtn{background:var(--navy);color:#fff;font-family:'Sora';font-weight:700;padding:13px 24px;border-radius:100px;font-size:14px;white-space:nowrap}
.footbig{background:var(--navy);color:#aeb9c6;padding:44px 0 26px;font-size:13px}
.footbig .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.1fr;gap:30px}
.footbig h4{color:#fff;font-size:14px;margin-bottom:12px;font-family:'Sora'}
.footbig a{color:#aeb9c6;display:block;padding:3px 0}
.footbig a:hover{color:var(--teal)}
.footbig .social{display:flex;gap:12px;margin-top:8px}
.footbig .social a{width:36px;height:36px;border-radius:50%;background:#17304a;display:flex;align-items:center;justify-content:center;padding:0}
.footbig .social svg{width:18px;height:18px;fill:#cfd8e3}
.footbig .copy{border-top:1px solid #22364d;margin-top:28px;padding-top:18px;color:#7d8896;font-size:12px}
.footbig .lema{color:var(--teal);letter-spacing:3px;font-size:11px;font-weight:700;margin-top:12px}
@media(max-width:900px){.benef{grid-template-columns:repeat(2,1fr)}.footbig .cols{grid-template-columns:repeat(2,1fr)}}

/* panel de resultados (cotización real) */
.results{max-width:1340px;margin:20px auto 0;padding:0 24px}
.results .rcard{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 44px rgba(11,22,40,.14);padding:22px 28px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;border-left:5px solid var(--teal)}
.results .rinfo{flex:1;min-width:260px}
.results .rlive{display:inline-block;background:#e6fbf8;color:var(--teal2);font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.results .rt{font-family:'Sora';font-weight:700;font-size:19px}
.results .rs{color:var(--muted);font-size:14px;margin-top:4px}
.results .rbreak{font-size:12.5px;color:#8a929c;margin-top:8px}
.results .rprice{text-align:right;min-width:180px}
.results .rprice .rlb{font-size:12px;color:#8a929c;text-transform:uppercase;letter-spacing:.5px}
.results .rprice .rpp{font-family:'Sora';font-weight:800;font-size:30px;line-height:1;margin-top:3px}
.results .rprice .rtot{font-size:13px;color:var(--muted);margin-top:4px}
.results .rbtn{background:var(--teal);color:var(--navy);font-family:'Sora';font-weight:800;padding:12px 24px;border-radius:100px;font-size:14px;margin-top:12px;display:inline-block;cursor:pointer}
.results .rbtn:hover{filter:brightness(.96)}
@media(max-width:900px){.results .rprice{text-align:left}}

/* CÓMO FUNCIONA */
.como{padding:52px 0}
.como h2{text-align:center;font-size:26px;margin-bottom:6px}
.como .sub2{text-align:center;color:var(--muted);margin-bottom:30px;font-size:15px}
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.paso{background:var(--bg);border-radius:16px;padding:28px 26px;text-align:center}
.paso .num{width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--teal);font-family:'Sora';font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:19px}
.paso h3{font-size:17px;margin-bottom:7px}
.paso p{font-size:14px;color:var(--muted);line-height:1.55}

/* EXPLORÁ POR REGIÓN */
.regsec{padding:8px 0 48px}
.regsec h2{font-size:24px;font-weight:800;margin-bottom:22px}
.regiones{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.reg{text-align:center;cursor:pointer;text-decoration:none;color:inherit}
.reg .ph{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 8px 22px rgba(11,22,40,.14);transition:transform .2s, box-shadow .2s}
.reg:hover .ph{transform:translateY(-5px);box-shadow:0 16px 32px rgba(11,22,40,.22)}
.reg .nm{font-family:'Sora';font-weight:700;font-size:14.5px;margin-top:12px}

/* DESTINOS POPULARES */
.poplinks{padding:10px 0 56px}
.poplinks h2{font-size:24px;font-weight:800;margin-bottom:12px}
.poptabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}
.poptabs a{padding:10px 2px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;font-size:15px}
.poptabs a.on{color:var(--navy);border-color:var(--teal)}
.poplist{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 26px}
.poplist a{padding:7px 0;color:var(--teal2);font-size:14px;border-bottom:1px solid #f2f4f7}
.poplist a:hover{color:var(--navy)}
.secttl{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}
.secttl a.vermas{color:var(--teal2);font-weight:700;font-size:14px}
@media(max-width:900px){.pasos{grid-template-columns:1fr}.regiones{grid-template-columns:repeat(3,1fr)}.poplist{grid-template-columns:repeat(2,1fr)}}