/*
Theme Name: Grupo Tecnollantas
Theme URI: https://grupotecnollantas.com
Author: Grupo Tecnollantas
Description: Tema a medida para Grupo Tecnollantas MTZ: llantas, alineación, balanceo, suspensión y nitrógeno. Adaptativo, rápido y sin plugins.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: tecnollantas
*/
:root{--am:#ffe600;--am2:#ffd000;--ro:#c8281e;--az:#1b2a86;--ne:#15161a;--gr:#2a2c33;--tx:#22242b;--mu:#5d6270;--bg:#f5f6f8;--bl:#fff;--r:16px;--sh:0 10px 30px rgba(20,22,30,.10);--w:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--tx);background:var(--bl);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--az);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:"Arial Black","Segoe UI",system-ui,sans-serif;line-height:1.12;margin:0 0 .5em;color:var(--ne);letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,6vw,4rem);font-style:italic;text-transform:uppercase}h2{font-size:clamp(1.7rem,4vw,2.6rem);font-style:italic;text-transform:uppercase}h3{font-size:1.2rem}
p{margin:0 0 1em}.wrap{width:min(100% - 32px,var(--w));margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.5em;border-radius:999px;font-weight:800;border:2px solid transparent;cursor:pointer;font-size:1rem;transition:.2s;text-decoration:none!important}
.btn-am{background:var(--am);color:var(--ne)}.btn-am:hover{background:var(--am2);transform:translateY(-2px)}
.btn-ro{background:var(--ro);color:#fff}.btn-ro:hover{background:#a81f16;transform:translateY(-2px)}
.btn-ol{border-color:#fff;color:#fff}.btn-ol:hover{background:#fff;color:var(--ne)}
.btn-wa{background:#1fa855;color:#fff}.btn-wa:hover{background:#178c46;transform:translateY(-2px)}
/* barra superior */
.top{background:var(--ne);color:#cfd2da;font-size:.85rem}.top .wrap{display:flex;justify-content:space-between;gap:12px;padding:8px 0;flex-wrap:wrap}.top a{color:var(--am)}
/* header */
.hd{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.08)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}
.logo img{height:58px;width:auto}
.nav{display:flex;align-items:center;gap:6px}.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a{color:var(--ne);font-weight:700;padding:.6em .9em;border-radius:10px;display:block;text-decoration:none}
.nav li.current-menu-item>a,.nav a:hover{background:var(--am)}
.burger{display:none;background:none;border:0;width:46px;height:46px;cursor:pointer;padding:10px}
.burger span,.burger span:before,.burger span:after{display:block;height:3px;background:var(--ne);border-radius:2px;content:"";position:relative;transition:.25s}
.burger span:before{top:-8px;position:absolute;width:100%}.burger span:after{top:8px;position:absolute;width:100%}
.burger{position:relative}.burger span{position:absolute;left:10px;right:10px;top:21px}
@media(max-width:900px){.burger{display:block}.nav{position:fixed;inset:78px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 20px;box-shadow:0 20px 30px rgba(0,0,0,.15);transform:translateY(-130%);transition:.3s;max-height:calc(100vh - 78px);overflow:auto}.nav.open{transform:none}.nav ul{flex-direction:column}.nav .btn{justify-content:center;margin-top:8px}.top .hide-m{display:none}}
/* hero */
.hero{background:radial-gradient(900px 400px at 85% 10%,rgba(255,230,0,.18),transparent 60%),linear-gradient(135deg,#101116,#20222b);color:#fff;position:relative;overflow:hidden;padding:clamp(56px,9vw,110px) 0 clamp(70px,10vw,130px)}
.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:60px;background:#fff;transform:skewY(-1.6deg);transform-origin:left bottom}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative;z-index:1}
.hero h1{color:#fff}.hero h1 em{color:var(--am);font-style:italic}.hero p.lead{font-size:1.2rem;color:#d7dae3;max-width:34em}
.hero .acc{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;padding:0;list-style:none}.pills li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:.4em .9em;border-radius:999px;font-size:.92rem}
.tire{justify-self:center;width:min(100%,380px);animation:giro 24s linear infinite;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
@keyframes giro{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tire{animation:none}}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.tire{width:220px;order:-1}}
/* secciones */
.sec{padding:clamp(56px,8vw,96px) 0}.sec.alt{background:var(--bg)}.sec.dark{background:var(--ne);color:#dfe2ea}.sec.dark h2,.sec.dark h3{color:#fff}
.kick{display:inline-block;background:var(--am);color:var(--ne);font-weight:900;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.3em .8em;border-radius:6px;margin-bottom:14px}
.head{max-width:44rem;margin-bottom:40px}.head.c{margin-inline:auto;text-align:center}.head p{color:var(--mu);font-size:1.1rem}.dark .head p{color:#b7bcc9}
.grid{display:grid;gap:22px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.g3,.g4,.g2{grid-template-columns:1fr}}
.card{background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--sh);border:1px solid #eceef2;transition:.25s;position:relative}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,22,30,.16)}
.ico{width:58px;height:58px;border-radius:14px;background:var(--am);display:grid;place-items:center;margin-bottom:16px}.ico svg{width:30px;height:30px;stroke:var(--ne);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card p{color:var(--mu);margin:0}.card .more{display:inline-block;margin-top:12px;font-weight:800}
.cat{margin:56px 0 18px;display:flex;align-items:center;gap:14px}.cat h2{font-size:1.5rem;margin:0}.cat:after{content:"";flex:1;height:3px;background:linear-gradient(90deg,var(--am),transparent)}
.svc{display:flex;gap:16px;align-items:flex-start}.svc .ico{flex:none;margin:0}.svc h3{margin:0 0 4px}
.steps{counter-reset:s}.step{position:relative;padding-top:8px}.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--am);color:var(--ne);font:900 1.3rem "Arial Black",sans-serif;margin-bottom:12px}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mv .card{border-top:6px solid var(--am)}.mv .card:nth-child(2){border-top-color:var(--ro)}@media(max-width:760px){.mv{grid-template-columns:1fr}}
.vals{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.vals span{background:#fff;border:2px solid var(--am);border-radius:999px;padding:.35em 1em;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.stats b{display:block;font:900 2.4rem "Arial Black",sans-serif;color:var(--am)}@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}
.cta{background:linear-gradient(120deg,var(--am),var(--am2));padding:48px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cta h2{margin:0}
/* blog */
.post{overflow:hidden;padding:0;display:flex;flex-direction:column}.post .th{aspect-ratio:16/9;background:linear-gradient(135deg,var(--az),#2d3fb0);display:grid;place-items:center;color:var(--am);font:900 3rem "Arial Black"}.post .th img{width:100%;height:100%;object-fit:cover}
.post .bd{padding:22px;display:flex;flex-direction:column;flex:1}.post h3 a{color:var(--ne)}.meta{font-size:.85rem;color:var(--mu);margin-bottom:8px}
.pg{display:flex;gap:8px;justify-content:center;margin-top:40px}.pg a,.pg span{padding:.5em 1em;border-radius:10px;background:#fff;border:1px solid #dfe2e8;font-weight:700;text-decoration:none}.pg .current{background:var(--am)}
.entry{max-width:760px;margin-inline:auto}.entry h2,.entry h3{font-style:normal;text-transform:none;margin-top:1.6em}.entry img{border-radius:12px;margin:1em 0}.entry .thumb{margin-bottom:24px}
.pagehead{background:var(--ne);color:#fff;padding:clamp(44px,7vw,80px) 0;position:relative}.pagehead h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem)}.pagehead p{color:#c3c7d2;max-width:38em;margin:0;font-size:1.1rem}
.pagehead:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--am)}
/* contacto */
.cgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px}@media(max-width:860px){.cgrid{grid-template-columns:1fr}}
.info{display:grid;gap:16px}.info .card{display:flex;gap:16px;align-items:center;padding:20px}.info .ico{margin:0}
form.f label{display:block;font-weight:700;margin:14px 0 6px}form.f input,form.f select,form.f textarea{width:100%;padding:.85em 1em;border:2px solid #dcdfe6;border-radius:12px;font:inherit;background:#fff}
form.f input:focus,form.f select:focus,form.f textarea:focus{outline:0;border-color:var(--az);box-shadow:0 0 0 4px rgba(27,42,134,.15)}form.f .hp{position:absolute;left:-9999px}
.ok{background:#e6f7ec;border:1px solid #1fa855;padding:14px 18px;border-radius:12px;margin-bottom:18px;font-weight:700}.mapa{border:0;width:100%;height:340px;border-radius:var(--r);margin-top:22px;box-shadow:var(--sh)}
/* footer */
.ft{background:#0d0e12;color:#a9aebb;padding:60px 0 0}.ft h4{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.ft a{color:#c9cdd8}.ft ul{list-style:none;margin:0;padding:0}.ft li{margin:.5em 0}
.ft .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px}@media(max-width:900px){.ft .cols{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ft .cols{grid-template-columns:1fr}}
.ft .lg{background:#fff;border-radius:12px;padding:8px 14px;display:inline-block}.ft .lg img{height:48px}
.ft .bar{border-top:1px solid #23252d;margin-top:40px;padding:18px 0;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.wa-fab{position:fixed;right:18px;bottom:18px;z-index:60;background:#1fa855;color:#fff;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3)}.wa-fab svg{width:32px;height:32px;fill:#fff}
/* ===== v2: parallax, animaciones y secciones ampliadas ===== */
:root{--tread:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 40L40 0l40 40-40 40z' fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='6'/%3E%3C/svg%3E")}
.hero{min-height:min(88vh,760px);display:flex;align-items:center;background:radial-gradient(900px 500px at 85% 0%,rgba(255,230,0,.22),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(27,42,134,.55),transparent 60%),#0f1015}
.hero:before{content:"";position:absolute;inset:-20% 0;background:var(--tread);opacity:1;will-change:transform;transform:translate3d(0,calc(var(--py,0)*.25px),0)}
.hero .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;will-change:transform;pointer-events:none}
.hero .b1{width:380px;height:380px;background:var(--ro);right:-80px;top:40px;transform:translate3d(0,calc(var(--py,0)*.4px),0)}
.hero .b2{width:300px;height:300px;background:var(--az);left:-60px;bottom:0;transform:translate3d(0,calc(var(--py,0)*-.2px),0)}
.hero .wrap{width:min(100% - 32px,var(--w))}.hero .wrap>div:first-child{transform:translate3d(0,calc(var(--py,0)*-.08px),0)}
.tire{transform:translate3d(0,calc(var(--py,0)*.12px),0)}
.tire-w{will-change:transform;transform:translate3d(0,calc(var(--py,0)*.14px),0)}
.hero h1 em{background:linear-gradient(90deg,var(--am),#fff6a0);-webkit-background-clip:text;background-clip:text;color:transparent}
.scroll{position:absolute;left:50%;bottom:78px;width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:14px;transform:translateX(-50%);z-index:2}.scroll:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:var(--am);border-radius:2px;animation:sc 1.6s infinite}@keyframes sc{50%{transform:translateY(12px);opacity:.2}}
@media(max-width:820px){.scroll{display:none}.hero{min-height:0}}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
html:not(.js) .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hero:before,.hero .blob,.tire-w{transform:none!important}}
/* banda parallax con fondo fijo */
.band{position:relative;color:#fff;padding:clamp(80px,12vw,150px) 0;background:linear-gradient(rgba(12,13,18,.78),rgba(12,13,18,.86)),var(--tread),linear-gradient(135deg,#1b2a86,#15161a);background-attachment:fixed,fixed,fixed;background-size:cover,80px 80px,cover;overflow:hidden}
@media(max-width:900px),(hover:none){.band{background-attachment:scroll,scroll,scroll}}
.band h2,.band h3{color:#fff}.band p{color:#d3d7e2}
.band .stats{margin-top:10px}.band .stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:26px 12px;backdrop-filter:blur(6px)}.band .stats small{color:#c9cedb;font-size:.95rem}
/* marquee de marcas */
.marq{background:var(--am);overflow:hidden;padding:16px 0;transform:rotate(-1deg);margin:-14px 0;position:relative;z-index:3}.marq div{display:flex;gap:48px;width:max-content;animation:mq 30s linear infinite;font:900 1.15rem "Arial Black",sans-serif;text-transform:uppercase;font-style:italic;color:var(--ne)}.marq span:after{content:"✦";margin-left:48px;color:var(--ro)}@keyframes mq{to{transform:translateX(-50%)}}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}@media(max-width:860px){.split{grid-template-columns:1fr}}
.split .art{position:relative;aspect-ratio:1/1;max-width:460px;justify-self:center;width:100%;border-radius:28px;background:linear-gradient(145deg,var(--az),#0f1330);display:grid;place-items:center;overflow:hidden;box-shadow:var(--sh)}
.split .art:before{content:"";position:absolute;inset:0;background:var(--tread)}.split .art svg{position:relative;width:70%;will-change:transform;transform:translate3d(0,calc(var(--py,0)*-.06px),0) rotate(calc(var(--py,0)*.04deg))}
.split .art.ro{background:linear-gradient(145deg,var(--ro),#5a0f0a)}
.checks{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:10px}.checks li{padding-left:34px;position:relative}.checks li:before{content:"";position:absolute;left:0;top:.25em;width:22px;height:22px;border-radius:50%;background:var(--am) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315161a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
/* tarjetas mejoradas */
.card{overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--am),var(--ro));transition:.4s}.card:hover:before{width:100%}
.card:hover .ico{background:var(--ne)}.card:hover .ico svg{stroke:var(--am)}.ico{transition:.3s}
.card ul{margin:12px 0 0;padding-left:1.1em;color:var(--mu);font-size:.95rem}.card ul li{margin:.25em 0}
.tag{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:var(--ne);color:var(--am);padding:.25em .7em;border-radius:6px;margin-bottom:10px}
/* testimonios */
.quote{position:relative;padding-top:44px}.quote:before{content:"“";position:absolute;left:24px;top:2px;font:900 5rem/1 Georgia,serif;color:var(--am)}.quote .who{margin-top:16px;font-weight:800;color:var(--ne)}.quote .who small{display:block;color:var(--mu);font-weight:400}.stars{color:#f5a300;letter-spacing:3px;margin-bottom:6px}
/* faq */
.faq{max-width:820px;margin-inline:auto;display:grid;gap:12px}.faq details{background:#fff;border:1px solid #e3e6ec;border-radius:14px;padding:0 22px;box-shadow:var(--sh)}.faq summary{cursor:pointer;font-weight:800;padding:18px 28px 18px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--ro);transition:.25s}.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq details p{color:var(--mu);padding-bottom:18px;margin:0}
/* nav mejorada */
.hd{transition:box-shadow .3s,background .3s}.hd.sc{box-shadow:0 8px 28px rgba(0,0,0,.14)}
.pagehead{overflow:hidden}.pagehead:after{content:"";position:absolute;inset:-30% 0;background:var(--tread);transform:translate3d(0,calc(var(--py,0)*.2px),0);pointer-events:none}.pagehead .wrap{position:relative;z-index:1}
.cta{background:linear-gradient(120deg,var(--am),var(--am2));position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 40L40 0l40 40-40 40z' fill='none' stroke='%23000' stroke-opacity='.05' stroke-width='6'/%3E%3C/svg%3E")}.cta .wrap{position:relative}
.top{font-size:.9rem}
/* mascota en capas */
.ms{position:relative;width:min(100%,460px);aspect-ratio:1;perspective:900px;justify-self:center}
.ms .disc{position:absolute;width:74%;aspect-ratio:1;left:14%;top:12%;border-radius:50%;background:radial-gradient(circle,var(--am),var(--am2));opacity:.92;transform:translate3d(calc(var(--mx,0)*-14px),calc(var(--my,0)*-14px),0);transition:transform .15s ease-out}
.ms .orb{position:absolute;width:92%;aspect-ratio:1;left:4%;top:2%;border:2px solid rgba(255,255,255,.28);border-radius:50%;transform:rotate(-24deg) rotateX(62deg) translate3d(calc(var(--mx,0)*-18px),calc(var(--my,0)*-18px),0);pointer-events:none}
.ms .orb:before{content:"";position:absolute;top:9%;left:18%;width:14px;height:14px;border-radius:50%;background:var(--ro);box-shadow:0 0 0 6px rgba(200,40,30,.2)}
.ms .sl{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--mx,0)*-26px),calc(var(--my,0)*-26px),0);transition:transform .15s ease-out}
.ms .sl i{position:absolute;height:9px;border-radius:9px;background:var(--ro);opacity:.9;transform:rotate(-21deg);animation:dash 4s ease-in-out infinite}
.ms .sl i:nth-child(1){left:4%;top:34%;width:44px}.ms .sl i:nth-child(2){left:0;top:44%;width:70px;animation-delay:.7s}.ms .sl i:nth-child(3){left:6%;top:54%;width:36px;animation-delay:1.4s}
@keyframes dash{50%{transform:translateX(12px) rotate(-21deg);opacity:.4}}
.ms .scene{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(calc(var(--mx,0)*16px),calc(var(--my,0)*14px),0) rotateY(calc(var(--mx,0)*7deg)) rotateX(calc(var(--my,0)*-6deg));transition:transform .15s ease-out;animation:flota 5.5s ease-in-out infinite}
@keyframes flota{50%{translate:0 -14px}}
.ms img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 22px rgba(0,0,0,.4));user-select:none;pointer-events:none}
.ms .eye{position:absolute;display:block;overflow:hidden;border-radius:50%;pointer-events:none}
.ms .eye.l{left:32.4%;top:14.7%;width:10.6%;height:13.4%;transform:rotate(13deg)}.ms .eye.r{left:49.2%;top:17.2%;width:11.8%;height:13.9%;transform:rotate(-7deg)}
.ms .iris{position:absolute;left:50%;top:52%;width:67%;height:66%;border-radius:50%;transform:translate(calc(-50% + var(--lx,0px)),calc(-50% + var(--ly,0px)));background:radial-gradient(circle at 52% 46%,#07090a 0 43%,#3b2317 48%,#a26230 64%,#4a2b1b 76%,#100e0f 86%);box-shadow:inset -5px -6px 9px rgba(0,0,0,.35),0 0 3px rgba(0,0,0,.55)}
.ms .iris:before{content:"";position:absolute;width:28%;aspect-ratio:1;left:56%;top:13%;border-radius:50%;background:#fff}
.tire-w{position:relative;justify-self:center;width:min(100%,460px)}.tire-w:before{display:none}.tire-w .ms{width:100%}
.split .art .ms{width:92%}.split .art{overflow:hidden}.split .art:before{z-index:0}.split .art .ms .disc{background:radial-gradient(circle,var(--am),var(--am2))}
.ft .mascota-ft{width:120px;margin-bottom:8px}.ft .mascota-ft .disc,.ft .mascota-ft .orb,.ft .mascota-ft .sl{display:none}.ft .mascota-ft .scene{animation:none}
.split .art.ro .ms .orb{border-color:rgba(255,255,255,.35)}
@media(max-width:820px){.tire-w{width:260px}}
@media(prefers-reduced-motion:reduce){.ms .scene,.ms .sl i{animation:none}}
/* ubicación */
.visit{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:stretch}.visit .mapa{margin:0;height:100%;min-height:380px}@media(max-width:860px){.visit{grid-template-columns:1fr}.visit .mapa{min-height:300px}}
.hor{width:100%;border-collapse:collapse}.hor td{padding:.45em 0;border-bottom:1px solid #eceef2}.hor td:last-child{text-align:right;font-weight:800}
.acc-map{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.mbar{display:none}
@media(max-width:820px){.mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ne);box-shadow:0 -6px 20px rgba(0,0,0,.3)}.mbar a{color:#fff;text-align:center;padding:14px 4px;font-weight:800;font-size:.9rem;text-decoration:none;border-right:1px solid rgba(255,255,255,.12)}.mbar a:last-child{background:var(--am);color:var(--ne);border:0}.wa-fab{display:none}body{padding-bottom:56px}}
.mi{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.15em;margin-right:.4em}.mi svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn .mi{margin-right:.5em}
.llega{padding:44px 0 0;position:relative;z-index:2}
.llega-in{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #eceef2;box-shadow:var(--sh);border-radius:var(--r);padding:18px 22px;border-left:8px solid var(--ro)}
.llega-t{display:flex;align-items:center;gap:14px}.llega-t .mi{width:34px;height:34px;flex:none;color:var(--ro);margin:0}.llega-t strong{display:block;font-size:1.05rem}.llega-t small{display:block;color:var(--mu);line-height:1.4}
@media(max-width:700px){.llega{padding-top:34px}.llega-in{flex-direction:column;align-items:stretch;text-align:left}.llega-in .btn{justify-content:center}}
.llega-c{display:flex;flex-direction:column;gap:6px}.llega-c p{margin:.4em 0}.llega-b{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.llega-b .btn:first-child{grid-column:1/-1}.llega-b .btn{justify-content:center;padding-inline:.6em}
.llega .visit{align-items:stretch}.llega .mapa{min-height:340px}
.ms.sus .scene{animation:rebote 2.8s cubic-bezier(.3,0,.3,1) infinite}
@keyframes rebote{0%,100%{translate:0 0}30%{translate:0 -18px}55%{translate:0 4px}70%{translate:0 -4px}}
.ms.sus .disc{top:6%}.ms.sus img{filter:drop-shadow(0 22px 18px rgba(0,0,0,.45))}
@media(prefers-reduced-motion:reduce){.ms.sus .scene{animation:none}}
.ms.sus .disc,.split .art .ms.sus .disc{background:radial-gradient(circle,#fff 60%,#eef0f4);box-shadow:0 20px 50px rgba(0,0,0,.35)}
/* ===== v3: pulido de diseño ===== */
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;letter-spacing:-.005em}
h1,h2,h3,h4,.cat h2{font-family:Archivo,"Arial Black",sans-serif;font-weight:900;letter-spacing:-.02em}h3{font-weight:800}
.step:before,.stats b{font-family:Archivo,"Arial Black",sans-serif}
.hd{background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}
.nav a{position:relative;border-radius:8px}.nav li.current-menu-item>a,.nav a:hover{background:transparent}
.nav ul a:after{content:"";position:absolute;left:.9em;right:.9em;bottom:.25em;height:3px;border-radius:3px;background:var(--am);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav ul a:hover:after,.nav li.current-menu-item>a:after{transform:scaleX(1)}.nav li.current-menu-item>a:after{background:var(--ro)}
.btn{letter-spacing:.01em}.btn-am{box-shadow:0 8px 22px rgba(255,208,0,.35)}.btn-ro{box-shadow:0 8px 22px rgba(200,40,30,.28)}.btn-wa{box-shadow:0 8px 22px rgba(31,168,85,.28)}
.btn:active{transform:translateY(0) scale(.98)}
.head h2{position:relative;padding-bottom:18px}.head h2:after{content:"";position:absolute;bottom:0;left:0;width:64px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--am) 0 60%,var(--ro) 60%)}.head.c h2:after{left:50%;transform:translateX(-50%)}
.kick{border-radius:999px;padding:.35em 1em;font-family:Inter,sans-serif}
.ico{background:linear-gradient(135deg,var(--am),var(--am2));box-shadow:0 8px 18px rgba(255,208,0,.35)}
.card{border-radius:20px;border-color:#edf0f4}.card h3{font-size:1.15rem}
.sec.alt{background:linear-gradient(180deg,#f6f7f9,#eef0f4)}
.pagehead{padding:clamp(56px,8vw,96px) 0;background:radial-gradient(700px 300px at 90% 0,rgba(255,230,0,.18),transparent 60%),radial-gradient(600px 300px at 0 100%,rgba(27,42,134,.5),transparent 60%),#0f1015}
.pagehead h1{margin-bottom:.3em}.pagehead:before{width:8px;background:linear-gradient(var(--am),var(--ro))}
.ft{position:relative}.ft:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--am) 0 33%,var(--ro) 33% 66%,var(--az) 66%)}
.ft .bar{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding:20px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.88rem}
.hero .kick{box-shadow:0 0 0 6px rgba(255,230,0,.12)}
.pills li{backdrop-filter:blur(6px)}
.faq details[open]{border-color:var(--am);box-shadow:0 12px 30px rgba(20,22,30,.12)}
.quote{border-top:5px solid var(--am)}
.marq{box-shadow:0 10px 30px rgba(0,0,0,.12)}
::selection{background:var(--am);color:var(--ne)}
:focus-visible{outline:3px solid var(--az);outline-offset:3px;border-radius:6px}
.entry h2{margin:2em 0 .65em;font-size:clamp(1.25rem,2.4vw,1.65rem);color:var(--ne)}.entry h2:first-of-type{margin-top:1.2em}.entry ul{padding-left:1.4em}.entry li{margin:.45em 0}.entry p{line-height:1.75}.legal-links{display:flex;gap:.45em;flex-wrap:wrap}.privacidad-check{display:flex;align-items:flex-start;gap:9px;line-height:1.5;margin:12px 0 18px}.privacidad-check input{margin-top:.28em}.cb-privacy{display:block;padding:0 14px 10px;color:#535765;font-size:.75rem}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(22px,calc((100vw - 1160px)/2));background:var(--ne);color:#fff;box-shadow:0 -10px 35px rgba(0,0,0,.25)}.cookie-banner[hidden]{display:none}.cookie-copy{max-width:760px}.cookie-copy strong{font-size:1.05rem}.cookie-copy p{margin:5px 0 0;color:#e2e4e9;line-height:1.5;font-size:.9rem}.cookie-copy a{color:var(--am)}.cookie-actions{display:flex;align-items:center;gap:10px;flex:none}.cookie-essential{background:transparent;border:1px solid #fff;border-radius:999px;color:#fff;padding:11px 16px;font:700 .9rem Inter,sans-serif;cursor:pointer}.cookie-banner button:focus-visible,.cookie-banner a:focus-visible{outline:3px solid var(--am);outline-offset:3px}.mapa-consent{position:relative}.mapa-consent-action{display:flex;min-height:220px;align-items:center;justify-content:center;margin-top:22px;text-align:center}.mapa-consent .mapa{margin-top:22px}.mapa-consent .mapa[ src]{display:block}.mapa-consent-action[hidden]{display:none}
@media(max-width:820px){.cookie-banner{bottom:56px;display:block;padding:16px 18px;max-height:calc(100vh - 90px);overflow:auto}.cookie-actions{margin-top:12px;flex-wrap:wrap}.cookie-actions button{flex:1;min-height:44px}.cookie-visible .cb-open,.cookie-visible .wa-fab{display:none!important}.mapa-consent-action{min-height:180px}}
.mapa-consent .mapa:not([src]){display:none}
/* chatbot */
.cb-open{position:fixed;right:18px;bottom:92px;z-index:61;display:flex;align-items:center;gap:8px;background:var(--ne);color:#fff;border:0;border-radius:999px;padding:12px 18px 12px 14px;font:800 .95rem Inter,sans-serif;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:.2s}
.cb-open:hover{transform:translateY(-2px)}.cb-open svg{width:24px;height:24px;fill:var(--am);stroke:var(--ne);stroke-width:1.6;stroke-linecap:round}
.cb{position:fixed;right:18px;bottom:92px;z-index:62;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 130px));background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;animation:cbin .25s ease-out}
.cb[hidden]{display:none}.cb-on .cb-open{display:none}
@keyframes cbin{from{opacity:0;transform:translateY(16px) scale(.97)}}
.cb-h{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--ne);color:#fff}.cb-h strong{display:block}.cb-h small{color:#b9bfcc}.cb-h>div:nth-child(2){flex:1}
.cb-av{width:52px;flex:none;background:#fff;border-radius:50%}.cb-av .disc,.cb-av .orb,.cb-av .sl{display:none}.cb-av .scene{animation:none;transform:none}
.cb-x{background:none;border:0;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;padding:4px 8px}
.cb-m{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f4f5f8}
.cb-b,.cb-u{max-width:88%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.45}
.cb-b{background:#fff;border:1px solid #e6e8ee;border-bottom-left-radius:4px;align-self:flex-start}.cb-b p{margin:0}
.cb-u{background:var(--am);color:var(--ne);font-weight:600;align-self:flex-end;border-bottom-right-radius:4px}
.cb-t{color:var(--mu);letter-spacing:3px}
.cb-r{display:block;margin-top:8px;padding:10px 12px;border-radius:12px;background:#f6f7fa;border-left:4px solid var(--am);color:var(--tx);text-decoration:none!important}.cb-r:hover{background:#fffbe0}
.cb-r small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ro);font-weight:800}.cb-r strong{display:block;font-size:.92rem}.cb-r span{display:block;color:var(--mu);font-size:.85rem}
.cb-a,.cb-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cb-a a{background:var(--ne);color:#fff;padding:.45em .9em;border-radius:999px;font-weight:700;font-size:.85rem;text-decoration:none}.cb-a a:last-child{background:#1fa855}
.cb-c button{background:#fff;border:1.5px solid var(--am2);border-radius:999px;padding:.4em .85em;font:600 .85rem Inter,sans-serif;cursor:pointer}.cb-c button:hover{background:var(--am)}
.cb-f{display:flex;gap:8px;padding:10px;border-top:1px solid #e6e8ee}.cb-f input{flex:1;border:2px solid #e1e4ea;border-radius:999px;padding:.7em 1em;font:inherit;font-size:16px}.cb-f input:focus{outline:0;border-color:var(--az)}
.cb-f button{width:46px;border:0;border-radius:50%;background:var(--am);font-size:1.1rem;cursor:pointer}
@media(max-width:820px){.cb-open{bottom:70px;right:12px;padding:10px 14px 10px 12px}.cb{right:8px;left:8px;width:auto;bottom:64px;height:min(70vh,560px)}}
@media(max-width:900px){.nav{visibility:hidden;transition:transform .3s,visibility 0s .3s}.nav.open{visibility:visible;transition:transform .3s,visibility 0s}}