/* Visual language shared with seguro-coche-es: Avenir, navy, amber, teal, open sections. */
:root{--navy:#0a263d;--deep:#061c2e;--gold:#f2bf65;--cream:#edf4f5;--ink:#193348;--muted:#5a6d79;--line:#d7e3e7;--white:#fff;--teal:#0b8d83}
body{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;line-height:1.56}
h1,h2,h3{font-family:inherit;letter-spacing:-.035em}
.header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:1px solid #ffffff35}
.header-inner{height:88px;gap:40px}
.brand-signature{gap:10px;letter-spacing:0;text-transform:none}
.brand-signature .brand-mark-frame{width:55px;height:55px;flex:none;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:15px;background:#ffffff08}
.brand-signature img.brand-mark{width:45px;height:45px;display:block;border-radius:12px;object-fit:cover}
.brand-signature .brand-type{display:block;min-width:0}
.brand-signature .brand-type strong{display:block;color:#fff;font-size:25px;font-weight:800;line-height:.84;letter-spacing:-.06em}
.brand-signature .brand-type small{display:block;margin-top:7px;color:#b9c8d1;font-size:11px;font-weight:500;letter-spacing:-.02em;line-height:1}
.header nav{gap:30px}
.header nav a{font-size:14px;color:#ebf5f7}
.nav-cta{background:#fff;border:0;border-radius:5px;color:var(--navy);padding:12px 16px;font-size:13px}
.nav-cta:hover{background:var(--gold);color:var(--navy)}
.hero{min-height:645px;background:var(--deep)}
.hero-photo{width:64%;left:auto;background-position:center 68%}
.hero-shade{background:linear-gradient(90deg,#061c2e 0%,#09283e 35%,#09273de8 48%,#09273d59 72%,#09273d0d 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--gold) 0 24%,transparent 24%)}
.hero-grid{min-height:645px;display:flex;align-items:center;justify-content:space-between;padding-top:145px;padding-bottom:74px;gap:28px}
.hero-copy{max-width:680px}
.eyebrow{color:#cfe3e8;letter-spacing:0;text-transform:none;font-size:14px;font-weight:700;margin:0 0 22px}
.eyebrow:before{content:"";width:38px;height:2px;background:var(--gold);flex:none}
.eyebrow .flag{display:none}
h1{max-width:710px;font-size:clamp(45px,5.1vw,72px);font-weight:800;line-height:1.1;margin:0 0 22px}
h1 em{color:#fff}
.hero-lede{font-size:18px;line-height:1.58;max-width:595px;color:#e2ecee;margin:0 0 30px}
.button{min-height:51px;padding:13px 21px;border-radius:5px;font-size:15px;gap:12px}
.button-gold{background:var(--gold);color:var(--deep)}
.button-gold:hover{background:#ffd58d}
.button-outline{border-color:#ffffffa6}
.hero-note{font-size:13px;color:#c3d2d8;margin:18px 0 0}
.hero-label{align-self:flex-end;display:block;background:#fff;color:var(--navy);padding:13px 17px;border-radius:5px;white-space:nowrap;font-size:13px;line-height:1.25;box-shadow:0 22px 58px #0a263d21;position:relative;padding-left:40px}
.hero-label span{position:absolute;left:17px;top:24px;width:10px;height:10px;border-radius:50%;background:var(--teal)}
.hero-label strong{font-size:15px}
.proof{background:var(--navy);border:0;color:#ecf4f5}
.proof-inner{min-height:77px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:22px;padding:0;font-size:13px;letter-spacing:0;text-transform:none;color:#ecf4f5}
.proof span{position:relative;padding-left:20px}
.proof span:before,.proof span+span:before{content:"";position:absolute;display:block;left:0;top:7px;width:8px;height:8px;border:2px solid var(--gold);border-radius:50%;margin:0}
.section{padding-block:98px}
.section-intro .kicker,.kicker{color:#08756d;letter-spacing:0;text-transform:none;font-size:14px;font-weight:800}
.section-intro h2,.process h2,.lead-copy h2,.closing h2{color:var(--navy);font-weight:800;font-size:clamp(36px,3.8vw,53px);line-height:1.1;letter-spacing:-.035em}
.section-intro>p:last-child{font-size:18px;line-height:1.62}
.path-grid{gap:16px}
.path-card{border:1px solid var(--line);border-radius:6px;box-shadow:0 22px 58px #0a263d14;overflow:hidden;min-height:405px}
.path-copy{padding:29px}
.path-index{color:#08756d;letter-spacing:0;font-size:13px}
.path-copy h3{color:var(--navy);font-weight:800}
.path-copy p{font-size:15px;line-height:1.55}
.path-copy ul{font-size:13px}
.path-copy li::marker{color:var(--teal)}
.path-copy a,.video-grid a{color:#08756d;border-color:#08756d}
.process{background:var(--cream)}
.process li b{color:var(--teal)}
.videos{background:#fff}
.video-grid article{background:#fff;border-color:var(--line);border-radius:6px;overflow:hidden;box-shadow:0 22px 58px #0a263d12}
.video-grid span{color:#08756d}
.video-grid h3{color:var(--navy)}
.lead-section{background:#f6f9f9;color:var(--ink)}
.lead-copy>p:not(.kicker){color:var(--muted);font-size:17px}
.lead-detail{color:var(--navy);font-weight:700}
.lead-detail span{color:var(--teal)}
.lead-form{border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 58px #0a263d21;padding:34px 37px}
.form-head{color:var(--muted);letter-spacing:0;font-size:12px}
.form-head span{color:#08756d}
.progress span{background:var(--teal)}
.form-step legend,.contact-step h3{color:var(--navy);font-size:27px}
.choices span{border-radius:5px}
.choices input:checked+span{border-color:var(--teal);background:#eef9f7;box-shadow:inset 4px 0 var(--teal)}
.choices input:checked+span:before{background:var(--teal)}
.button-dark{background:var(--navy)}
.button-dark:hover{background:#123b59}
.consent input{accent-color:var(--teal)}
.consent a{color:#08756d}
.faq summary:after{color:#08756d}
.closing{background:var(--navy);color:#fff}
.closing .kicker{color:var(--gold)}
.closing h2{color:#fff}
.closing p:not(.kicker){color:#cbdce3}
.footer{background:var(--deep)}
.footer-grid .brand-signature .brand-type strong{font-size:25px}
.footer-grid strong{color:#fff}
.mobile-cta{background:var(--gold)}
@media(max-width:1050px){.hero-label{display:none}}
@media(max-width:800px){.header-inner{height:80px}.header nav{display:none}.nav-cta{margin-left:auto}.hero{min-height:750px}.hero-grid{display:block;min-height:750px;padding-top:145px;padding-bottom:340px}.hero-photo{width:100%;height:310px;top:auto;bottom:0;background-position:center 67%}.hero-shade{background:linear-gradient(180deg,#061c2e 0%,#09283e 54%,#09273df7 60%,#09273d38 100%)}.proof-inner{grid-template-columns:1fr 1fr;padding:20px 0;gap:13px}.lead-grid{grid-template-columns:1fr}.section{padding-block:75px}}
@media(max-width:560px){.header-inner{height:72px;gap:12px}.brand-signature{gap:6px}.brand-signature .brand-mark-frame{width:39px;height:39px;border-radius:11px}.brand-signature img.brand-mark{width:33px;height:33px;border-radius:9px}.brand-signature .brand-type strong{font-size:17px}.brand-signature .brand-type small{font-size:7px;margin-top:5px}.nav-cta{padding:9px 10px;font-size:11px;gap:5px}.hero{min-height:765px}.hero-grid{min-height:765px;padding-top:120px;padding-bottom:305px}.hero-photo{height:275px}.hero-shade{background:linear-gradient(180deg,#061c2e 0%,#09283e 63%,#09273dcc 68%,#09273d18 100%)}h1{font-size:clamp(37px,10vw,48px)}.hero-lede{font-size:15px}.eyebrow{font-size:12px}.hero-note{font-size:11px}.proof-inner{grid-template-columns:1fr}.section{padding-block:62px}.section-intro h2,.process h2,.lead-copy h2,.closing h2{font-size:clamp(32px,8.5vw,42px)}.section-intro>p:last-child{font-size:16px}.lead-form{padding:27px 20px}.mobile-cta{background:var(--gold)}.footer-grid .brand-signature .brand-mark-frame{width:55px;height:55px}.footer-grid .brand-signature img.brand-mark{width:45px;height:45px}.footer-grid .brand-signature .brand-type strong{font-size:25px}.footer-grid .brand-signature .brand-type small{font-size:11px}}
@media(max-width:530px){.header .brand-signature .brand-mark-frame{width:49px;height:49px;border-radius:14px}.header .brand-signature img.brand-mark{width:41px;height:41px;border-radius:11px}.header .brand-signature .brand-type strong{font-size:21px}.header .brand-signature .brand-type small{font-size:9px;margin-top:6px}}