/*
Theme Name: Autofit Viña | Landing Google Ads
Theme URI: https://autofitviña.cl/
Author: Creativos in Blue
Description: Landing de captación en 8 comunas de la Región de Valparaíso, con CRM interno, WhatsApp y eventos dataLayer para Google Ads y GA4.
Version: 1.1.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: autofit-vina
*/
:root{--navy:#071b34;--navy2:#102b4a;--blue:#1765cf;--sky:#4fb8f5;--line:#e4ecf5;--light:#f4f8fc;--ink:#12263e;--muted:#60738b;--white:#fff;--green:#1baf63;--radius:18px;--shadow:0 18px 55px rgba(12,40,82,.12)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.58 'Segoe UI',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:23px}p{color:var(--muted)}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.section{padding:90px 0}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:850;display:flex;align-items:center;gap:10px;margin-bottom:13px}.eyebrow::before{content:'';display:inline-block;width:27px;height:3px;background:var(--blue);border-radius:10px}.section-title{max-width:730px;margin-bottom:37px}.section-title p{font-size:17px;max-width:625px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:15px 24px;font-weight:800;font-size:15px;min-height:50px;border:1px solid transparent;transition:.18s transform,.18s background,.18s box-shadow;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #1765cf33}.btn.primary:hover{background:#0b4fae}.btn.white{background:#fff;color:var(--navy)}.btn.outline{border-color:#ccdbea;background:#fff;color:var(--blue)}.btn.whatsapp{background:#19a863;color:#fff}.btn.whatsapp:hover{background:#148551}.btn svg{width:19px;height:19px;flex:none}.a11y-skip{position:absolute;top:-100px;left:10px;padding:12px;background:white;z-index:999}.a11y-skip:focus{top:10px}.topline{background:var(--navy);color:#d8e8f8;padding:9px 0;font-size:12px;font-weight:600}.topline .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.topline strong{color:#fff}.main-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #eaf0f6;backdrop-filter:blur(12px)}.main-nav .wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;line-height:1}.brand-logo{font-size:31px;letter-spacing:-.09em;font-weight:1000;color:var(--navy)}.brand-logo span{color:var(--blue)}.brand img{max-height:53px;max-width:195px;object-fit:contain}.brand-place{border-left:1px solid #ced9e8;padding-left:13px;display:grid;gap:3px}.brand-place strong{font-size:12px;letter-spacing:.02em}.brand-place small{font-size:11px;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-weight:750;font-size:13px;color:#40526a}.nav-links a:hover{color:var(--blue)}.nav-actions{display:flex;gap:11px;align-items:center}.nav-actions .tel{font-size:13px;font-weight:850;color:var(--navy)}.nav-actions .btn{padding:12px 16px;min-height:44px;font-size:13px}.hero{position:relative;background:linear-gradient(112deg,#071b34 0%,#0b294c 48%,#15426e 100%);color:#fff;overflow:hidden;padding:71px 0 90px;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#071b34 0%,rgba(7,27,52,.95) 33%,rgba(7,27,52,.76) 65%,rgba(7,27,52,.44) 100%),var(--hero-image,none);background-size:cover;background-position:center,center 42%;opacity:.95}.hero::after{content:'';position:absolute;inset:-50% -20% auto auto;width:750px;height:750px;border-radius:50%;border:1px solid #ffffff16;box-shadow:0 0 0 75px #ffffff08,0 0 0 160px #ffffff04;z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 425px;align-items:center;gap:75px}.hero-copy{max-width:650px}.hero-loc{display:inline-flex;align-items:center;gap:8px;border-radius:60px;background:#ffffff16;border:1px solid #ffffff26;color:#e9f5ff;font-size:12px;font-weight:800;padding:9px 16px;margin-bottom:25px}.hero h1{font-size:clamp(39px,4.8vw,66px);letter-spacing:-.052em;margin:0 0 23px;font-weight:900}.hero h1 span{color:#7dd5ff}.hero-sub{font-size:18px;line-height:1.7;color:#d9e5f2;max-width:565px;margin:0 0 30px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}.hero-ctas .btn{min-height:55px}.hero-mini{margin-top:32px;display:flex;gap:25px;flex-wrap:wrap}.hero-mini span{font-size:12px;font-weight:800;color:#d2e2f2;display:inline-flex;gap:8px;align-items:center}.hero-mini i{font-style:normal;color:#66d5f7;font-size:17px}.form-card{background:#fff;color:var(--ink);padding:28px;border-radius:20px;box-shadow:0 30px 80px #0005}.form-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.form-symbol{background:#e9f4ff;color:var(--blue);border-radius:11px;font-size:22px;display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}.form-card h2{font-size:25px;letter-spacing:-.03em;margin:0 0 4px}.form-head p{font-size:12px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:800;margin:0 0 5px;color:#263950}.field input,.field textarea,.field select{display:block;width:100%;background:#f7fafe;border:1px solid #dde6f1;border-radius:9px;color:#16293e;font-size:13px;padding:12px 12px;min-height:44px;outline:0;transition:border-color .16s,box-shadow .16s}.field textarea{min-height:75px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1765cf20}.field input::placeholder,.field textarea::placeholder{color:#9aabba}.files-note{font-size:11px;color:#6b7d91;margin-top:3px}.field input[type=file]{padding:8px}.consent{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#697d92;margin:13px 0}.consent input{margin-top:3px;accent-color:var(--blue)}.consent a{text-decoration:underline}.form-submit{width:100%;border:0}.form-under{margin:9px 0 0;text-align:center;font-size:11px;color:#8594a6}.alert{margin-bottom:14px;padding:12px 14px;border-radius:9px;font-size:13px;font-weight:700}.alert.success{background:#e6f8ef;color:#14643f}.alert.error{background:#fff0ed;color:#a83320}.trust-strip{position:relative;margin-top:-32px;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:16px;padding:28px 27px;box-shadow:var(--shadow);border:1px solid #e8f0f8}.trust-item{display:flex;gap:13px;align-items:center;padding:3px 20px;border-right:1px solid #e8edf4}.trust-item:last-child{border:0}.trust-icon{display:grid;place-items:center;color:var(--blue);background:#e9f3ff;border-radius:11px;width:43px;height:43px;flex-shrink:0;font-size:21px}.trust-item strong{font-size:13px;display:block;line-height:1.3}.trust-item span{display:block;font-size:11px;color:var(--muted);line-height:1.45;margin-top:4px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid var(--line);border-radius:17px;padding:28px 26px;background:#fff;transition:.2s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c5dcf5}.service-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;color:var(--blue);background:#e9f3ff;font-size:26px;margin-bottom:24px}.service-card h3{font-size:22px;margin-bottom:12px}.service-card p{font-size:14px;min-height:76px}.service-card a{font-weight:850;color:var(--blue);font-size:13px}.service-card a::after{content:' →'}.how-section{background:var(--light)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how-card{padding:8px 22px 8px 0;position:relative}.step-no{font-size:13px;color:var(--blue);font-weight:900;letter-spacing:.13em}.how-card h3{font-size:22px;margin:14px 0 12px}.how-card p{font-size:14px}.how-card:not(:last-child)::after{content:'→';position:absolute;top:36px;right:11px;color:#9bb8d7;font-size:29px}.result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px}.result-photo{position:relative;border-radius:22px;background:linear-gradient(120deg,#d0dae5,#f6f8fb);overflow:hidden;min-height:395px;box-shadow:var(--shadow)}.result-photo img{height:395px;width:100%;object-fit:cover;object-position:center}.result-photo .tag{position:absolute;left:17px;bottom:17px;padding:9px 15px;border-radius:50px;background:#fff;color:var(--navy);font-size:12px;font-weight:850;box-shadow:0 8px 16px #0002}.result-copy h2{margin:0 0 16px}.result-copy>p{font-size:16px}.check-list{padding:0;margin:28px 0;list-style:none;display:grid;gap:14px}.check-list li{position:relative;padding-left:30px;font-weight:700;font-size:14px}.check-list li::before{content:'✓';font-size:14px;font-weight:900;color:#fff;position:absolute;left:0;top:1px;width:22px;height:22px;background:var(--green);border-radius:50%;display:grid;place-items:center}.zone-section{padding:52px 0;background:#eff6ff}.zone-box{display:flex;justify-content:space-between;align-items:center;gap:35px}.zone-box h2{font-size:30px;margin:0 0 8px}.zone-box p{font-size:14px;max-width:720px;margin:0}.zone-label{background:#fff;display:flex;align-items:center;gap:9px;padding:16px 22px;border-radius:50px;color:var(--blue);font-weight:900;white-space:nowrap;border:1px solid #d1e7ff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.faq-questions{display:grid;gap:9px}.faq-questions details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 17px}.faq-questions summary{font-weight:850;font-size:15px;padding:17px 24px 17px 0;cursor:pointer;list-style:none;position:relative}.faq-questions summary::-webkit-details-marker{display:none}.faq-questions summary::after{content:'+';position:absolute;right:0;top:15px;font-size:24px;color:var(--blue);line-height:1}.faq-questions details[open] summary::after{content:'−'}.faq-questions details p{font-size:14px;padding:0 15px 17px 0;margin:0}.faq-intro p{max-width:360px}.faq-intro .btn{margin-top:10px}.bottom-cta{background:linear-gradient(110deg,#071b34,#103d72);color:#fff;padding:68px 0}.bottom-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:45px}.bottom-cta h2{margin:0 0 12px;max-width:655px}.bottom-cta p{color:#bed3e9;margin:0}.bottom-cta .buttons{display:flex;gap:12px;flex-wrap:wrap}.site-footer{background:#061527;color:#d9e6f5;padding:40px 0 23px}.foot-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.foot-grid .brand-logo{color:#fff;font-size:29px}.foot-grid p{font-size:12px;color:#9baec2;max-width:455px;margin:12px 0}.foot-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.foot-links a:hover{color:#fff}.foot-bottom{border-top:1px solid #ffffff18;margin-top:27px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#8198b0;font-size:11px}.floating-wa{position:fixed;right:24px;bottom:25px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#16b565;color:#fff;z-index:45;box-shadow:0 8px 30px #001d1880}.floating-wa:hover{background:#108d4e}.floating-wa svg{width:33px;height:33px}.cookie-consent{position:fixed;bottom:20px;left:20px;z-index:80;max-width:415px;padding:19px 22px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 48px #0002;border-radius:14px;display:none}.cookie-consent.is-visible{display:block}.cookie-consent p{font-size:12px;margin:6px 0 13px}.cookie-consent strong{font-size:14px}.cookie-actions{display:flex;gap:9px}.cookie-actions button{font-size:12px;padding:9px 15px;border-radius:8px;border:1px solid #cbd8e8;background:#fff;font-weight:800}.cookie-actions .accept{background:var(--blue);color:#fff;border-color:var(--blue)}.small-note{font-size:12px;color:#7c8da1}.mobile-only{display:none}
@media(max-width:1050px){.hero-grid{gap:30px;grid-template-columns:minmax(0,1fr) 390px}.nav-links{display:none}.trust-item{padding:4px 12px}.trust-strip{padding:24px 12px}.result-grid{gap:40px}.bottom-cta .wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:780px){.section{padding:66px 0}.main-nav .wrap{height:70px}.topline{font-size:11px}.nav-actions .tel{display:none}.hero{padding:48px 0 75px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(38px,7vw,58px)}.hero-sub{font-size:16px}.form-card{max-width:590px;width:100%;margin:auto}.trust-strip{grid-template-columns:repeat(2,1fr);gap:12px}.trust-item:nth-child(2){border-right:0}.trust-item{border-bottom:1px solid #e8edf4}.trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:0}.services-grid,.how-grid{grid-template-columns:1fr}.service-card p{min-height:0}.how-card:not(:last-child)::after{display:none}.result-grid{grid-template-columns:1fr}.result-photo{order:2}.result-copy{order:1}.zone-box{align-items:flex-start;flex-direction:column}.faq-grid{grid-template-columns:1fr;gap:28px}.foot-grid{flex-direction:column}.foot-bottom{flex-direction:column;gap:4px}.floating-wa{right:15px;bottom:18px;width:55px;height:55px}.floating-wa svg{width:30px;height:30px}}
@media(max-width:480px){.wrap{width:min(100% - 30px,1160px)}.topline .wrap>span:last-child{display:none}.brand-logo{font-size:27px}.brand-place{padding-left:9px}.brand-place small{font-size:10px}.nav-actions .btn{padding:9px 11px;min-height:40px;font-size:11px}.hero{padding:35px 0 65px}.hero h1{font-size:39px}.hero-ctas{display:grid;grid-template-columns:1fr 1fr}.hero-ctas .btn{white-space:normal;text-align:center;padding:11px 10px;font-size:12px}.hero-mini{gap:11px}.hero-mini span{font-size:11px}.form-card{padding:20px}.form-card h2{font-size:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.trust-strip{grid-template-columns:1fr;margin-top:-22px}.trust-item{border-right:0;border-bottom:1px solid #e8edf4!important;padding:7px 12px}.trust-item:last-child{border:0!important}.section-title{margin-bottom:25px}.zone-box h2{font-size:27px}.result-photo,.result-photo img{min-height:280px;height:280px}.bottom-cta{padding:55px 0}.bottom-cta h2{font-size:31px}.cookie-consent{left:12px;bottom:12px;max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Respaldo visual local en caso de que la fotografía remota no cargue. */
.hero{background-image:url('assets/img/hero-car.svg'),linear-gradient(112deg,#071b34 0%,#0b294c 48%,#15426e 100%);background-size:auto 85%,cover;background-repeat:no-repeat;background-position:56% 56%,center}
.form-extra{margin-top:11px;border:1px solid #dce8f4;border-radius:10px;background:#f8fbfe;padding:10px 13px}.form-extra summary{color:#1765cf;font-size:12px;font-weight:850;cursor:pointer;list-style:none}.form-extra summary::-webkit-details-marker{display:none}.form-extra[open] summary{padding-bottom:12px}.form-extra .form-grid{padding:3px 0}

/* v1.1: cobertura y confirmación de cotización */
.coverage-cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:20px 0 0;max-width:790px}
.coverage-cities li{background:#fff;color:#174271;border:1px solid #d1e5fb;border-radius:9px;padding:9px 11px;font-size:13px;font-weight:750;text-align:center}
.zone-box>div:first-child{flex:1;min-width:0}.zone-label{align-self:center}
.af-success{padding:20px!important}.af-success strong{display:block;font-size:16px}.af-success p{margin:11px 0 15px;color:#21563e;font-size:13px;line-height:1.55;font-weight:500}
.af-success p strong{font-size:inherit;display:inline}.af-success .btn{display:flex;font-size:14px;white-space:normal}.af-success small{display:block;margin-top:12px;color:#4f7b65;font-size:11px;line-height:1.5}
@media(max-width:780px){.coverage-cities{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-label{align-self:flex-start}}
@media(max-width:480px){.coverage-cities li{font-size:12px;padding:9px 8px}}