/* ==========================================================================
   Zumo Express · exprimidoras ZUMOVAL — hoja de estilos única
   Paleta: naranja de la marca, verde hoja y crema.
   ========================================================================== */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fonts/Inter-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/BarlowCondensed-700-latin.woff2') format('woff2')}

:root{
  --naranja:#f2621f;
  --naranja-osc:#d24f11;
  --naranja-suave:#ffe9dc;
  --verde:#1d6b3f;
  --verde-osc:#145030;
  --tinta:#1b1410;
  --grafito:#4d423b;
  --gris:#7b6f66;
  --crema:#fff9f4;
  --papel:#fdf3ea;
  --linea:#f1dfd0;
  --max:1140px;
  --pad:clamp(20px,4vw,40px);
  --radio:18px;
  --sombra:0 1px 2px rgba(27,20,16,.04),0 20px 45px -30px rgba(27,20,16,.5);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;overflow-x:clip;background:#fff;color:var(--tinta);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.65;letter-spacing:-.011em;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--tinta);text-decoration:none}
a:hover{color:var(--naranja)}
h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
h1{font-size:clamp(2.1rem,4.8vw,3.55rem)}
h2{font-size:clamp(1.65rem,3.2vw,2.5rem)}
h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.02em}
p{margin:0 0 1.05em}
p:last-child{margin-bottom:0}
:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}

.contenedor{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.seccion{padding:clamp(48px,7vw,96px) 0;scroll-margin-top:82px}
.seccion--papel{background:var(--papel)}
.seccion--crema{background:var(--crema)}

.eyebrow{display:inline-flex;align-items:center;gap:.55em;font-size:.78rem;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;color:var(--naranja);margin:0 0 .8em}
.eyebrow::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--naranja)}
.entradilla{font-size:clamp(1.02rem,1.4vw,1.14rem);color:var(--grafito);max-width:64ch}
.medida{max-width:66ch}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-size:.97rem;font-weight:600;
  padding:.9em 1.45em;border-radius:99px;border:1px solid transparent;cursor:pointer;line-height:1;
  transition:transform .16s,background .16s,color .16s,border-color .16s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn--naranja{background:var(--naranja);color:#fff!important;box-shadow:0 10px 24px -14px rgba(242,98,31,.95)}
.btn--naranja:hover{background:var(--naranja-osc)}
.btn--verde{background:var(--verde);color:#fff!important}
.btn--verde:hover{background:var(--verde-osc)}
.btn--wa{background:#149954;color:#fff!important}
.btn--wa:hover{background:#0f7d44}
.btn--linea{border-color:#e2d2c4;color:var(--tinta)!important;background:#fff}
.btn--linea:hover{border-color:var(--naranja);color:var(--naranja-osc)!important}
.btn--claro{border-color:rgba(255,255,255,.45);color:#fff!important}
.btn--claro:hover{background:rgba(255,255,255,.14);border-color:#fff}
.btn svg{width:1.05em;height:1.05em;flex:none}

/* cabecera */
.cabecera{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.cabecera__in{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding-block:.75rem}
.logo img{width:clamp(140px,16vw,180px)}
.nav{display:flex;align-items:center;gap:1.5rem}
.nav__lista{display:flex;align-items:center;gap:1.3rem;list-style:none;margin:0;padding:0}
.nav__lista a{font-size:.94rem;font-weight:500;color:var(--grafito);position:relative;padding:.35em 0}
.nav__lista a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--naranja);transition:right .2s}
.nav__lista a:hover::after,.nav__lista a[aria-current="page"]::after{right:0}
.nav__cta{display:flex;gap:.5rem}
.menu-btn{display:none}
@media (max-width:900px){
  .nav{position:fixed;inset:0 0 0 auto;width:min(88vw,330px);background:#fff;flex-direction:column;align-items:stretch;
    gap:0;padding:5rem 1.5rem 2rem;box-shadow:-30px 0 60px -40px rgba(27,20,16,.45);transform:translateX(102%);
    transition:transform .28s;overflow-y:auto;z-index:70}
  body.menu-abierto .nav{transform:translateX(0)}
  .nav__lista{flex-direction:column;align-items:stretch;gap:0}
  .nav__lista li{border-bottom:1px solid var(--linea)}
  .nav__lista a{display:block;padding:1em 0;font-size:1.06rem}
  .nav__lista a::after{display:none}
  .nav__cta{flex-direction:column;margin-top:1.3rem;gap:.6rem}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
    border:1px solid var(--linea);background:#fff;border-radius:12px;cursor:pointer;z-index:80}
  .menu-btn span,.menu-btn span::before,.menu-btn span::after{content:"";display:block;width:18px;height:2px;
    background:var(--tinta);position:relative;transition:.2s;border-radius:2px}
  .menu-btn span::before{position:absolute;top:-6px}
  .menu-btn span::after{position:absolute;top:6px}
  body.menu-abierto .menu-btn span{background:transparent}
  body.menu-abierto .menu-btn span::before{top:0;transform:rotate(45deg)}
  body.menu-abierto .menu-btn span::after{top:0;transform:rotate(-45deg)}
  .velo{position:fixed;inset:0;background:rgba(27,20,16,.4);opacity:0;pointer-events:none;transition:.25s;z-index:65}
  body.menu-abierto .velo{opacity:1;pointer-events:auto}
}

/* hero */
.hero{background:
  radial-gradient(900px 420px at 85% 0%,#ffece1 0%,transparent 65%),var(--crema);overflow:hidden}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4.5vw,60px);align-items:center;
  padding-block:clamp(36px,5.5vw,72px)}
.hero__kicker{font-size:.79rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--verde);margin:0 0 1rem}
.hero h1{max-width:20ch}
.hero__texto{color:var(--grafito);max-width:52ch;margin-top:1.1rem}
.hero__acciones{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.9rem}
.hero__media img{width:100%;border-radius:24px;box-shadow:var(--sombra);aspect-ratio:16/10;object-fit:cover}
.hero__franja{border-top:1px solid var(--linea);background:#fff}
.hero__franja ul{list-style:none;margin:0;padding:.95rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:.5rem 1.4rem;font-size:.9rem;color:var(--grafito)}
.hero__franja li{display:flex;gap:.55em;align-items:flex-start;margin:0}
.hero__franja li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--naranja);margin-top:.5em;flex:none}
@media (max-width:860px){.hero__in{grid-template-columns:1fr;gap:1.6rem}.hero__media{order:-1}}

/* cifras */
.cifras{background:var(--tinta);color:#fff;padding:clamp(34px,4.5vw,56px) 0}
.cifras__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.6rem;text-align:center}
.cifras b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.6rem,5vw,3.6rem);
  line-height:1;color:var(--naranja);letter-spacing:-.02em}
.cifras span{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:#c9bdb4}

/* encabezado de sección */
.cabeza{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:clamp(22px,3.2vw,40px)}
.cabeza__texto{max-width:62ch}

/* tarjetas de modelo */
.grid{display:grid;gap:clamp(14px,2.2vw,24px)}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.grid--5{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
/* 5 modelos: 3 arriba y 2 centrados abajo (en vez de dejar un hueco a la derecha) */
@media (min-width:1000px){
  .grid--5{grid-template-columns:repeat(6,1fr)}
  .grid--5 > *{grid-column:span 2}
  .grid--5 > :nth-child(4){grid-column:2 / span 2}
}
.modelo{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;display:flex;
  flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}
.modelo:hover{transform:translateY(-3px);box-shadow:var(--sombra);border-color:#e6cfbd}
.modelo__media{background:#fff;padding:10px;aspect-ratio:1/1;display:grid;place-items:center}
.modelo__media img{width:100%;height:100%;object-fit:contain}
.modelo__cuerpo{padding:.9rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.3rem;flex:1;border-top:1px solid var(--linea)}
.modelo__cuerpo h3{margin:0}
.modelo__claim{font-size:.85rem;color:var(--naranja-osc);font-weight:600;letter-spacing:.01em}
.modelo__corto{font-size:.9rem;color:var(--gris);margin:.15rem 0 0}
.modelo__pie{margin-top:auto;padding-top:.8rem;font-size:.83rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--naranja);display:flex;align-items:center;gap:.35em}
.modelo__pie::after{content:"→";transition:transform .18s}
.modelo:hover .modelo__pie::after{transform:translateX(4px)}

/* servicios */
.servicio{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:1.3rem;display:flex;flex-direction:column;gap:.6rem}
.servicio__num{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.5rem;color:var(--naranja);line-height:1;letter-spacing:-.02em}
.servicio h3{margin:0}
.servicio p{font-size:.93rem;color:var(--gris);margin:0}

/* banda nosotros */
.banda{background:var(--verde-osc);color:#e8f0e9}
.banda h2,.banda h3{color:#fff}
.banda p{color:#c9dbcd}
.banda__in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center;
  padding-block:clamp(48px,6.5vw,88px)}
.banda__media img{width:100%;border-radius:20px;object-fit:cover;aspect-ratio:3/2;box-shadow:0 30px 60px -40px #000}
.banda__lista{margin:1.4rem 0 0;padding:0;list-style:none;display:grid;gap:.6rem;font-size:.95rem}
.banda__lista li{display:flex;gap:.6em;align-items:flex-start}
.banda__lista li::before{content:"";width:8px;height:8px;border-radius:50%;background:#7ed09a;margin-top:.55em;flex:none}
@media (max-width:860px){.banda__in{grid-template-columns:1fr}.banda__media{order:-1}}

/* faq */
.faq{display:grid;gap:.7rem;max-width:820px}
.faq details{border:1px solid var(--linea);border-radius:14px;background:#fff;padding:0;overflow:hidden}
.faq summary{cursor:pointer;padding:1rem 1.15rem;font-weight:600;font-size:1rem;list-style:none;display:flex;
  justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.3rem;color:var(--naranja);line-height:1;font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 1.15rem 1.1rem;color:var(--grafito);font-size:.95rem;margin:0}

/* ferias y clientes */
.ferias{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}
.feria{border-left:3px solid var(--naranja);padding:.2rem 0 .2rem 1rem}
.feria b{display:block;font-size:1.02rem}
.feria span{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gris)}
.clientes{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid var(--linea)}
.clientes p{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gris);margin:0 0 .8rem}
.clientes ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;
  font-weight:600;color:var(--grafito);font-size:.95rem}

/* ficha de producto */
.migas{font-size:.82rem;color:var(--gris);padding-top:1rem}
.migas a{color:var(--gris)}
.migas span{margin:0 .45em;opacity:.6}
.ficha{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start;padding-top:1.3rem}
.ficha__media{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:18px;position:sticky;top:96px}
.ficha__media img{width:100%;aspect-ratio:1;object-fit:contain}
.ficha h1{font-size:clamp(1.75rem,3.2vw,2.6rem)}
.ficha__claim{color:var(--naranja-osc);font-weight:600;margin:.2rem 0 1rem}
.specs{list-style:none;margin:1.2rem 0;padding:0;display:grid;gap:.45rem}
.specs li{display:grid;grid-template-columns:minmax(150px,44%) 1fr;gap:.6rem;padding:.55em .8em;background:var(--crema);
  border-radius:8px;font-size:.93rem}
.specs li b{font-weight:600;color:var(--grafito)}
.comunes{margin-top:1.4rem;background:var(--papel);border-radius:14px;padding:1.1rem 1.2rem}
.comunes h3{font-size:1rem;margin:0 0 .6rem}
.comunes ul{margin:0;padding-left:1.1rem;font-size:.92rem;color:var(--grafito);display:grid;gap:.35rem}
@media (max-width:820px){.ficha{grid-template-columns:1fr}.ficha__media{position:static;max-width:420px}}

/* contacto */
.contacto{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,54px);align-items:start}
.datos{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.datos li{display:grid;grid-template-columns:42px 1fr;gap:.85rem;align-items:start}
.datos__icono{width:42px;height:42px;border-radius:12px;background:var(--naranja-suave);display:grid;place-items:center}
.datos__icono svg{width:19px;height:19px;color:var(--naranja-osc)}
.datos b{display:block;font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-bottom:.1rem}
.datos a,.datos span{font-size:1rem;font-weight:500}
.tarjeta-cta{background:var(--tinta);color:#d9cfc8;border-radius:20px;padding:clamp(22px,3vw,34px)}
.tarjeta-cta h2{color:#fff;font-size:clamp(1.35rem,2.3vw,1.8rem)}
.tarjeta-cta p{color:#c2b7b0;font-size:.95rem}
.tarjeta-cta__acciones{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}
.formulario{display:grid;gap:.8rem}
.campo label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-bottom:.3rem}
.campo input,.campo textarea,.campo select{width:100%;padding:.7em .85em;border:1px solid #e3d3c5;border-radius:10px;
  font:inherit;font-size:.95rem;background:#fff}
.campo textarea{min-height:100px;resize:vertical}
@media (max-width:860px){.contacto{grid-template-columns:1fr}}

/* texto largo (legales) */
.prosa{max-width:74ch}
.prosa p,.prosa li{color:var(--grafito);font-size:.98rem}
.prosa h2{font-size:1.3rem;margin-top:2rem}

/* pie */
.pie{background:var(--tinta);color:#c2b7b0;padding:clamp(38px,5vw,60px) 0 0;font-size:.92rem}
.pie__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(22px,4vw,46px)}
.pie h4{color:#fff;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.pie a{color:#c2b7b0}
.pie a:hover{color:#fff}
.pie__logo{width:170px;margin-bottom:.9rem;background:#fff;padding:8px 10px;border-radius:10px}
.pie__legal{border-top:1px solid rgba(255,255,255,.12);margin-top:clamp(24px,3.5vw,40px);padding:1.1rem 0;
  display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;justify-content:space-between;font-size:.79rem;color:#9b8f88}
@media (max-width:900px){.pie__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pie__grid{grid-template-columns:1fr}}

.wa-flotante{position:fixed;right:16px;bottom:16px;z-index:55;display:inline-flex;align-items:center;gap:.5em;
  background:#149954;color:#fff!important;border-radius:99px;padding:.72em 1.05em;font-weight:600;font-size:.9rem;
  box-shadow:0 14px 30px -14px rgba(20,153,84,.9)}
.wa-flotante:hover{background:#0f7d44}
.wa-flotante svg{width:20px;height:20px}
@media (max-width:520px){.wa-flotante span{display:none}.wa-flotante{padding:.85em;border-radius:50%}}
/* en escritorio el botón flotante tapaba la tabla de especificaciones: ya hay CTA en la cabecera */
@media (min-width:901px){.wa-flotante{display:none}}

.p404{display:grid;place-items:center;text-align:center;padding:clamp(70px,12vw,150px) 0}
.p404__num{font-family:'Barlow Condensed',sans-serif;font-size:clamp(4.5rem,15vw,9rem);font-weight:700;line-height:.85;color:var(--papel);margin:0}
.saltar{position:absolute;left:-9999px;top:0;background:var(--naranja);color:#fff;padding:.7em 1.1em;z-index:200;border-radius:0 0 8px 0}
.saltar:focus{left:0;top:0}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media print{.cabecera,.wa-flotante,.hero__acciones,.pie{display:none}body{font-size:12pt}}

/* ---------- hero: la exprimidora que no para (home) ---------- */
.hero--zumo{position:relative;isolation:isolate;overflow:hidden;color:#f5ece4;background:radial-gradient(900px 520px at 78% 20%,rgba(242,98,31,.22),transparent 65%),radial-gradient(700px 480px at 4% 100%,rgba(29,107,63,.28),transparent 65%),#120b07}
.hero__lienzo{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero--zumo .hero__in{min-height:clamp(560px,82vh,780px);align-items:center;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.hero--zumo .hero__kicker{color:#7fe3a8}
.hero--zumo h1{color:#fff}
.hero--zumo .hero__texto{color:#e6d9ce}
.hero__escena{align-self:stretch;min-height:clamp(420px,56vw,640px)}
.hero--zumo .hero__franja{background:rgba(10,6,4,.7);border-top-color:rgba(255,255,255,.1)}
.hero--zumo .hero__franja ul{color:#e0d3c8}
@media (max-width:860px){.hero--zumo .hero__in{min-height:0;grid-template-columns:1fr}.hero__escena{min-height:clamp(380px,100vw,520px)}}

/* ---------- «Elija su exprimidora»: sala de exhibición (home) ---------- */
.modelos-sec{position:relative;isolation:isolate;overflow:clip;color:#eadfd5;background:radial-gradient(900px 520px at 20% 0%,rgba(242,98,31,.16),transparent 65%),radial-gradient(800px 500px at 100% 70%,rgba(29,107,63,.22),transparent 65%),#120b07}
.modelos-sec h2{color:#fff}
.modelos-sec .entradilla{color:#d7c9bd}
.modelos-sec .eyebrow{color:#7fe3a8}
.modelos-sec .modelo{background:#1b120d;border-color:rgba(255,255,255,.12);color:#eadfd5}
.modelos-sec .modelo__media{background:linear-gradient(160deg,#f4ede6,#ddd2c7)}
.modelos-sec .modelo__cuerpo{border-top-color:rgba(255,255,255,.1)}
.modelos-sec .modelo__cuerpo h3{color:#fff}
.modelos-sec .modelo__claim{color:#ffa566}
.modelos-sec .modelo__corto{color:#bfb1a5}
.modelos-sec .modelo__pie{color:#ffa566}
/* con JS */
.exh{display:none}
.modelos-sec.viva .exh{display:grid}
.modelos-sec.viva .grid--5{display:none}
.exh{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3.5vw,50px);align-items:stretch;margin-top:clamp(8px,2vw,24px)}
.exh__escena{position:relative;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(242,98,31,.3),transparent 70%),linear-gradient(#1a100a,#0c0704);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 70px -40px #000;aspect-ratio:5/6;min-height:420px}
.exh__lienzo{position:absolute;inset:0;width:100%;height:100%}
.exh__marca{position:absolute;left:18px;top:16px;font:500 .72rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#c9b8aa;text-transform:uppercase;pointer-events:none}
.exh__marca b{color:#fff;font-weight:500;font-variant-numeric:tabular-nums}
.exh__nota{position:absolute;right:16px;bottom:12px;font-size:.7rem;color:#9d8d80;pointer-events:none}
.exh__panel{display:flex;flex-direction:column;justify-content:center;min-width:0}
.exh__num{font:500 .8rem/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#ffa566}
.exh__nombre{font-size:clamp(2.2rem,4.8vw,3.8rem);color:#fff;margin:.3rem 0 .25rem;letter-spacing:-.04em}
.exh__claim{font-size:1.05rem;font-weight:600;color:#ffa566;margin:0 0 .5rem}
.exh__corto{color:#d7c9bd;margin:0 0 1.2rem;max-width:44ch}
.exh__datos{display:grid;gap:.75rem;margin:0 0 1.2rem}
.dato{display:grid;grid-template-columns:minmax(0,150px) 1fr;gap:.2rem .9rem;align-items:center}
.dato dt{font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a6968a}
.dato dd{margin:0;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.dato__barra{grid-column:2;height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.dato__barra i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#f2621f,#ffc247);transition:width 1.1s cubic-bezier(.22,.8,.26,1)}
.exh__acciones{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.3rem}
.modelos-sec .btn--linea{border-color:rgba(255,255,255,.4);color:#fff!important;background:transparent}
.exh__selector{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sel{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#1b120d;color:#cdbfb3;position:relative;overflow:hidden;transition:border-color .22s,background-color .22s,transform .22s}
.sel:focus-visible{outline:3px solid #ffa566;outline-offset:2px}
.sel img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff;flex:none;padding:2px}
.sel span{font-weight:700;font-size:.92rem;line-height:1.15;color:inherit;min-width:0}
.sel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#f2621f,#ffc247);transform:scaleX(0);transform-origin:left}
.sel[aria-pressed="true"]{border-color:rgba(242,98,31,.85);background:#271810;color:#fff;transform:translateY(-3px)}
.sel[aria-pressed="true"]::after{transform:scaleX(1);transition:transform 9s linear}
.sel.sin-auto[aria-pressed="true"]::after{transition:none}
@media (hover:hover) and (pointer:fine){.sel:hover{border-color:rgba(255,255,255,.4)}}
@media (max-width:900px){.exh{grid-template-columns:1fr}.exh__escena{aspect-ratio:4/4.4;min-height:0}.exh__selector{grid-template-columns:repeat(5,minmax(78px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.sel{scroll-snap-align:start;flex-direction:column;align-items:flex-start;padding:8px}}
@media (prefers-reduced-motion:reduce){.dato__barra i,.sel,.sel::after{transition:none}}

/* ---------- cifras: tubos de cristal que se llenan de zumo (home) ---------- */
.cifras--zumo{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(700px 300px at 50% 120%,rgba(242,98,31,.3),transparent 70%),#0f0804;padding:clamp(40px,6vw,84px) 0}
.cifras--zumo .cifras__in{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(18px,3vw,40px)}
.cifra{display:flex;flex-direction:column;align-items:center;gap:1rem}
.tubo{position:relative;width:min(100%,210px);aspect-ratio:3/4;border-radius:26px 26px 40px 40px;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:0 0 0 2px rgba(255,255,255,.22) inset,0 0 0 1px rgba(255,255,255,.08),0 24px 40px -22px #000;display:grid;place-items:center;isolation:isolate}
.tubo::before{content:"";position:absolute;left:12%;top:5%;bottom:5%;width:7%;border-radius:8px;background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.03));z-index:3;pointer-events:none}
.tubo::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(255,170,80,0);pointer-events:none;z-index:3}
.tubo.destello::after{animation:destello 1.1s ease-out}
@keyframes destello{0%{box-shadow:0 0 0 0 rgba(255,190,90,.9),inset 0 0 40px rgba(255,200,120,.7)}100%{box-shadow:0 0 0 22px rgba(255,190,90,0),inset 0 0 0 rgba(255,200,120,0)}}
.liq{position:absolute;left:0;right:0;bottom:0;height:88%;z-index:0;transform:translateY(0);background:linear-gradient(#ff9a1f 0,#f2621f 55%,#c8480a)}
.liq svg{position:absolute;left:0;top:-23px;width:200%;height:24px;fill:#ff9a1f;animation:oleaje 3.4s linear infinite}
@keyframes oleaje{to{transform:translateX(-50%)}}
.liq i{position:absolute;bottom:-10px;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);animation:burbuja 4s ease-in infinite}
.liq i:nth-of-type(1){left:18%;animation-delay:0s}.liq i:nth-of-type(2){left:38%;animation-delay:1.2s;width:5px;height:5px}.liq i:nth-of-type(3){left:58%;animation-delay:2.1s}.liq i:nth-of-type(4){left:76%;animation-delay:.6s;width:6px;height:6px}.liq i:nth-of-type(5){left:88%;animation-delay:2.9s;width:4px;height:4px}
@keyframes burbuja{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-190px);opacity:0}}
.cifras--zumo b{position:relative;z-index:2;display:flex;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:clamp(3.6rem,7vw,5.4rem);line-height:1;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(120,40,0,.55);font-variant-numeric:tabular-nums}
.dig{display:inline-block;height:1em;overflow:hidden;position:relative}
.dig>span{display:block;will-change:transform}
.dig>span>i{display:block;height:1em;line-height:1;font-style:normal}
.cifras--zumo .cifra__txt{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:#d9c9bc}
.cifras--zumo.pre .liq{transform:translateY(102%)}
@media (prefers-reduced-motion:reduce){.liq svg,.liq i{animation:none}}
.cifras--zumo b span,.cifras--zumo b i{font-size:inherit;text-transform:none;letter-spacing:inherit;color:inherit}
.cifras--zumo b .dig{line-height:1}
.cifras--zumo b{text-shadow:none;filter:drop-shadow(0 2px 10px rgba(120,40,0,.55))}
@media (max-width:640px){.cifras--zumo .cifras__in{grid-template-columns:1fr 1fr;gap:22px 14px}.cifras--zumo b{font-size:clamp(2.4rem,11vw,3.4rem)}.tubo{aspect-ratio:3/3.7;border-radius:20px 20px 30px 30px}.cifras--zumo .cifra__txt{font-size:.7rem;text-align:center}}

/* ---------- servicios: la máquina con sus servicios en órbita (home) ---------- */
.servicios-sec{position:relative;isolation:isolate;overflow:clip;color:#eadfd5;background:radial-gradient(900px 520px at 80% 10%,rgba(242,98,31,.16),transparent 65%),radial-gradient(800px 500px at 0% 90%,rgba(29,107,63,.22),transparent 65%),#120b07}
.servicios-sec h2{color:#fff}
.servicios-sec .entradilla{color:#d7c9bd}
.servicios-sec .eyebrow{color:#7fe3a8}
.servicios-sec .servicio{background:#1b120d;border-color:rgba(255,255,255,.12)}
.servicios-sec .servicio h3{color:#fff}
.servicios-sec .servicio p{color:#bfb1a5}
.orb{display:none}
.servicios-sec.viva .servicios-lista{display:none}
.servicios-sec.viva .orb{display:grid}
.orb{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(18px,3vw,44px);align-items:center;margin-top:clamp(6px,2vw,20px)}
.orb__escena{position:relative;width:100%;aspect-ratio:1/.92;min-height:380px}
.orb__anillo{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.orb__anillo ellipse{fill:none;stroke:rgba(255,166,102,.35);stroke-width:1.5;stroke-dasharray:4 9;animation:marcha 40s linear infinite}
@keyframes marcha{to{stroke-dashoffset:-260}}
.orb__brillo{position:absolute;left:50%;top:50%;width:46%;height:70%;transform:translate(-50%,-52%);background:radial-gradient(ellipse,rgba(255,138,20,.45),transparent 68%);filter:blur(8px);pointer-events:none}
.orb__maquina{position:absolute;left:50%;top:50%;height:72%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.65))}
.orb__nodo{all:unset;box-sizing:border-box;position:absolute;left:0;top:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;width:112px;margin:-40px 0 0 -56px;will-change:transform,opacity;text-align:center}
.orb__nodo:focus-visible .orb__ico{outline:3px solid #ffa566;outline-offset:3px}
.orb__ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#241710;border:1.5px solid rgba(255,166,102,.55);color:#ffb070;box-shadow:0 10px 24px -8px #000,0 0 0 0 rgba(242,98,31,0);transition:background-color .25s,border-color .25s,color .25s,box-shadow .35s}
.orb__ico svg{width:30px;height:30px}
.orb__nom{font-size:.8rem;font-weight:700;line-height:1.1;color:#e6d7ca;text-shadow:0 2px 8px #000;transition:color .25s}
.orb__nodo[aria-pressed="true"] .orb__ico{background:linear-gradient(135deg,#f2621f,#ffa23a);border-color:#ffd9a8;color:#fff;box-shadow:0 10px 30px -6px rgba(242,98,31,.8),0 0 0 8px rgba(242,98,31,.18)}
.orb__nodo[aria-pressed="true"] .orb__nom{color:#fff}
@media (hover:hover) and (pointer:fine){.orb__nodo:hover .orb__ico{border-color:#ffd9a8}}
.orb__panel{min-width:0;min-height:300px;display:flex;flex-direction:column;justify-content:center}
.orb__num{font:700 1.7rem/1 'Barlow Condensed',sans-serif;color:#ffa566;letter-spacing:-.02em}
.orb__tit{font-size:clamp(1.8rem,3.4vw,2.7rem);color:#fff;margin:.25rem 0 .7rem}
.orb__txt{color:#e0d3c8;font-size:1.02rem;max-width:46ch}
.orb__acc{margin-top:1.3rem}
.orb__barra{display:flex;gap:6px;margin-top:1.4rem}
.orb__barra i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden;position:relative}
.orb__barra i.on::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2621f,#ffc247);transform-origin:left;animation:llena 7s linear forwards}
.orb__barra i.hecho::after{content:"";position:absolute;inset:0;background:#f2621f}
@keyframes llena{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.orb.quieto .orb__barra i.on::after{animation:none;transform:none}
@media (max-width:900px){.orb{grid-template-columns:1fr}.orb__escena{min-height:0;aspect-ratio:1/.92}.orb__panel{min-height:0}.orb__ico{width:52px;height:52px}.orb__ico svg{width:24px;height:24px}.orb__nodo{width:92px;margin:-34px 0 0 -46px}.orb__nom{font-size:.7rem}}
@media (prefers-reduced-motion:reduce){.orb__anillo ellipse{animation:none}}

/* ---------- empresa: foto que se abre en gajos de naranja y sello giratorio (home) ---------- */
@property --g{syntax:"<angle>";inherits:false;initial-value:0deg}
.banda{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(800px 460px at 100% 0%,rgba(242,98,31,.18),transparent 65%),var(--verde-osc)}
.banda__media{position:relative}
.banda__foto{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -40px #000}
.banda__media img{display:block;border-radius:0;box-shadow:none}
.banda__foto.gajos{-webkit-mask-image:repeating-conic-gradient(from 0deg at 50% 50%,#000 0 calc(36deg - var(--g)),transparent 0 36deg);mask-image:repeating-conic-gradient(from 0deg at 50% 50%,#000 0 calc(36deg - var(--g)),transparent 0 36deg)}
.sello{position:absolute;right:-18px;bottom:-26px;width:clamp(110px,15vw,160px);aspect-ratio:1;z-index:2;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}
.sello__fondo{fill:#f2621f}
.sello text{font:700 13.5px Inter,sans-serif;letter-spacing:.12em;fill:#fff}
.sello__giro{transform-origin:100px 100px;animation:giro 24s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
.sello__naranja{transform-origin:100px 100px;animation:giro 9s linear infinite reverse}
.banda__t .p{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.banda__t .p>span{display:inline-block;will-change:transform}
.banda__lista li::before{content:"";width:16px;height:16px;border-radius:50%;margin-top:.35em;background:conic-gradient(#ffb44a 0 36deg,#ffe3b0 0 45deg,#ffb44a 0 81deg,#ffe3b0 0 90deg,#ffb44a 0 126deg,#ffe3b0 0 135deg,#ffb44a 0 171deg,#ffe3b0 0 180deg,#ffb44a 0 216deg,#ffe3b0 0 225deg,#ffb44a 0 261deg,#ffe3b0 0 270deg,#ffb44a 0 306deg,#ffe3b0 0 315deg,#ffb44a 0 351deg,#ffe3b0 0);box-shadow:0 0 0 2px #f2621f}
.banda__lista li .ri{display:none}
@media (max-width:860px){.sello{right:8px;bottom:-22px}}
@media (prefers-reduced-motion:reduce){.sello__giro,.sello__naranja{animation:none}}

/* ---------- preguntas frecuentes: el naranjo (home) ---------- */
.faq-sec{position:relative;isolation:isolate;overflow:clip;color:#e9efe6;background:radial-gradient(900px 620px at 78% -6%,rgba(255,196,100,.3),transparent 62%),radial-gradient(700px 500px at 8% 100%,rgba(242,98,31,.12),transparent 65%),linear-gradient(#0d1d13,#091009)}
.faq-sec::before{content:"";position:absolute;right:-6%;top:-12%;width:80%;height:120%;z-index:-1;pointer-events:none;opacity:.55;background:conic-gradient(from 195deg at 88% 0%,transparent 0 6deg,rgba(255,214,140,.22) 8deg,transparent 14deg 22deg,rgba(255,214,140,.16) 25deg,transparent 31deg 40deg,rgba(255,214,140,.2) 43deg,transparent 50deg);-webkit-mask-image:linear-gradient(to bottom left,#000 10%,transparent 75%);mask-image:linear-gradient(to bottom left,#000 10%,transparent 75%);animation:rayos 9s ease-in-out infinite alternate}
@keyframes rayos{from{opacity:.35}to{opacity:.7}}
.faq-sec h2{color:#fff}
.faq-sec .eyebrow{color:#ffa566}
.faq-sec .faq details{background:#12261a;border-color:rgba(255,255,255,.14)}
.faq-sec .faq summary{color:#fff}
.faq-sec .faq details p{color:#c9d8cc}
.arb{display:none}
.faq-sec.viva .faq{display:none}
.faq-sec.viva .arb{display:grid}
.arb{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,3vw,46px);align-items:center}
.arb__escena{position:relative;width:100%;aspect-ratio:1/.98;min-height:380px;touch-action:manipulation}
.arb__lienzo{position:absolute;inset:0;width:100%;height:100%}
.arb__lista{display:grid;gap:12px;min-width:0}
.arb__q{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;width:100%;padding:15px 18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#12261a;color:#e9efe6;position:relative;overflow:hidden;transition:border-color .25s,background-color .25s,transform .25s}
.arb__q:focus-visible{outline:3px solid #ffa566;outline-offset:3px}
.arb__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc457,#f2621f 70%,#a63a07);color:#fff;font:700 .95rem/1 Inter,sans-serif;box-shadow:0 4px 12px -4px rgba(242,98,31,.7)}
.arb__t{font-weight:600;font-size:1.02rem;line-height:1.3;color:#fff}
.arb__r{grid-column:2;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,.8,.26,1)}
.arb__r>div{overflow:hidden}
.arb__r p{margin:.4rem 0 .1rem;color:#cfdcd2;font-size:.95rem;line-height:1.55;font-weight:400}
.arb__q[aria-expanded="true"]{border-color:rgba(255,166,102,.8);background:#173020;transform:translateX(-6px)}
.arb__q[aria-expanded="true"] .arb__r{grid-template-rows:1fr}
@media (hover:hover) and (pointer:fine){.arb__q:hover{border-color:rgba(255,255,255,.4)}}
@media (max-width:900px){.arb{grid-template-columns:1fr}.arb__escena{min-height:0;aspect-ratio:1/.9}.arb__q[aria-expanded="true"]{transform:none}}
@media (prefers-reduced-motion:reduce){.faq-sec::before{animation:none}.arb__r,.arb__q{transition:none}}

/* ---------- ferias: pasaporte con sellos y clientes en burbujas (home) ---------- */
.pasaporte{position:relative;isolation:isolate;overflow:clip;color:#eadfd5;background:radial-gradient(800px 460px at 90% 0%,rgba(242,98,31,.15),transparent 65%),#120b07}
.pasaporte h2{color:#fff}.pasaporte .entradilla{color:#d7c9bd}.pasaporte .eyebrow{color:#7fe3a8}
.pasaporte__hoja{display:none}
.pasaporte.viva .ferias{display:none}
.pasaporte.viva .pasaporte__hoja{display:block}
.pasaporte .feria{border-left-color:#f2621f}.pasaporte .feria b{color:#fff}.pasaporte .feria span{color:#bfb1a5}
.pasaporte__hoja{position:relative;border-radius:18px;padding:clamp(20px,3vw,34px);background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 28px),linear-gradient(160deg,#f4e6cf,#e2cfae);box-shadow:0 30px 60px -36px #000,inset 0 0 0 1px rgba(90,50,10,.25);color:#3b2a18}
.pasaporte__titulo{display:block;font:600 .74rem/1 ui-monospace,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:#8a6a3d;margin-bottom:1.1rem}
.pasaporte__sellos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:clamp(14px,2.4vw,28px)}
.sello-f{position:relative;aspect-ratio:1;display:grid;place-items:center;color:#b43b0a;transform:rotate(var(--rot));mix-blend-mode:multiply}
.sello-f svg{position:absolute;inset:0;width:100%;height:100%}
.sello-f circle{fill:none;stroke:currentColor;stroke-width:3}.sello-f circle:last-of-type{stroke-width:1.5}
.sello-f text{font:700 12px Inter,sans-serif;letter-spacing:.1em;fill:currentColor}
.sello-f__txt{position:relative;text-align:center;padding:0 22%;display:flex;flex-direction:column;gap:.35rem}
.sello-f__txt span{font:700 .62rem/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.sello-f__txt b{font:700 clamp(.95rem,1.5vw,1.2rem)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.pasaporte .clientes{border-top-color:rgba(255,255,255,.14)}.pasaporte .clientes p{color:#bfb1a5}
.pasaporte .clientes ul{gap:.6rem .7rem}
.burb{list-style:none;padding:.5em 1.05em;border-radius:99px;font-weight:600;font-size:.92rem;color:#fff;background:radial-gradient(circle at 30% 25%,rgba(255,200,120,.35),rgba(242,98,31,.18) 70%);border:1px solid rgba(255,166,102,.5);box-shadow:0 0 18px -6px rgba(242,98,31,.6)}
@media (prefers-reduced-motion:reduce){.sello-f{transition:none}}
@media (max-width:640px){.pasaporte__sellos{grid-template-columns:1fr 1fr;gap:8px}.sello-f__txt{padding:0 20%}.sello-f__txt b{font-size:.8rem}.sello-f__txt span{font-size:.5rem}.sello-f text{font-size:11px}}

/* ---------- contacto: calculadora de ventas con vaso que se llena (home) ---------- */
.contacto-sec{position:relative;isolation:isolate;overflow:clip;color:#eadfd5;background:radial-gradient(900px 520px at 85% 20%,rgba(242,98,31,.2),transparent 65%),radial-gradient(700px 460px at 0% 100%,rgba(29,107,63,.25),transparent 65%),#120b07}
.contacto-sec h2{color:#fff}.contacto-sec .entradilla{color:#d7c9bd}.contacto-sec .eyebrow{color:#7fe3a8}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(16px,3vw,38px);align-items:stretch}
.calc__form,.calc__res{background:#1b120d;border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:clamp(20px,3vw,32px);position:relative;overflow:hidden;box-shadow:0 30px 60px -38px #000}
.calc__form::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f2621f,#ffc247)}
.calc__form h3{color:#fff;font-size:clamp(1.3rem,2.2vw,1.7rem);margin:0 0 .4rem}
.calc__intro{color:#cdbfb3;font-size:.94rem;margin:0 0 1.2rem}
.calc__campo{display:block;margin:0 0 1.1rem}
.calc__campo>span{display:block;font-size:.74rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#a6968a;margin-bottom:.5rem}
.calc__campo output{display:inline-block;margin-left:.6em;padding:.1em .65em;border-radius:99px;background:rgba(242,98,31,.2);border:1px solid rgba(242,98,31,.6);color:#fff;font-size:.95rem;letter-spacing:0;font-variant-numeric:tabular-nums}
.calc__campo input[type=number]{width:100%;padding:.75em 1em;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#0e0805;color:#fff;font:inherit;font-variant-numeric:tabular-nums}
.calc__campo input[type=number]:focus{outline:none;border-color:#f2621f;box-shadow:0 0 0 3px rgba(242,98,31,.3)}
.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#f2621f,#ffc247);outline-offset:6px}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #f2621f;box-shadow:0 2px 10px rgba(0,0,0,.5);cursor:grab}
.calc input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #f2621f;cursor:grab}
.calc__aviso{font-size:.8rem;color:#9d8d80;margin:0}
.calc__res{display:grid;grid-template-columns:clamp(110px,16vw,170px) 1fr;gap:6px clamp(14px,2.4vw,28px);align-items:center;background:linear-gradient(160deg,#241710,#160d08)}
.vaso{position:relative;grid-row:1/3;align-self:stretch;min-height:250px;border-radius:14px 14px 34px 34px/10px 10px 40px 40px;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:0 0 0 2px rgba(255,255,255,.25) inset,0 20px 30px -18px #000;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
.vaso::before{content:"";position:absolute;left:16%;top:6%;bottom:8%;width:9%;border-radius:6px;background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.03));z-index:3}
.vaso__liq{position:absolute;left:0;right:0;bottom:0;height:var(--n,30%);background:linear-gradient(#ff9a1f,#f2621f 55%,#c8480a);transition:height .9s cubic-bezier(.22,.8,.26,1)}
.vaso__liq svg{position:absolute;left:0;top:-23px;width:200%;height:24px;fill:#ff9a1f;animation:oleaje 3.4s linear infinite}
.vaso__liq i{position:absolute;bottom:-8px;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);animation:burbuja 4s ease-in infinite}
.vaso__liq i:nth-of-type(1){left:20%}.vaso__liq i:nth-of-type(2){left:45%;animation-delay:1.3s;width:5px;height:5px}.vaso__liq i:nth-of-type(3){left:65%;animation-delay:2.2s}.vaso__liq i:nth-of-type(4){left:80%;animation-delay:.7s;width:4px;height:4px}
.gotaN{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc457,#f2621f 70%,#a63a07);pointer-events:none;z-index:4}
.calc__datos{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-self:end}
.calc__datos>div{min-width:0}
.calc__datos dt{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a6968a;margin-bottom:.15rem}
.calc__datos dd{margin:0;font-weight:700;font-size:1.15rem;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.calc__gran{grid-column:1/-1}
.calc__gran dd{font:700 clamp(2.2rem,5vw,3.6rem)/1 'Barlow Condensed',sans-serif;color:#ffb053;letter-spacing:-.01em}
.calc__nota{grid-column:2;font-size:.74rem;color:#9d8d80;margin:0}
.calc__res .tarjeta-cta__acciones{grid-column:1/-1;margin-top:.6rem}
.contacto-sec .btn--claro{border-color:rgba(255,255,255,.4);color:#fff!important;background:transparent}
.datos--fila{margin-top:clamp(26px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;list-style:none;padding:0}
.contacto-sec .datos li{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#1b120d;transition:border-color .2s,transform .2s}
.contacto-sec .datos__icono{background:rgba(242,98,31,.25)}.contacto-sec .datos__icono svg{color:#ffb053}
.contacto-sec .datos b{color:#a6968a}.contacto-sec .datos a{color:#fff;overflow-wrap:anywhere}.contacto-sec .datos a:hover{color:#ffb053}
@media (hover:hover) and (pointer:fine){.contacto-sec .datos li:hover{border-color:rgba(242,98,31,.7);transform:translateY(-3px)}}
@media (max-width:900px){.calc{grid-template-columns:1fr}}
@media (max-width:520px){.calc__res{grid-template-columns:90px 1fr}.vaso{min-height:210px}}
@media (prefers-reduced-motion:reduce){.vaso__liq,.vaso__liq svg,.vaso__liq i{transition:none;animation:none}}
.calc__datos dd{white-space:nowrap;overflow-wrap:normal;font-size:1.05rem}
.calc__gran dd{font-size:clamp(2rem,4.4vw,3.2rem)}
@media (min-width:901px){.calc{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}

/* ---------- pie de venta: la máquina y la palabra llena de zumo (todas las páginas) ---------- */
.pie{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(900px 520px at 80% 0%,rgba(242,98,31,.22),transparent 65%),radial-gradient(700px 460px at 0% 70%,rgba(29,107,63,.22),transparent 65%),#0f0905;color:#cdbfb3;padding:clamp(56px,7vw,100px) 0 0;font-size:.95rem}
.pie::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f2621f,#ffc247,#1d6b3f)}
.pie__venta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,60px);align-items:end;margin-bottom:clamp(40px,6vw,76px)}
.pie__kicker{margin:0 0 1rem;font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#7fe3a8;display:inline-flex;align-items:center;gap:.7em}
.pie__kicker::before{content:"";width:34px;height:3px;border-radius:2px;background:#f2621f}
.pie__venta h2{color:#fff;font-size:clamp(1.9rem,4vw,3.1rem);max-width:19ch}
.pie__venta-texto>p:not(.pie__kicker):not(.pie__venta-acciones){color:#d7c9bd;max-width:50ch;font-size:clamp(1rem,1.4vw,1.1rem)}
.pie__venta-acciones{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem!important}
.pie .btn--claro{border-color:rgba(255,255,255,.4);color:#fff!important;background:transparent}
.pie__maquina{position:relative;justify-self:center;width:min(100%,230px);aspect-ratio:409/662}
.pie__maquina img{position:relative;z-index:2;width:100%;height:100%;display:block;filter:drop-shadow(0 26px 34px rgba(0,0,0,.7))}
.pie__halo{position:absolute;inset:-14% -40% -6%;z-index:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,138,20,.5),transparent 66%);animation:latido 4.5s ease-in-out infinite alternate}
@keyframes latido{from{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
.pie__piso{position:absolute;left:-14%;right:-14%;bottom:-2%;height:5%;border-radius:50%;background:radial-gradient(ellipse,rgba(242,98,31,.5),transparent 70%);filter:blur(7px)}
.nar{position:absolute;z-index:3;left:34%;top:-12%;width:15%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc457,#f2621f 68%,#a63a07);opacity:0;animation:cae 3.6s cubic-bezier(.5,0,.9,.55) infinite}
.nar.n2{left:48%;animation-delay:1.2s;width:13%}.nar.n3{left:26%;animation-delay:2.4s;width:12%}
@keyframes cae{0%{transform:translateY(0) scale(1);opacity:0}8%{opacity:1}34%{transform:translateY(46%) scale(1);opacity:1}42%{transform:translateY(52%) scale(.1);opacity:0}100%{transform:translateY(52%) scale(.1);opacity:0}}
.pie__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.4fr;gap:clamp(24px,4vw,52px)}
.pie h4{display:flex;align-items:center;gap:.7em;color:#fff;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.1rem;font-weight:700}
.rod{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #f2621f;background:conic-gradient(#ffb44a 0 36deg,#ffe3b0 0 45deg,#ffb44a 0 81deg,#ffe3b0 0 90deg,#ffb44a 0 126deg,#ffe3b0 0 135deg,#ffb44a 0 171deg,#ffe3b0 0 180deg,#ffb44a 0 216deg,#ffe3b0 0 225deg,#ffb44a 0 261deg,#ffe3b0 0 270deg,#ffb44a 0 306deg,#ffe3b0 0 315deg,#ffb44a 0 351deg,#ffe3b0 0);transition:transform .8s cubic-bezier(.22,.8,.26,1)}
.pie.pre .rod{transform:rotate(-200deg) scale(0)}
.pie.pre.vis .rod{transform:none}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.pie a{color:#cdbfb3;display:inline-block;padding:.34rem 0;background:linear-gradient(90deg,#f2621f,#ffc247) 0 100%/0 2px no-repeat;transition:background-size .32s cubic-bezier(.33,1,.68,1),color .18s ease-out}
.pie a:hover,.pie a:focus-visible{color:#fff;background-size:100% 2px}
.pie a.btn{background-image:none;padding:.9em 1.5em;color:#fff}
.pie a.btn--wa{background:var(--verde-wa,#16a34a)}
.pie__contacto a{display:inline-flex;align-items:flex-start;gap:.65em}
.pie__contacto svg{width:17px;height:17px;flex:none;color:#ffa566;margin-top:.2em}
.pie__contacto span{overflow-wrap:anywhere}
.pie__logo{width:220px;height:auto;margin-bottom:1rem}
.pie__razon{color:#a89a8e;line-height:1.55;font-size:.9rem;margin:0}
.pie__marca{margin-top:clamp(28px,5vw,60px);overflow:hidden;text-align:center;user-select:none;line-height:1}
.pie__marca span{display:block;white-space:nowrap;font-weight:800;text-transform:uppercase;letter-spacing:-.04em;font-size:min(9.6vw,9rem);padding-bottom:.06em;
  background-image:radial-gradient(circle at 24px 0,transparent 22px,#ff9a1f 23px),linear-gradient(180deg,#ffb53a 0,#f2621f 55%,#b3400a 100%),linear-gradient(#3a2a20,#241812);
  background-size:48px 28px,100% 56%,100% 100%;background-repeat:repeat-x,no-repeat,no-repeat;background-position:0 34%,0 100%,0 0;animation:zumo-onda 4s linear infinite;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14)}
@keyframes zumo-onda{to{background-position:48px 34%,0 100%,0 0}}
.pie__legal{padding:1.3rem 0 1.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;justify-content:space-between;font-size:.85rem;color:#a89a8e;border-top:1px solid rgba(255,255,255,.1)}
.pie__subir{display:inline-flex;align-items:center;gap:.55em;padding:.55em 1em;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(255,255,255,.04);color:#fff;font:600 .82rem/1 Inter,sans-serif;cursor:pointer;transition:transform .16s ease-out,background-color .16s,border-color .16s}
.pie__subir svg{width:16px;height:16px;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.pie__subir:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.pie__subir:hover{border-color:#f2621f;background:rgba(242,98,31,.2)}.pie__subir:hover svg{transform:translateY(-3px)}}
.pie.pre .pie__col{opacity:0;transform:translateY(22px)}
.pie.pre.vis .pie__col{opacity:1;transform:none;transition:opacity .6s ease-out,transform .6s cubic-bezier(.23,1,.32,1)}
.pie.pre.vis .pie__col:nth-child(2){transition-delay:.08s}.pie.pre.vis .pie__col:nth-child(3){transition-delay:.16s}.pie.pre.vis .pie__col:nth-child(4){transition-delay:.24s}
@media (max-width:900px){.pie__venta{grid-template-columns:1fr}.pie__maquina{order:-1;width:min(46vw,190px)}.pie__grid{grid-template-columns:1fr 1fr}.pie__marca span{font-size:min(10.4vw,6rem)}}
@media (max-width:560px){.pie__grid{grid-template-columns:1fr}.pie__legal{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.pie__halo,.nar,.pie__marca span{animation:none}.nar{display:none}.pie.pre .pie__col{opacity:1;transform:none}.pie.pre .rod{transform:none}}
.pie .pie__logo{background:none;padding:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 18px rgba(242,98,31,.35))}
@media (min-width:901px){.datos--fila{grid-template-columns:.9fr .8fr .8fr 1.5fr}}
.contacto-sec .datos a{overflow-wrap:normal}

/* ---------- cabecera oscura con rodajas en paralaje y gota de zumo (todas las páginas) ---------- */
.centinela{position:absolute;top:0;left:0;width:1px;height:90px;pointer-events:none}
.cabecera{background:rgba(15,9,5,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);overflow:visible;transition:box-shadow .3s}
.cabecera--compacta{box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
.cabecera::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 120px at 85% 0%,rgba(242,98,31,.28),transparent 70%)}
.cabecera__in{position:relative;z-index:2;transition:padding .25s ease-out}
.cabecera--compacta .cabecera__in{padding-block:.35rem}
.logo img{filter:drop-shadow(0 0 16px rgba(242,98,31,.35));transition:width .25s ease-out}
.cabecera--compacta .logo img{width:clamp(120px,13vw,150px)}
.cab__prog{position:absolute;left:0;right:0;bottom:-1px;height:3px;z-index:3;pointer-events:none;background:linear-gradient(90deg,#f2621f,#ffc247 70%,#7fe3a8);transform-origin:0 50%;transform:scaleX(0)}
@supports (animation-timeline:scroll()){.cab__prog{animation:progreso linear both;animation-timeline:scroll(root block)}@keyframes progreso{to{transform:scaleX(1)}}}
.cab__deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.cab__deco i{position:absolute;display:block;border-radius:50%;opacity:.5;will-change:transform;transform:translate3d(calc(var(--mx,0)*var(--k)*1px),calc(var(--my,0)*var(--k)*.5px),0) rotate(var(--r));
  background:conic-gradient(#ffb44a 0 36deg,#ffe3b0 0 45deg,#ffb44a 0 81deg,#ffe3b0 0 90deg,#ffb44a 0 126deg,#ffe3b0 0 135deg,#ffb44a 0 171deg,#ffe3b0 0 180deg,#ffb44a 0 216deg,#ffe3b0 0 225deg,#ffb44a 0 261deg,#ffe3b0 0 270deg,#ffb44a 0 306deg,#ffe3b0 0 315deg,#ffb44a 0 351deg,#ffe3b0 0);box-shadow:0 0 0 3px #f2621f;transition:transform .25s ease-out}
.cab__deco .r1{--k:46;--r:12deg;width:46px;height:46px;left:34%;top:-18px;opacity:.28;filter:blur(1px)}
.cab__deco .r2{--k:-30;--r:-20deg;width:30px;height:30px;left:52%;bottom:-10px;opacity:.4}
.cab__deco .r3{--k:70;--r:30deg;width:64px;height:64px;left:70%;top:-30px;opacity:.2;filter:blur(2px)}
.cab__deco .r4{--k:-56;--r:5deg;width:38px;height:38px;left:88%;bottom:-16px;opacity:.3;filter:blur(1px)}
.nav__lista{position:relative;gap:1.5rem}
.nav__lista a{color:#e2d5c9;font-weight:600;padding:.5em 0;transition:color .18s ease-out}
.nav__lista a::after{display:none}
.nav__lista a:hover,.nav__lista a:focus-visible,.nav__lista a[aria-current]:not([aria-current="false"]){color:#fff}
.nav__lista a span{display:inline-block;transition:transform .35s cubic-bezier(.22,.8,.26,1)}
.nav__gota{position:absolute;left:0;bottom:-4px;width:60px;height:6px;margin:0;padding:0;list-style:none;pointer-events:none;opacity:0;transform:translateX(var(--x,0));transition:transform .5s cubic-bezier(.22,.8,.26,1),width .5s cubic-bezier(.22,.8,.26,1),opacity .2s}
.nav__gota.on{opacity:1}
.nav__gota i{display:block;width:100%;height:100%;border-radius:6px 6px 50% 50%/6px 6px 100% 100%;background:linear-gradient(90deg,#f2621f,#ffc247);box-shadow:0 0 14px 2px rgba(242,98,31,.6)}
.cabecera .btn--wa{position:relative}
.cabecera .btn--wa::after{content:"";position:absolute;inset:-2px;border:2px solid rgba(20,153,84,.75);border-radius:inherit;pointer-events:none;animation:anillo 2.8s ease-out infinite}
@keyframes anillo{from{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.14,1.55)}}
@media (max-width:900px){
  .cabecera{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0905}
  .nav{background:#0f0905;border-left:3px solid #f2621f;box-shadow:-30px 0 60px -20px #000}
  .nav__lista li{border-bottom:1px solid rgba(255,255,255,.1)}
  .nav__lista a{font-size:1.15rem;padding:.9em 0;display:block}
  .nav__gota{display:none}
  .menu-btn{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
  .menu-btn span,.menu-btn span::before,.menu-btn span::after{background:#fff}
  body.menu-abierto .menu-btn span{background:transparent}
  .velo{background:rgba(0,0,0,.6);z-index:55}
  .cab__deco .r1,.cab__deco .r3{display:none}
}
@media (prefers-reduced-motion:reduce){.cab__deco i,.nav__gota,.cabecera .btn--wa::after{animation:none;transition:none}.cabecera .btn--wa::after{opacity:0}.cab__prog{animation:none;transform:scaleX(0)}}

/* logo en una pestaña blanca que cuelga de la cabecera */
.cabecera .logo{position:relative;z-index:3;display:flex;align-items:center;align-self:stretch;margin-block:-.75rem;padding:.75rem clamp(14px,1.6vw,22px);background:#fff;border-radius:0 0 18px 18px;box-shadow:0 14px 28px -12px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06);transition:padding .25s ease-out,margin .25s ease-out,transform .3s cubic-bezier(.22,.8,.26,1)}
.cabecera .logo::before{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;border-radius:0 0 18px 18px;background:linear-gradient(90deg,#f2621f,#ffc247)}
.cabecera .logo img{filter:none;width:clamp(140px,15vw,176px);height:auto}
.cabecera--compacta .logo{margin-block:-.35rem;padding-block:.35rem}
.cabecera--compacta .logo img{width:clamp(118px,12vw,146px)}
@media (hover:hover) and (pointer:fine){.cabecera .logo:hover{transform:translateY(2px)}}
@media (max-width:900px){.cabecera .logo{padding:.55rem 14px;margin-block:-.75rem}.cabecera .logo img{width:128px}}

/* ===== cabecera blanca, versión final ===== */
.cabecera{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid #f0e2d4;color:var(--tinta)}
.cabecera::before{background:radial-gradient(520px 110px at 88% 0%,rgba(242,98,31,.12),transparent 70%),radial-gradient(420px 90px at 6% 100%,rgba(29,107,63,.07),transparent 70%)}
.cabecera::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:3;pointer-events:none;background:linear-gradient(90deg,#f2621f,#ffc247 55%,#1d6b3f)}
.cabecera--compacta{box-shadow:0 14px 34px -18px rgba(27,20,16,.45)}
.cabecera__in{padding-block:.95rem .8rem}
.cabecera--compacta .cabecera__in{padding-block:.55rem .45rem}
.cabecera .logo{background:none;box-shadow:none;border-radius:0;padding:0;margin:0;align-self:center;transition:transform .3s cubic-bezier(.22,.8,.26,1)}
.cabecera .logo::before{display:none}
.cabecera .logo img{filter:none;width:clamp(142px,15vw,182px);transition:width .25s ease-out}
.cabecera--compacta .logo{margin:0;padding:0}
.cabecera--compacta .logo img{width:clamp(122px,12vw,150px)}
@media (hover:hover) and (pointer:fine){.cabecera .logo:hover{transform:scale(1.04)}}
.cab__deco i{opacity:.5;box-shadow:0 0 0 3px rgba(242,98,31,.8)}
.cab__deco .r1{opacity:.22}.cab__deco .r3{opacity:.16}.cab__deco .r2{opacity:.34}.cab__deco .r4{opacity:.24}
.nav__lista{gap:.2rem}
.nav__lista li{margin:0}
.nav__lista a{color:#4d423b;font-weight:600;font-size:.95rem;padding:.55em .8em;border-radius:99px;transition:color .18s ease-out,background-color .2s ease-out}
.nav__lista a:hover,.nav__lista a:focus-visible{color:var(--naranja-osc);background:#fff1e6}
.nav__lista a[aria-current]:not([aria-current="false"]){color:var(--naranja-osc);background:#fff1e6}
.nav__gota{bottom:-5px}
.nav__gota i{background:linear-gradient(90deg,#f2621f,#ffa23a);box-shadow:0 4px 10px -2px rgba(242,98,31,.55)}
.cab__prog{bottom:0;height:3px;background:linear-gradient(90deg,#f2621f,#ffc247 70%,#1d6b3f)}
.cabecera .btn--wa{box-shadow:0 8px 20px -10px rgba(20,153,84,.9);padding:.78em 1.4em}
.cabecera .btn--wa::after{border-color:rgba(20,153,84,.55)}
@media (max-width:900px){
  .cabecera{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
  .cabecera__in{padding-block:.7rem}
  .cabecera .logo img{width:132px}
  .nav{background:#fff;border-left:3px solid #f2621f;box-shadow:-30px 0 60px -26px rgba(27,20,16,.55)}
  .nav__lista{gap:0}
  .nav__lista li{border-bottom:1px solid #f0e2d4}
  .nav__lista a{color:var(--tinta);font-size:1.15rem;padding:.9em .2em;border-radius:0;background:none}
  .nav__lista a:hover,.nav__lista a[aria-current]:not([aria-current="false"]){background:none;color:var(--naranja-osc)}
  .menu-btn{border:1px solid #ecd9c6;background:#fff}
  .menu-btn span,.menu-btn span::before,.menu-btn span::after{background:var(--tinta)}
  body.menu-abierto .menu-btn span{background:transparent}
  .velo{background:rgba(27,20,16,.5)}
}
.cabecera{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}

/* despieces de repuestos */
.despieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1.4rem;margin-top:2rem}
.despiece{margin:0;background:#fff;border:1px solid var(--linea);border-radius:14px;overflow:hidden}
.despiece a{display:block}
.despiece img{display:block;width:100%;height:auto}
.despiece figcaption{padding:.7rem 1rem;font-weight:600;font-size:.92rem;border-top:1px solid var(--linea)}

/* === 2026-10-30: fichas con foto grande y galería, FastTop destacada, sectores, redes y políticas en el pie === */
.ficha{grid-template-columns:1.12fr .88fr}
.ficha__media{padding:12px;display:grid;gap:12px;align-content:start}
.ficha__grande{display:block;border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in}
.ficha__media .ficha__grande img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}
.ficha__mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}
.ficha__mini button{width:100%;aspect-ratio:4/3;padding:4px;border:2px solid var(--linea);border-radius:12px;background:#fff;cursor:pointer;display:block;transition:border-color .18s ease-out,transform .18s ease-out}
.ficha__mini button[aria-pressed="true"]{border-color:var(--naranja)}
.ficha__mini img{width:100%;height:100%;object-fit:contain;display:block}
@media (hover:hover) and (pointer:fine){.ficha__mini button:hover{border-color:var(--naranja)}}
.ficha__mini button:active{transform:scale(.97)}
.ficha__estrella,.modelo__estrella{display:inline-block;background:linear-gradient(90deg,#f2621f,#ffa23a);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px}
.ficha__estrella{margin:0 0 .7rem}
.modelo__media{position:relative}
.modelo__estrella{position:absolute;left:12px;top:12px;z-index:2;box-shadow:0 6px 16px rgba(242,98,31,.35)}
.ficha__extras{flex-wrap:wrap;gap:.6rem}
@media (max-width:820px){.ficha{grid-template-columns:1fr}.ficha__media{max-width:none;position:static}}

.hero__estrella{display:flex;align-items:center;gap:1rem;margin-top:1.6rem;max-width:30rem;padding:.7rem 1.1rem .7rem .8rem;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;text-decoration:none;transition:transform .22s cubic-bezier(.23,1,.32,1),border-color .2s ease-out,background .2s ease-out}
.hero__estrella img{width:64px;height:auto;flex:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.hero__estrella span{display:grid;gap:.1rem;font-size:.9rem;line-height:1.35}
.hero__estrella i{font-style:normal;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:#ffb27a;font-weight:700}
.hero__estrella b{font-size:1.25rem;font-weight:800}
.hero__estrella em{font-style:normal;color:rgba(255,255,255,.82)}
.hero__estrella u{text-decoration:none;color:#ffb27a;font-weight:600;margin-top:.15rem}
@media (hover:hover) and (pointer:fine){.hero__estrella:hover{transform:translateY(-3px);border-color:#f2621f;background:rgba(255,255,255,.11)}}
.hero__estrella:active{transform:scale(.98)}

.sector{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(18px,3vw,34px) 0}
.sector+.sector{border-top:1px solid var(--linea)}
.sector--inv .sector__fotos{order:-1}
.sector__texto p{max-width:34rem}
.sector__lista{margin:.9rem 0 0;padding-left:1.1rem;display:grid;gap:.4rem;max-width:34rem}
.sector__fotos{display:grid;gap:12px}
.sector__fotos img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 14px 34px rgba(60,30,10,.14)}
.sector__fotos:not(.sector__fotos--una){grid-template-columns:1fr 1fr}
.sector__fotos:not(.sector__fotos--una) img:first-child{grid-column:1/-1}
@media (max-width:820px){.sector{grid-template-columns:1fr}.sector--inv .sector__fotos{order:0}}

.pie__zumoval{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.5rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.16);color:#d9c9bb;font-size:.78rem;text-decoration:none;transition:border-color .2s ease-out}
.pie__zumoval img{height:auto}
.pie__zumoval img:last-child{width:96px}
@media (hover:hover) and (pointer:fine){.pie__zumoval:hover{border-color:#ffa566}}
.pie__redes{list-style:none;margin:1rem 0 0;padding:0;display:flex;gap:.6rem}
.pie__redes a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;transition:background .2s ease-out,border-color .2s ease-out,transform .2s ease-out}
.pie__redes svg{width:19px;height:19px}
@media (hover:hover) and (pointer:fine){.pie__redes a:hover{background:#f2621f;border-color:#f2621f;transform:translateY(-2px)}}
.pie__redes a:active{transform:scale(.94)}
.pie__politicas{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.pie__politicas a{color:#d9c9bb;text-decoration:underline;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){.pie__politicas a:hover{color:#fff}}
.cabecera .logo img{width:clamp(150px,16vw,196px);height:auto}
.cabecera--compacta .logo img{width:clamp(128px,13vw,160px)}
.orb__maquina{height:58%}
.sector__fotos:not(.sector__fotos--una) img:nth-child(2){grid-column:1/-1;justify-self:center;width:62%}
.pie .pie__col .pie__zumoval{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:max-content;max-width:100%;gap:.65rem;padding:.55rem .85rem;margin-top:1rem}
.pie .pie__zumoval span{white-space:nowrap}
.pie .pie__zumoval img{margin:0;max-width:none;filter:none}
.pie .pie__zumoval img:nth-of-type(1){width:22px;height:22px}
.pie .pie__zumoval img:nth-of-type(2){width:104px;height:auto}
.pie .pie__col ul.pie__redes{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 0;padding:0}
.pie .pie__col ul.pie__redes li{margin:0}
.pie .pie__col ul.pie__redes a{display:grid;width:40px;height:40px;padding:0}
.orb .orb__maquina{width:auto;height:66%;max-width:none}

/* lluvia de naranjas del pie: capa de fondo, el contenido va por delante */
.pie__lluvia{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.pie>.contenedor{position:relative;z-index:1}

/* anclas (#garantia, #registro, #repuestos…): que la cabecera fija no tape el título al llegar */
html{scroll-padding-top:120px}
main [id]{scroll-margin-top:120px}
.servicio:target,.sector:target{border-color:var(--naranja);box-shadow:0 0 0 3px rgba(242,98,31,.22);transition:box-shadow .3s ease-out,border-color .3s ease-out}

/* catálogo de 6 modelos: 3 × 2 en escritorio, 2 en tableta, 1 en celular (grid--5 era para 5 tarjetas centradas) */
.grid--6{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
@media (min-width:1000px){.grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* === Quiénes somos (30-oct-2026): diploma, proceso, compromisos, referencias === */
.emp-diploma{padding:clamp(28px,5vw,64px) 0 clamp(18px,3vw,36px);background:linear-gradient(180deg,#f6ede1,#fbf6ee)}
.dip{--ink:#1f1611;--acc:#b8530f;--papel:#fffaf1;position:relative;max-width:1000px;margin:0 auto;padding:clamp(34px,6vw,76px) clamp(22px,6vw,84px) clamp(26px,4vw,48px);text-align:center;color:var(--ink);
  background:radial-gradient(120% 70% at 50% 110%,rgba(184,83,15,.07),transparent 60%),var(--papel);
  border:1px solid var(--ink);box-shadow:inset 0 0 0 9px var(--papel),inset 0 0 0 10px var(--acc),inset 0 0 0 15px var(--papel),inset 0 0 0 16px var(--ink),0 28px 56px rgba(60,30,10,.14);
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif}
.dip__esq{position:absolute;width:44px;height:44px;color:var(--acc);pointer-events:none}
.dip__esq svg{width:100%;height:100%;display:block}
.dip__esq--a{left:22px;top:22px}
.dip__esq--b{right:22px;top:22px;transform:scaleX(-1)}
.dip__esq--c{left:22px;bottom:22px;transform:scaleY(-1)}
.dip__esq--d{right:22px;bottom:22px;transform:scale(-1,-1)}
.dip__logo{display:block;margin:0 auto 1.1rem;width:min(230px,60%);height:auto}
.dip__orn{display:block;margin:0 auto 1.1rem;width:min(220px,60%);height:12px;color:var(--acc)}
.dip__pre{margin:0 0 .5rem;font-size:clamp(.95rem,1.6vw,1.1rem);font-style:italic;letter-spacing:.02em;color:#5a4a3e}
.dip__titulo{margin:0 0 1.5rem;font-family:inherit;font-weight:600;font-size:clamp(2.1rem,6vw,4rem);line-height:1.04;letter-spacing:-.012em;text-wrap:balance;color:var(--ink)}
.dip__texto{max-width:44rem;margin:0 auto;font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.7;color:#3b2f26}
.dip__texto p{margin:0 0 1rem}
.dip__para{margin:1.4rem 0 .7rem;font-style:italic;color:#5a4a3e;font-size:.98rem}
.dip__chips{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .6rem;max-width:38rem}
.dip__chips li{padding:.28rem .9rem;border:1px solid var(--acc);border-radius:999px;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);font-family:Inter,system-ui,sans-serif;font-weight:600}
.dip__pie{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,40px);margin-top:clamp(28px,4vw,48px);padding-top:clamp(20px,3vw,30px);border-top:1px solid rgba(31,22,17,.22);text-align:left}
.dip__sello{width:clamp(96px,12vw,128px);aspect-ratio:1}
.dip__sello svg{width:100%;height:100%;display:block;animation:dipGira 48s linear infinite}
.dip__sello .s1{fill:none;stroke:var(--acc);stroke-width:2}
.dip__sello .s2{fill:none;stroke:var(--acc);stroke-width:1}
.dip__sello .st{font:600 13px Inter,system-ui,sans-serif;fill:var(--acc);letter-spacing:.1em}
.dip__sello .fr{fill:#f2621f}
.dip__sello .ho{fill:#2f7d4a}
@keyframes dipGira{to{transform:rotate(360deg)}}
.dip__datos{margin:0;display:grid;gap:.55rem;font-family:Inter,system-ui,sans-serif}
.dip__datos div{display:grid;grid-template-columns:7.2rem 1fr;gap:.6rem;align-items:baseline}
.dip__datos dt{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#7a6455;font-weight:600}
.dip__datos dd{margin:0;font-size:.95rem;color:var(--ink);font-variant-numeric:tabular-nums}
.dip__firma{display:grid;justify-items:center;gap:.15rem;min-width:11rem;text-align:center}
.dip__linea{width:100%;height:1px;background:var(--ink);margin-bottom:.35rem}
.dip__firma b{font-weight:600;font-size:1.02rem}
.dip__firma span:last-child{font-size:.8rem;color:#5a4a3e;font-family:Inter,system-ui,sans-serif}
@media (max-width:760px){
  .dip{box-shadow:inset 0 0 0 7px var(--papel),inset 0 0 0 8px var(--acc),inset 0 0 0 11px var(--papel),inset 0 0 0 12px var(--ink),0 18px 38px rgba(60,30,10,.12)}
  .dip__esq{width:30px;height:30px}.dip__esq--a,.dip__esq--b{top:16px}.dip__esq--c,.dip__esq--d{bottom:16px}.dip__esq--a,.dip__esq--c{left:16px}.dip__esq--b,.dip__esq--d{right:16px}
  .dip__pie{grid-template-columns:1fr;justify-items:center;text-align:center}
  .dip__datos div{grid-template-columns:1fr;gap:.1rem;text-align:center}
}
@media (prefers-reduced-motion:reduce){.dip__sello svg{animation:none}}

.emp-proc h2,.emp-comp h2,.emp-ref h2{text-wrap:balance}
.proc{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,26px);position:relative;counter-reset:p}
.proc::before{content:"";position:absolute;left:6%;right:6%;top:23px;height:1px;background:linear-gradient(90deg,transparent,#d9b99a 8%,#d9b99a 92%,transparent)}
.proc__paso{position:relative;text-align:center}
.proc__num{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 1rem;border-radius:50%;background:#fff;border:1px solid #b8530f;color:#b8530f;font:700 1.05rem Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.proc__paso h3{margin:0 0 .45rem;font-size:1.12rem}
.proc__paso p{margin:0;color:#5a4a3e;font-size:.96rem;line-height:1.55}
@media (max-width:900px){
  .proc{grid-template-columns:1fr;gap:0}
  .proc::before{left:22px;right:auto;top:20px;bottom:20px;width:1px;height:auto;background:#d9b99a}
  .proc__paso{display:grid;grid-template-columns:46px 1fr;column-gap:16px;text-align:left;padding-bottom:1.4rem}
  .proc__num{grid-row:1/3;margin:0}
}
.pre-rev .proc__paso{opacity:0;transform:translateY(14px)}
.pre-rev.vis .proc__paso{opacity:1;transform:none;transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1)}
.pre-rev.vis .proc__paso:nth-child(2){transition-delay:.06s}.pre-rev.vis .proc__paso:nth-child(3){transition-delay:.12s}.pre-rev.vis .proc__paso:nth-child(4){transition-delay:.18s}.pre-rev.vis .proc__paso:nth-child(5){transition-delay:.24s}

.ledger{margin:1.8rem 0 0;max-width:62rem;border-top:2px solid #1f1611}
.ledger__fila{display:grid;grid-template-columns:minmax(10rem,15rem) 1fr;gap:clamp(14px,3vw,40px);padding:1.15rem 0;border-bottom:1px solid rgba(31,22,17,.18)}
.ledger dt{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-weight:600;font-size:1.2rem;color:#1f1611}
.ledger dd{margin:0;color:#3b2f26;line-height:1.6;max-width:44rem}
@media (max-width:700px){.ledger__fila{grid-template-columns:1fr;gap:.3rem}}

.ref{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 0}
.ref li{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(1.25rem,2.4vw,1.75rem);color:#1f1611;padding:.2rem 1.3rem .2rem 0;margin-right:1.3rem;position:relative}
.ref li:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;margin-top:-3px;background:#b8530f;transform:rotate(45deg)}
.ref__ferias{margin:1.8rem 0 0;color:#5a4a3e;max-width:46rem}
.ref__ferias a{color:#b8530f;text-decoration:underline;text-underline-offset:3px}

/* === Soporte técnico (30-oct-2026): centro de servicio === */
.sop-hero{position:relative;overflow:clip;color:#f4ece5;padding:clamp(34px,6vw,84px) 0 clamp(34px,5vw,64px);
  background:radial-gradient(760px 420px at 85% 10%,rgba(242,98,31,.28),transparent 65%),radial-gradient(600px 380px at 0% 100%,rgba(29,107,63,.22),transparent 65%),#120b07}
.sop-hero__in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,5vw,72px);align-items:center}
.sop-hero h1{color:#fff;margin:0 0 1rem;font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
.sop-hero__lead{max-width:34rem;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.6;color:#dccfc5;margin:0 0 1.6rem}
.sop-hero__acc{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}
.sop-hero .btn--claro{border-color:rgba(255,255,255,.4);color:#fff!important;background:transparent}
.sop-anillo{position:relative;width:min(100%,320px);aspect-ratio:1;margin-inline:auto}
.sop-anillo svg{width:100%;height:100%;display:block;overflow:visible}
.sop-anillo .marcas line{stroke:rgba(255,255,255,.32);stroke-width:1.2;stroke-linecap:round}
.sop-anillo .pista{fill:none;stroke:rgba(255,255,255,.1);stroke-width:10}
.sop-anillo .arco{fill:none;stroke:#f2621f;stroke-width:10;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:120px 120px;animation:sopArco 1.6s cubic-bezier(.23,1,.32,1) .25s forwards;filter:drop-shadow(0 0 10px rgba(242,98,31,.55))}
@keyframes sopArco{to{stroke-dashoffset:0}}
.sop-anillo__c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.sop-anillo__c b{font:700 clamp(3.6rem,10vw,5.6rem)/1 "Barlow Condensed",Inter,sans-serif;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.sop-anillo__c span{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:#ffb27a;font-weight:600}
@media (max-width:820px){.sop-hero__in{grid-template-columns:1fr}.sop-anillo{width:min(70%,240px);order:-1}}
@media (prefers-reduced-motion:reduce){.sop-anillo .arco{animation:none;stroke-dashoffset:0}}

.sop-solicitud{padding:clamp(34px,5vw,70px) 0;color:#f4ece5;background:linear-gradient(180deg,#120b07,#1b110a)}
.sop-solicitud h2{color:#fff;margin:0 0 .5rem;text-wrap:balance}
.sop-sub{max-width:40rem;margin:0 0 2rem;color:#d4c6bb}
.sop-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3.5vw,48px);align-items:start}
.sop-form fieldset{border:0;margin:0 0 1.4rem;padding:0}
.sop-form legend{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a;font-weight:700;margin-bottom:.8rem;padding:0}
.sop-chips{display:flex;flex-wrap:wrap;gap:.55rem}
.sop-chip{position:relative;cursor:pointer}
.sop-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sop-chip span{display:block;padding:.62rem 1.05rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#eadfd6;font-size:.95rem;font-weight:500;transition:background .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .16s ease-out}
.sop-chip input:checked+span{background:#f2621f;border-color:#f2621f;color:#fff;font-weight:600}
.sop-chip input:focus-visible+span{outline:3px solid #ffd2b5;outline-offset:2px}
.sop-chip:active span{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.sop-chip input:not(:checked):hover+span{border-color:#ffb27a;color:#fff}}
.sop-campos{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.1rem}
.sop-campos label{display:grid;gap:.4rem;font-size:.88rem;color:#d4c6bb;font-weight:600}
.sop-campos label small{font-weight:400;color:#a99a8e}
.sop-campos .ancho{grid-column:1/-1}
.sop-campos input,.sop-campos select,.sop-campos textarea{width:100%;font:inherit;font-weight:400;font-size:1rem;color:#fff;background:#241811;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:.78rem .9rem;transition:border-color .18s ease-out,box-shadow .18s ease-out;caret-color:#f2621f}
.sop-campos select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ffb27a 50%),linear-gradient(135deg,#ffb27a 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.2rem}
.sop-campos textarea{resize:vertical;min-height:5.2rem}
.sop-campos ::placeholder{color:#a99a8e}
.sop-campos input:focus-visible,.sop-campos select:focus-visible,.sop-campos textarea:focus-visible{outline:none;border-color:#f2621f;box-shadow:0 0 0 3px rgba(242,98,31,.35)}
@media (max-width:900px){.sop-grid{grid-template-columns:1fr}}
@media (max-width:560px){.sop-campos{grid-template-columns:1fr}}

.sop-ticket{position:sticky;top:96px;background:#fffaf1;color:#1f1611;border-radius:16px;padding:1.4rem 1.4rem 1.2rem;box-shadow:0 22px 44px rgba(0,0,0,.45)}
.sop-ticket::before,.sop-ticket::after{content:"";position:absolute;left:0;right:0;height:10px;background:radial-gradient(circle at 10px 0,transparent 6px,#fffaf1 6.5px) 0 0/20px 10px repeat-x}
.sop-ticket::before{top:-9px;transform:scaleY(-1)}
.sop-ticket::after{display:none}
.sop-ticket__t{margin:0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#b8530f;font-weight:700}
.sop-ticket__para{margin:.3rem 0 1rem;font-size:.9rem;color:#5a4a3e;padding-bottom:.9rem;border-bottom:1px dashed rgba(31,22,17,.3)}
.sop-ticket__lista{margin:0 0 1.1rem;display:grid;gap:.6rem}
.sop-ticket__lista>div{display:grid;grid-template-columns:6.4rem 1fr;gap:.6rem;align-items:baseline;border-radius:6px}
.sop-ticket__lista dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#7a6455;font-weight:600}
.sop-ticket__lista dd{margin:0;font-size:.98rem;font-weight:600;overflow-wrap:anywhere}
.sop-ticket__lista dd.vacio{color:#8f7f72;font-weight:400}
.sop-ticket__lista .cambia{animation:sopFlash .7s ease-out}
@keyframes sopFlash{from{background:rgba(242,98,31,.2)}to{background:transparent}}
.sop-ticket__acc{display:grid;gap:.6rem}
.sop-ticket__acc .btn{width:100%;justify-content:center}
.sop-ticket__nota{margin:.9rem 0 0;font-size:.8rem;color:#6a5a4d;line-height:1.45}
@media (max-width:900px){.sop-ticket{position:static}}
@media (prefers-reduced-motion:reduce){.sop-ticket__lista .cambia{animation:none}}

.sop-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 1.4rem}
.sop-tabs button{font:inherit;font-weight:600;font-size:.98rem;padding:.6rem 1.2rem;border:1px solid #d9c7b8;border-radius:999px;background:#fff;color:#3b2f26;cursor:pointer;transition:background .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .16s ease-out}
.sop-tabs button[aria-selected="true"]{background:#1f1611;border-color:#1f1611;color:#fff}
.sop-tabs button:focus-visible{outline:3px solid #f2621f;outline-offset:2px}
.sop-tabs button:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.sop-tabs button[aria-selected="false"]:hover{border-color:#f2621f;color:#b8530f}}
.sop-panel{animation:sopEntra .22s cubic-bezier(.23,1,.32,1)}
@keyframes sopEntra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sop-recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.sop-rec{position:relative;display:grid;gap:.25rem;padding:1.1rem 2.6rem 1.1rem 1.2rem;background:#fff;border-radius:14px;color:#1f1611;text-decoration:none;box-shadow:0 1px 2px rgba(60,30,10,.08),0 8px 22px rgba(60,30,10,.07);transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease-out}
.sop-rec b{font-size:1.04rem}
.sop-rec span{font-size:.9rem;color:#6a5a4d;line-height:1.4}
.sop-rec i{position:absolute;right:1.1rem;top:50%;margin-top:-.7em;font-style:normal;font-size:1.2rem;color:#b8530f;transition:transform .2s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.sop-rec:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(60,30,10,.1),0 16px 30px rgba(60,30,10,.12)}.sop-rec:hover i{transform:translateX(4px)}}
.sop-rec:active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){.sop-panel{animation:none}}

.sop-garantia h2{text-wrap:balance}
.sop-pasos{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,36px);counter-reset:g}
.sop-pasos li{position:relative;counter-increment:g;padding-top:3.1rem;display:grid;gap:.3rem;align-content:start}
.sop-pasos li::before{content:counter(g);position:absolute;left:0;top:0;width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:50%;border:1px solid #b8530f;color:#b8530f;font-weight:700;background:#fff;font-variant-numeric:tabular-nums}
.sop-pasos li::after{content:"";position:absolute;left:2.6rem;right:-1rem;top:1.15rem;height:1px;background:#d9b99a}
.sop-pasos li:last-child::after{display:none}
.sop-pasos b{font-size:1.1rem}
.sop-pasos span{color:#5a4a3e;line-height:1.55}
@media (max-width:800px){.sop-pasos{grid-template-columns:1fr}.sop-pasos li::after{display:none}}
.sop-sug{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid rgba(31,22,17,.15)}
.sop-sug div{display:grid;gap:.15rem}
.sop-sug span{color:#5a4a3e}

/* === Negocios (30-oct-2026): portafolio por sectores === */
html:has(.neg-port){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.neg-port){scroll-behavior:auto}}
.neg-hero{position:relative;overflow:clip;color:#f4ece5;padding:clamp(34px,6vw,80px) 0 clamp(26px,4vw,48px);background:radial-gradient(820px 460px at 78% 20%,rgba(242,98,31,.30),transparent 65%),radial-gradient(560px 360px at 0% 100%,rgba(29,107,63,.22),transparent 65%),#120b07}
.neg-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center}
.neg-hero h1{margin:0 0 1rem;color:#fff;font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.03;letter-spacing:-.028em;text-wrap:balance}
.neg-hero__lead{max-width:32rem;margin:0 0 1.6rem;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.6;color:#dccfc5}
.neg-hero__acc{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}
.neg-hero .btn--claro{border-color:rgba(255,255,255,.4);color:#fff!important;background:transparent}
.neg-hero__vis{position:relative;height:clamp(250px,32vw,410px)}
.neg-hv{position:absolute;bottom:6px;width:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.6));will-change:transform}
.neg-hv--0{left:2%;height:68%}
.neg-hv--1{left:50%;margin-left:-14%;height:100%;z-index:2}
.neg-hv--2{right:2%;height:82%}
.neg-hero__halo{position:absolute;left:18%;right:18%;top:8%;bottom:14%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,140,60,.28),transparent);filter:blur(8px)}
.neg-piso{position:absolute;left:4%;right:4%;bottom:-4px;height:26px;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);filter:blur(6px);pointer-events:none}
@media (max-width:820px){.neg-hero__in{grid-template-columns:1fr}.neg-hero__vis{order:-1;height:230px}}

.neg-port{background:#120b07;color:#e9dfd6;padding:clamp(18px,3vw,36px) 0 clamp(30px,5vw,60px)}
.neg-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(20px,3.5vw,48px);align-items:start}
.neg-indice{position:sticky;top:104px}
.neg-indice__t{margin:0 0 .8rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#a99a8e;font-weight:700}
.neg-indice ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.neg-indice a{display:flex;align-items:baseline;gap:.7rem;padding:.55rem .75rem;border-radius:10px;color:#cdbfb3;font-weight:500;text-decoration:none;transition:background .2s ease-out,color .2s ease-out}
.neg-indice a span{font:700 .78rem Inter,sans-serif;color:#7d6c60;font-variant-numeric:tabular-nums;transition:color .2s ease-out}
.neg-indice a[aria-current="true"]{background:rgba(242,98,31,.16);color:#fff}
.neg-indice a[aria-current="true"] span{color:#ff8a45}
@media (hover:hover) and (pointer:fine){.neg-indice a:hover{color:#fff;background:rgba(255,255,255,.06)}}
.neg-indice a:focus-visible{outline:3px solid #f2621f;outline-offset:2px}
@media (max-width:999px){
  .neg-layout{grid-template-columns:1fr}
  .neg-indice{position:sticky;top:54px;z-index:15;margin:0 -16px;padding:.5rem 16px;background:rgba(18,11,7,.92);backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:none}
  .neg-indice::-webkit-scrollbar{display:none}
  .neg-indice__t{display:none}
  .neg-indice ol{display:flex;gap:.4rem;white-space:nowrap}
  .neg-indice a{padding:.5rem .9rem;border:1px solid rgba(255,255,255,.16);border-radius:999px}
}

.neg-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3.5vw,44px);padding:clamp(24px,3.6vw,42px);margin-bottom:clamp(16px,2.4vw,26px);border-radius:16px;background:linear-gradient(160deg,#1e140d,#150d08);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.neg-num{position:absolute;right:clamp(14px,2.6vw,30px);top:clamp(4px,1vw,12px);font:700 clamp(4rem,8vw,6.4rem)/1 "Barlow Condensed",Inter,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);pointer-events:none;font-variant-numeric:tabular-nums}
.neg-panel__txt{position:relative;z-index:1}
.neg-panel h2{margin:0;color:#fff;font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.02em;text-wrap:balance}
.neg-sub{margin:.3rem 0 0;color:#ffb27a;font-weight:600;font-size:.98rem}
.neg-desc,.neg-texto{max-width:36rem;color:#d4c6bb;line-height:1.65;margin:.9rem 0 0}
.neg-texto b{color:#fff}
.neg-lista{margin:.7rem 0 0;padding-left:1.1rem;max-width:36rem;color:#d4c6bb;line-height:1.6}
.neg-recom{margin:1.5rem 0 .7rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#a99a8e;font-weight:700}
.neg-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.6rem}
.neg-mod{display:flex;align-items:center;gap:.8rem;padding:.55rem .8rem .55rem .55rem;border-radius:12px;background:rgba(255,255,255,.05);text-decoration:none;color:#fff;transition:transform .2s cubic-bezier(.23,1,.32,1),background .2s ease-out}
.neg-mod img{width:42px;height:62px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.neg-mod span{display:grid;gap:.05rem;line-height:1.3}
.neg-mod b{font-size:1rem}
.neg-mod em{font-style:normal;font-size:.84rem;color:#ff9a5c;font-variant-numeric:tabular-nums;font-weight:600}
.neg-mod small{font-size:.78rem;color:#b3a498}
@media (hover:hover) and (pointer:fine){.neg-mod:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}}
.neg-mod:active{transform:scale(.98)}
.neg-mod:focus-visible{outline:3px solid #f2621f;outline-offset:2px}
.neg-acc{margin:1.5rem 0 0}

.neg-escena{position:relative;min-height:300px;border-radius:14px;overflow:hidden}
.neg-escena--maq{background:radial-gradient(70% 60% at 50% 70%,rgba(242,98,31,.38),transparent 70%),linear-gradient(180deg,#26180f,#1a110a)}
.neg-escena--maq .neg-capa{position:absolute;bottom:14px;width:auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.6))}
.neg-capa--0{left:50%;margin-left:-13%;height:86%;z-index:2}
.neg-capa--1{left:8%;height:66%}
.neg-capa--2{right:8%;height:58%}
.neg-escena--foto{display:grid;gap:10px;min-height:0}
.neg-escena--foto img{width:100%;height:100%;min-height:150px;object-fit:cover;border-radius:12px;display:block}
.neg-escena--foto:has(img:nth-child(2)){grid-template-rows:1.35fr 1fr}
.neg-escena--foto:has(img:only-child) img{min-height:300px}
@media (max-width:820px){.neg-panel{grid-template-columns:1fr}.neg-escena{min-height:240px}.neg-escena--foto img{min-height:200px}}

.neg-port .pre .neg-panel{opacity:0;transform:translateY(26px)}
.neg-paneles.pre .neg-panel{opacity:0;transform:translateY(26px)}
.neg-paneles.pre .neg-panel.vis{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1)}

.neg-ref{background:#120b07;color:#e9dfd6;padding:clamp(20px,3vw,40px) 0 clamp(40px,6vw,76px)}
.neg-ref h2{color:#fff;margin:0 0 1rem;text-wrap:balance}
.neg-ref .ref li{color:#f4ece5}
.neg-ref .ref__ferias{color:#c5b8ad}
.neg-ref .ref__ferias a{color:#ff9a5c}
.neg-escena--foto img{object-position:50% 62%}
.neg-hv--2{right:0;height:74%}
.neg-panel__mods{grid-column:1/-1;position:relative;z-index:1}
.neg-panel__mods .neg-recom{margin-top:.4rem}
.neg-mods{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.neg-escena{align-self:stretch}
.neg-escena--foto{align-self:start}
.neg-escena--foto:has(img:only-child) img{min-height:0;aspect-ratio:4/3;object-position:72% 55%}
.neg-escena--foto:has(img:nth-child(2)) img{aspect-ratio:auto}
.neg-num{position:static;display:block;font-size:clamp(2.6rem,5vw,3.8rem);margin:0 0 .15rem;-webkit-text-stroke:1px rgba(255,255,255,.28)}

/* === Catálogo de modelos (30-oct-2026) === */
:root{--e-out:cubic-bezier(.23,1,.32,1)}
.cat-hero{color:#f4ece5;padding:clamp(34px,6vw,76px) 0 clamp(18px,3vw,30px);background:radial-gradient(760px 420px at 85% 0%,rgba(242,98,31,.28),transparent 65%),#120b07}
.cat-hero h1{margin:0 0 .9rem;color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04;letter-spacing:-.025em}
.cat-hero__lead{max-width:36rem;margin:0 0 1.6rem;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.6;color:#dccfc5}
.cat-filtro{display:flex;flex-wrap:wrap;gap:.55rem}
.cat-chip{position:relative;cursor:pointer}
.cat-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cat-chip span{display:block;padding:.6rem 1.1rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#eadfd6;font-weight:500;font-size:.95rem;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .16s var(--e-out)}
.cat-chip input:checked+span{background:#f2621f;border-color:#f2621f;color:#fff;font-weight:600}
.cat-chip input:focus-visible+span{outline:3px solid #ffd2b5;outline-offset:2px}
.cat-chip:active span{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.cat-chip input:not(:checked):hover+span{border-color:#ffb27a;color:#fff}}
.cat-estado{margin:1rem 0 0;font-size:.9rem;color:#b3a498}

.cat-lista{background:#120b07;padding:clamp(10px,2vw,22px) 0 clamp(30px,5vw,60px)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(14px,2vw,24px)}
@media (min-width:1000px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cat-card{display:grid;grid-template-rows:auto 1fr;border-radius:16px;overflow:hidden;background:linear-gradient(170deg,#1f150e,#150d08);border:1px solid rgba(255,255,255,.08);transition:transform .26s var(--e-out),box-shadow .26s var(--e-out)}
.cat-card[hidden]{display:none}
.cat-card.entra{animation:catEntra .24s var(--e-out)}
@keyframes catEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cat-card__media{position:relative;display:grid;place-items:end center;height:clamp(250px,26vw,310px);padding:18px 18px 0;background:radial-gradient(60% 55% at 50% 72%,rgba(242,98,31,.42),transparent 72%),linear-gradient(180deg,#2a1b11,#1c120b);overflow:hidden}
.cat-card__media img{height:92%;width:auto;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55));transition:transform .32s var(--e-out)}
.cat-card__estrella{position:absolute;left:14px;top:14px;z-index:1;padding:.28rem .75rem;border-radius:999px;background:linear-gradient(90deg,#f2621f,#ffa23a);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.cat-card__body{display:grid;align-content:start;gap:.55rem;padding:1.3rem 1.4rem 1.5rem;color:#d9cdc3}
.cat-card h2{margin:0;font-size:1.5rem;color:#fff;letter-spacing:-.01em}
.cat-card h2 a{color:inherit;text-decoration:none}
.cat-card__claim{margin:0;color:#ffb27a;font-weight:600;font-size:.98rem}
.cat-card__datos{list-style:none;margin:.3rem 0 .5rem;padding:0;display:grid;gap:.3rem;font-size:.93rem;color:#cdbfb3}
.cat-card__datos b{color:#fff;font-size:1.05rem;font-variant-numeric:tabular-nums}
.cat-card__acc{display:flex;flex-wrap:wrap;gap:.6rem;margin:.3rem 0 0}
@media (hover:hover) and (pointer:fine){
  .cat-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.45)}
  .cat-card:hover .cat-card__media img{transform:scale(1.045)}
}

/* botones del catálogo: curva ease-out fuerte, propiedades exactas, hover solo con puntero fino, :active y foco visibles */
.cat-cta{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.25em;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .18s var(--e-out),box-shadow .18s var(--e-out),background-color .18s ease-out,border-color .18s ease-out}
.cat-cta svg{width:1.1em;height:1.1em;flex:none}
.cat-cta--wa{background:#16a34a;border-color:#16a34a}
@media (hover:hover) and (pointer:fine){
  .cat-cta:hover{transform:scale(1.03);box-shadow:0 8px 22px rgba(0,0,0,.35);border-color:#ffb27a}
  .cat-cta--wa:hover{background:#1bb556;border-color:#1bb556}
}
.cat-cta:active{transform:scale(.97);box-shadow:none}
.cat-cta:focus-visible{outline:3px solid #ffd2b5;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.cat-cta,.cat-card,.cat-card__media img{transition:background-color .18s ease-out,border-color .18s ease-out}.cat-cta:hover,.cat-cta:active,.cat-card:hover,.cat-card:hover .cat-card__media img{transform:none}.cat-card.entra{animation:none}}

.cat-comp{background:#150d08;color:#e9dfd6;padding:clamp(30px,5vw,60px) 0}
.cat-comp h2{margin:0 0 1.2rem;color:#fff}
.cat-tabla{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#1a110a}
.cat-tabla:focus-visible{outline:3px solid #f2621f;outline-offset:2px}
.cat-tabla table{width:100%;border-collapse:collapse;min-width:860px;font-size:.93rem}
.cat-tabla th,.cat-tabla td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
.cat-tabla thead th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#a99a8e;font-weight:700;background:#150d08}
.cat-tabla tbody th{position:sticky;left:0;background:#1a110a;font-weight:700;color:#fff;white-space:nowrap}
.cat-tabla tbody th a{color:inherit;text-decoration:none}
.cat-tabla td{color:#d4c6bb;font-variant-numeric:tabular-nums}
.cat-tabla td a{color:#ff9a5c;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.cat-tabla tbody tr:last-child th,.cat-tabla tbody tr:last-child td{border-bottom:0}
.cat-tabla tr{transition:opacity .2s ease-out}
.cat-tabla tr.apagada{opacity:.32}
.cat-nd{color:#8f7f72}
.cat-nota{margin:.9rem 0 0;color:#a99a8e;font-size:.88rem}
@media (hover:hover) and (pointer:fine){.cat-tabla tbody tr:hover{background:rgba(255,255,255,.04)}}

.cat-comunes{background:#120b07;color:#d9cdc3;padding:clamp(30px,5vw,56px) 0 clamp(44px,7vw,84px)}
.cat-comunes h2{margin:0 0 1rem;color:#fff}
.cat-comunes ul{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;max-width:46rem;line-height:1.6}
.cat-card__media{display:flex;align-items:flex-end;justify-content:center}
.cat-card__media img{height:92%;max-height:92%;width:auto;max-width:100%;flex:none}

/* === Repuestos (30-oct-2026) === */
.rep-hero{color:#f4ece5;padding:clamp(34px,6vw,76px) 0 clamp(26px,4vw,44px);background:radial-gradient(760px 420px at 85% 0%,rgba(242,98,31,.28),transparent 65%),radial-gradient(520px 340px at 0% 100%,rgba(29,107,63,.2),transparent 65%),#120b07}
.rep-hero h1{margin:0 0 1rem;color:#fff;max-width:18ch;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
.rep-hero__lead{max-width:38rem;margin:0 0 1.6rem;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.6;color:#dccfc5}
.rep-hero__ventajas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.rep-hero__ventajas li{padding:.45rem 1rem;border:1px solid rgba(255,255,255,.26);border-radius:999px;font-size:.92rem;color:#eadfd6}

.rep-buscar{background:linear-gradient(180deg,#120b07,#1b110a);color:#f4ece5;padding:clamp(30px,5vw,64px) 0}
.rep-buscar h2,.rep-despieces h2,.rep-listado h2,.rep-pasos h2{margin:0 0 .5rem;color:#fff;text-wrap:balance}
.rep-sub{max-width:40rem;margin:0 0 1.8rem;color:#d4c6bb}
.rep-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,3.5vw,48px);align-items:start}
.rep-form fieldset{border:0;margin:0 0 1.6rem;padding:0}
.rep-form legend{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a;font-weight:700;margin-bottom:.8rem;padding:0}
.rep-modelos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:.6rem}
.rep-modelo{position:relative;cursor:pointer}
.rep-modelo input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.rep-modelo span{display:flex;align-items:center;gap:.65rem;height:100%;padding:.5rem .8rem .5rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#eadfd6;background:rgba(255,255,255,.03);transition:background-color .18s ease-out,border-color .18s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}
.rep-modelo img{width:32px;height:48px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.rep-modelo b{font-size:.98rem;line-height:1.2}
.rep-modelo input:checked+span{background:rgba(242,98,31,.2);border-color:#f2621f;color:#fff}
.rep-modelo input:focus-visible+span{outline:3px solid #ffd2b5;outline-offset:2px}
.rep-modelo:active span{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.rep-modelo input:not(:checked):hover+span{border-color:#ffb27a;color:#fff}}
.rep-campos{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.1rem}
.rep-campos label{display:grid;gap:.4rem;font-size:.88rem;color:#d4c6bb;font-weight:600}
.rep-campos .ancho{grid-column:1/-1}
.rep-campos input{width:100%;font:inherit;font-weight:400;font-size:1rem;color:#fff;background:#241811;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:.78rem .9rem;caret-color:#f2621f;transition:border-color .18s ease-out,box-shadow .18s ease-out}
.rep-campos ::placeholder{color:#a99a8e}
.rep-campos input:focus-visible{outline:none;border-color:#f2621f;box-shadow:0 0 0 3px rgba(242,98,31,.35)}
.rep-despiece{margin:0;padding:.9rem 1.1rem;border-radius:12px;background:rgba(242,98,31,.12);color:#f4ece5;line-height:1.55}
.rep-despiece a{color:#ffb27a;text-decoration:underline;text-underline-offset:3px;font-weight:600}
@media (max-width:900px){.rep-grid{grid-template-columns:1fr}}
@media (max-width:560px){.rep-campos{grid-template-columns:1fr}}

.rep-ticket{position:sticky;top:96px;background:#fffaf1;color:#1f1611;border-radius:16px;padding:1.4rem 1.4rem 1.2rem;box-shadow:0 22px 44px rgba(0,0,0,.45)}
.rep-ticket__t{margin:0 0 .9rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#b8530f;font-weight:700;padding-bottom:.9rem;border-bottom:1px dashed rgba(31,22,17,.3)}
.rep-ticket__lista{margin:0 0 1.1rem;display:grid;gap:.6rem}
.rep-ticket__lista>div{display:grid;grid-template-columns:6.6rem 1fr;gap:.6rem;align-items:baseline;border-radius:6px}
.rep-ticket__lista dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#7a6455;font-weight:600}
.rep-ticket__lista dd{margin:0;font-size:.98rem;font-weight:600;overflow-wrap:anywhere}
.rep-ticket__lista dd.vacio{color:#8f7f72;font-weight:400}
.rep-ticket__lista .cambia{animation:sopFlash .7s ease-out}
.rep-ticket .btn{width:100%;justify-content:center}
.rep-ticket__nota{margin:.9rem 0 0;font-size:.8rem;color:#6a5a4d;line-height:1.45}
@media (max-width:900px){.rep-ticket{position:static}}
@media (prefers-reduced-motion:reduce){.rep-ticket__lista .cambia{animation:none}}

.rep-despieces{background:#150d08;color:#e9dfd6;padding:clamp(30px,5vw,64px) 0}
.rep-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(12px,2vw,20px)}
.rep-card{display:grid;grid-template-rows:auto 1fr;border-radius:14px;overflow:hidden;background:#1d130c;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .24s cubic-bezier(.23,1,.32,1),box-shadow .24s cubic-bezier(.23,1,.32,1)}
.rep-card__img{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff}
.rep-card__img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s cubic-bezier(.23,1,.32,1)}
.rep-card__txt{position:relative;display:grid;gap:.15rem;padding:.9rem 2.6rem .95rem 1.1rem}
.rep-card__txt b{font-size:1.12rem}
.rep-card__txt small{font-size:.84rem;color:#b3a498}
.rep-card__txt i{position:absolute;right:1.1rem;top:50%;margin-top:-.7em;font-style:normal;font-size:1.2rem;color:#ff9a5c;transition:transform .2s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.rep-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.45)}.rep-card:hover .rep-card__img img{transform:scale(1.05)}.rep-card:hover i{transform:translateX(4px)}}
.rep-card:active{transform:scale(.985)}
.rep-card:focus-visible{outline:3px solid #f2621f;outline-offset:2px}

.rep-listado{background:#120b07;color:#e9dfd6;padding:clamp(30px,5vw,64px) 0;overflow:clip}
.rep-listado__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.rep-listado__txt p{max-width:30rem;color:#d4c6bb;line-height:1.65}
.rep-hojas{position:relative;height:clamp(240px,30vw,360px)}
.rep-hoja{position:absolute;bottom:0;width:44%;height:auto;border-radius:6px;box-shadow:0 16px 34px rgba(0,0,0,.55);background:#fff}
.rep-hoja--1{left:2%;transform:rotate(-7deg)}
.rep-hoja--2{left:28%;z-index:2;transform:translateY(-14px)}
.rep-hoja--3{right:2%;transform:rotate(7deg)}
@media (max-width:820px){.rep-listado__in{grid-template-columns:1fr}.rep-hojas{height:260px}}
.rep-cta{display:inline-flex;align-items:center;padding:.75em 1.4em;border-radius:999px;background:#f2621f;color:#fff;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.rep-cta:hover{transform:scale(1.03);box-shadow:0 8px 22px rgba(0,0,0,.35)}}
.rep-cta:active{transform:scale(.97)}
.rep-cta:focus-visible{outline:3px solid #ffd2b5;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.rep-cta,.rep-card,.rep-card__img img{transition:none}.rep-cta:hover,.rep-card:hover,.rep-card:hover .rep-card__img img{transform:none}}

.rep-pasos{background:#150d08;color:#e9dfd6;padding:clamp(30px,5vw,60px) 0 clamp(36px,6vw,76px)}
.rep-pasos ol{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,36px);counter-reset:r}
.rep-pasos li{position:relative;counter-increment:r;padding-top:3.1rem;display:grid;gap:.3rem;align-content:start}
.rep-pasos li::before{content:counter(r);position:absolute;left:0;top:0;width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:50%;border:1px solid #ff9a5c;color:#ff9a5c;font-weight:700;font-variant-numeric:tabular-nums}
.rep-pasos li::after{content:"";position:absolute;left:2.6rem;right:-1rem;top:1.15rem;height:1px;background:rgba(255,255,255,.18)}
.rep-pasos li:last-child::after{display:none}
.rep-pasos b{font-size:1.1rem;color:#fff}
.rep-pasos span{color:#c5b8ad;line-height:1.55}
@media (max-width:800px){.rep-pasos ol{grid-template-columns:1fr}.rep-pasos li::after{display:none}}
@media (min-width:1000px){.rep-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* === Contacto (30-oct-2026) === */
.ct-hero{color:#f4ece5;padding:clamp(40px,7vw,96px) 0 clamp(30px,5vw,56px);background:radial-gradient(820px 460px at 88% 0%,rgba(242,98,31,.3),transparent 65%),radial-gradient(520px 340px at 0% 100%,rgba(29,107,63,.22),transparent 65%),#120b07}
.ct-hero h1{margin:0 0 1rem;color:#fff;max-width:16ch;font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
.ct-hero__lead{max-width:38rem;margin:0 0 1.7rem;font-size:clamp(1.04rem,1.5vw,1.2rem);line-height:1.6;color:#dccfc5}
.ct-hero__acc{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}
.ct-hero .btn--claro,.ct-lineas .btn--claro,.ct-acc .btn--claro{border-color:rgba(255,255,255,.4);color:#fff!important;background:transparent}
.ct-hero h1,.ct-hero__lead,.ct-hero__acc{animation:ct-in .7s cubic-bezier(.23,1,.32,1) both}
.ct-hero__lead{animation-delay:.08s}.ct-hero__acc{animation-delay:.16s}
@keyframes ct-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.ct-sec{background:linear-gradient(180deg,#120b07,#1b110a);color:#f4ece5;padding:clamp(26px,4vw,56px) 0 clamp(36px,5vw,72px)}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(22px,4vw,56px);align-items:start}
.ct-form h2,.ct-lineas h2{margin:0 0 .5rem;color:#fff;text-wrap:balance}
.ct-sub{max-width:36rem;margin:0 0 1.6rem;color:#d4c6bb}
.ct-fs{border:0;margin:0 0 1.5rem;padding:0}
.ct-fs legend{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a;font-weight:700;margin-bottom:.8rem;padding:0}
.ct-chips{display:flex;flex-wrap:wrap;gap:.55rem}
.ct-chip{position:relative;cursor:pointer}
.ct-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.ct-chip span{display:block;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#eadfd6;background:rgba(255,255,255,.03);font-size:.95rem;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .16s ease-out}
.ct-chip input:checked+span{background:rgba(242,98,31,.22);border-color:#f2621f;color:#fff}
.ct-chip input:focus-visible+span{outline:3px solid #ffd2b5;outline-offset:2px}
.ct-chip:active span{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.ct-chip input:not(:checked):hover+span{border-color:#ffb27a;color:#fff}}
.ct-campos{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.1rem}
.ct-campo{display:block}.ct-campo[hidden]{display:none}
.ct-campo--ancho{grid-column:1/-1}
.ct-campo span{display:block;margin-bottom:.4rem;font-size:.86rem;font-weight:600;color:#e6d9ce}
.ct-campo input,.ct-campo textarea{width:100%;box-sizing:border-box;padding:.8rem .95rem;font:inherit;font-size:1rem;color:#fff;background:#241811;border:1px solid rgba(255,255,255,.2);border-radius:12px;caret-color:#ffb053;transition:border-color .18s ease-out,background-color .18s ease-out}
.ct-campo textarea{resize:vertical;min-height:5.5rem}
.ct-campo input:focus,.ct-campo textarea:focus{outline:none;border-color:#f2621f;background:#2b1c13;box-shadow:0 0 0 3px rgba(242,98,31,.3)}

.ct-lado{position:sticky;top:96px}
.ct-tel{border-radius:22px;overflow:hidden;background:#0d1a14;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px -22px rgba(0,0,0,.7)}
.ct-tel__barra{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:#16281f;color:#fff}
.ct-tel__barra b{display:block;font-size:.98rem}.ct-tel__barra small{display:block;color:#9fd8b6;font-size:.8rem}
.ct-tel__av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f2621f,#ffa347);color:#fff;font-weight:800}
.ct-tel__chat{padding:1.3rem 1rem 1.5rem;min-height:12rem;background:radial-gradient(400px 220px at 100% 0%,rgba(29,107,63,.25),transparent 70%),#0d1a14}
.ct-burbuja{margin-left:auto;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere;padding:.75rem .95rem;border-radius:14px 14px 4px 14px;background:#1d6b3f;color:#f3fff7;font-size:.97rem;line-height:1.5;transform-origin:100% 100%}
.ct-burbuja.cambia{animation:ct-pop .22s cubic-bezier(.23,1,.32,1)}
@keyframes ct-pop{from{opacity:.55;transform:scale(.97)}to{opacity:1;transform:none}}
.ct-acc{display:grid;gap:.6rem;margin-top:1rem}
.ct-acc .btn{justify-content:center;width:100%}

.ct-lineas{background:#120b07;color:#f4ece5;padding:clamp(30px,5vw,64px) 0 clamp(40px,6vw,84px);border-top:1px solid rgba(255,255,255,.08)}
.ct-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin-top:1.6rem}
.ct-card{display:flex;flex-direction:column;padding:clamp(20px,2.4vw,30px);border-radius:18px;background:#1b120d;border:1px solid rgba(255,255,255,.1);transition:border-color .2s ease-out,transform .2s ease-out}
.ct-card h3{margin:0 0 .35rem;color:#fff;font-size:1.3rem}
.ct-card>p{margin:0 0 1.2rem;color:#cdbfb4;font-size:.96rem;line-height:1.55}
.ct-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.ct-card li a,.ct-dir{display:flex;align-items:center;gap:.85rem;padding:.55rem .6rem;margin:0 -.6rem;border-radius:12px;color:#fff;font-weight:600;transition:background-color .18s ease-out}
.ct-card li a span:last-child,.ct-dir span:last-child{overflow-wrap:anywhere}
.ct-card small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#a6968a;font-weight:700}
.ct-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(242,98,31,.22)}
.ct-ico svg{width:19px;height:19px;color:#ffb053}
.ct-card__mas{margin:1.1rem 0 0;font-size:.94rem}.ct-card__mas a{color:#ffb27a;font-weight:600}
.ct-card--visita .btn{margin-top:auto;align-self:flex-start}
.ct-dir{margin-bottom:1.2rem}
@media (hover:hover) and (pointer:fine){
  .ct-card:hover{border-color:rgba(242,98,31,.6);transform:translateY(-3px)}
  .ct-card li a:hover,.ct-dir:hover{background:rgba(255,255,255,.06)}
  .ct-card__mas a:hover{text-decoration:underline;text-underline-offset:3px}
}
.ct-redes{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:clamp(22px,3vw,36px);padding-top:clamp(18px,2.4vw,28px);border-top:1px solid rgba(255,255,255,.1)}
.ct-redes>p{margin:0;color:#a6968a;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.ct-red{display:flex;align-items:center;gap:.7rem;color:#fff;transition:color .18s ease-out}
.ct-red__ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);transition:background-color .18s ease-out,border-color .18s ease-out}
.ct-red__ico svg{width:17px;height:17px;color:#ffb053}
.ct-red b{display:block;font-size:.95rem}.ct-red small{display:block;color:#a6968a;font-size:.8rem}
@media (hover:hover) and (pointer:fine){.ct-red:hover .ct-red__ico{background:rgba(242,98,31,.25);border-color:#f2621f}}
@media (max-width:980px){.ct-cards{grid-template-columns:1fr 1fr}.ct-card--visita{grid-column:1/-1}}
@media (max-width:860px){.ct-grid{grid-template-columns:1fr}.ct-lado{position:static}}
@media (max-width:620px){.ct-campos,.ct-cards{grid-template-columns:1fr}.ct-card--visita{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.ct-hero h1,.ct-hero__lead,.ct-hero__acc,.ct-burbuja.cambia{animation:none}.ct-card,.ct-chip span{transition:none}}
.ct-card li a,.ct-dir{gap:.7rem;font-size:.95rem}
.ct-card li a span:last-child{min-width:0;overflow-wrap:normal;word-break:normal}
.ct-ico{width:36px;height:36px}
@media (min-width:981px){.ct-card li a{font-size:.88rem}}

/* --- Asistente (30-oct-2026): borde de luz giratorio, puntos de «pensando», texto que se escribe --- */
.ct-tel{position:relative;border:0;background:#0d1a14}
.ct-tel__av{background:linear-gradient(135deg,#f2621f,#ffa347);box-shadow:0 0 18px rgba(242,98,31,.55)}
.ct-tel__av svg{width:20px;height:20px}
@supports (background:conic-gradient(from var(--giro),red,blue)) and (animation-timeline:scroll()){
  @property --giro{syntax:"<angle>";inherits:false;initial-value:0deg}
  .ct-tel::before{content:"";position:absolute;inset:-1.5px;border-radius:23px;padding:1.5px;background:conic-gradient(from var(--giro),rgba(242,98,31,0),#f2621f,#ffc247,rgba(29,107,63,0) 45%,#3fb97a,rgba(242,98,31,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ct-giro 5s linear infinite;pointer-events:none}
  @keyframes ct-giro{to{--giro:360deg}}
}
@supports not (animation-timeline:scroll()){.ct-tel{border:1px solid rgba(242,98,31,.5)}}
.ct-tel__chat{display:flex;flex-direction:column;gap:.7rem}
.ct-asis{align-self:flex-start;max-width:92%;padding:.7rem .95rem;border-radius:14px 14px 14px 4px;background:#1c2a23;color:#d7efe0;font-size:.95rem;line-height:1.5;min-height:2.6rem;display:flex;align-items:center;gap:5px}
.ct-asis.listo{display:block}
.ct-asis i{width:7px;height:7px;border-radius:50%;background:#7fe3a8;animation:ct-punto 1s ease-in-out infinite}
.ct-asis i:nth-child(2){animation-delay:.15s}.ct-asis i:nth-child(3){animation-delay:.3s}
@keyframes ct-punto{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.ct-tel__nota{margin:0;padding:.7rem 1rem .9rem;font-size:.8rem;color:#8fb7a0;background:#0d1a14}
.ct-campo input:focus,.ct-campo textarea:focus{box-shadow:0 0 0 3px rgba(242,98,31,.3),0 0 22px rgba(242,98,31,.25)}
@media (prefers-reduced-motion:reduce){.ct-tel::before{animation:none}.ct-asis i{animation:none;opacity:.7}}

/* chips: el seleccionado se distingue de lejos (relleno naranja, texto oscuro, marca ✓) */
.ct-chip span{position:relative;padding-left:1rem;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .16s ease-out,padding .18s ease-out,box-shadow .18s ease-out}
.ct-chip input:checked+span{background:linear-gradient(135deg,#f2621f,#ff9a3c);border-color:#ffb27a;color:#1a0d05;font-weight:700;padding-left:2.1rem;box-shadow:0 6px 18px -6px rgba(242,98,31,.7)}
.ct-chip input:checked+span::before{content:"";position:absolute;left:.95rem;top:50%;width:.5rem;height:.9rem;margin-top:-.62rem;border:solid #1a0d05;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.ct-chip input:not(:checked)+span{color:#cbbcb0;opacity:.85}

/* === Ferias y Preguntas frecuentes (30-oct-2026) === */
.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fe-hero,.fq-hero{color:#f4ece5;padding:clamp(40px,7vw,92px) 0 clamp(28px,4.5vw,52px);background:radial-gradient(820px 460px at 88% 0%,rgba(242,98,31,.3),transparent 65%),radial-gradient(520px 340px at 0% 100%,rgba(29,107,63,.22),transparent 65%),#120b07}
.fe-hero h1,.fq-hero h1{margin:0 0 1rem;color:#fff;max-width:20ch;font-size:clamp(2.2rem,5vw,3.9rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.fe-hero__lead,.fq-hero__lead{max-width:38rem;margin:0 0 1.7rem;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.6;color:#dccfc5}
.fe-hero h1,.fe-hero__lead,.fe-datos,.fq-hero h1,.fq-hero__lead,.fq-buscar{animation:ct-in .7s cubic-bezier(.23,1,.32,1) both}
.fe-hero__lead,.fq-hero__lead{animation-delay:.08s}.fe-datos,.fq-buscar{animation-delay:.16s}

.fe-datos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem 2.2rem}
.fe-datos b{display:block;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1;color:#ffb053;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.fe-datos span{display:block;font-size:.88rem;color:#cdbfb4;max-width:15rem}

.fe-linea{background:linear-gradient(180deg,#120b07,#1b110a);color:#f4ece5;padding:clamp(20px,4vw,56px) 0 clamp(44px,6vw,88px)}
.fe-lista{list-style:none;margin:0;padding:0 0 0 34px;position:relative;display:grid;gap:clamp(20px,3vw,34px)}
.fe-lista::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.12);border-radius:2px}
.fe-lista::after{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(180deg,#f2621f,#ffc247 60%,#3fb97a);transform-origin:50% 0;transform:scaleY(1)}
.fe-item{position:relative}
.fe-punto{position:absolute;left:-34px;top:22px;width:16px;height:16px;border-radius:50%;background:#120b07;border:3px solid #f2621f;box-shadow:0 0 0 4px rgba(242,98,31,.18)}
.fe-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);border-radius:18px;overflow:hidden;background:#1b120d;border:1px solid rgba(255,255,255,.1);transition:border-color .2s ease-out,transform .2s ease-out}
.fe-card__img{overflow:hidden;min-height:200px;background:#0d0804}
.fe-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.fe-card__txt{padding:clamp(18px,2.6vw,32px);align-self:center}
.fe-card__fecha{margin:0 0 .5rem;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:#a6968a;font-weight:700}
.fe-card__fecha b{color:#ffb053;margin-right:.5rem;font-size:1.1rem;letter-spacing:0}
.fe-card h2{margin:0 0 .6rem;color:#fff;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.15}
.fe-card__txt>p:last-child{margin:0;color:#d4c6bb;line-height:1.6;font-size:.98rem}
@media (hover:hover) and (pointer:fine){.fe-card:hover{border-color:rgba(242,98,31,.6);transform:translateY(-3px)}.fe-card:hover img{transform:scale(1.05)}}
@media (max-width:760px){.fe-card{grid-template-columns:1fr}.fe-card__img{aspect-ratio:9/4;min-height:0}}
@supports (animation-timeline:view()){
  .fe-lista::after{transform:scaleY(0);animation:fe-trazo linear both;animation-timeline:view();animation-range:entry 20% exit 60%}
  @keyframes fe-trazo{to{transform:scaleY(1)}}
  .fe-card{opacity:0;transform:translateY(24px);animation:fe-entra linear both;animation-timeline:view();animation-range:entry 5% entry 45%}
  @keyframes fe-entra{to{opacity:1;transform:none}}
}

.fq-buscar{display:flex;align-items:center;gap:.7rem;max-width:34rem;padding:.2rem 1rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.05);transition:border-color .18s ease-out,box-shadow .18s ease-out}
.fq-buscar svg{width:20px;height:20px;flex:none;color:#ffb053}
.fq-buscar input{flex:1;min-width:0;padding:.8rem 0;font:inherit;font-size:1rem;color:#fff;background:transparent;border:0;outline:none;caret-color:#ffb053}
.fq-buscar input::placeholder{color:#a99a8e}
.fq-buscar:focus-within{border-color:#f2621f;box-shadow:0 0 0 3px rgba(242,98,31,.3),0 0 22px rgba(242,98,31,.25)}
.fq-sec{background:linear-gradient(180deg,#120b07,#1b110a);color:#f4ece5;padding:clamp(22px,4vw,56px) 0 clamp(44px,6vw,88px)}
.fq-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(22px,4vw,56px);align-items:start}
.fq-lista{display:grid;gap:.7rem}
.fq-item{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#1b120d;transition:border-color .2s ease-out,background-color .2s ease-out}
.fq-item[hidden]{display:none}
.fq-item[open]{border-color:rgba(242,98,31,.55);background:#211510}
.fq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-weight:600;font-size:1.05rem;line-height:1.35;color:#fff}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:rgba(242,98,31,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb053' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s cubic-bezier(.23,1,.32,1),background-color .18s ease-out}
.fq-item[open] summary::after{transform:rotate(45deg);background-color:rgba(242,98,31,.4)}
.fq-item summary:focus-visible{outline:3px solid #ffd2b5;outline-offset:-3px;border-radius:16px}
.fq-resp{padding:0 1.3rem 1.2rem}
.fq-resp p{margin:0;color:#d4c6bb;line-height:1.65;font-size:1rem;max-width:44rem}
@supports (interpolate-size:allow-keywords){
  .fq-item{interpolate-size:allow-keywords}
  .fq-item::details-content{block-size:0;overflow:clip;transition:block-size .3s cubic-bezier(.23,1,.32,1),content-visibility .3s allow-discrete}
  .fq-item[open]::details-content{block-size:auto}
}
@media (hover:hover) and (pointer:fine){.fq-item:not([open]):hover{border-color:rgba(255,178,122,.5)}}
.fq-vacio{margin:1rem 0 0;padding:1rem 1.2rem;border:1px dashed rgba(255,255,255,.25);border-radius:14px;color:#d4c6bb}
.fq-vacio a{color:#ffb27a;font-weight:600}
.fq-lado{position:sticky;top:96px;padding:clamp(20px,2.6vw,30px);border-radius:18px;background:#1b120d;border:1px solid rgba(255,255,255,.12)}
.fq-lado h2{margin:0 0 .5rem;color:#fff;font-size:1.35rem;text-wrap:balance}
.fq-lado>p{color:#d4c6bb;font-size:.96rem;line-height:1.6}
.fq-lado .btn{width:100%;justify-content:center;margin-top:.4rem}
.fq-lado__mas{display:grid;gap:.5rem;margin:1.2rem 0 0;font-size:.94rem}.fq-lado__mas a{color:#ffb27a;font-weight:600}
@media (max-width:860px){.fq-grid{grid-template-columns:1fr}.fq-lado{position:static}}
@media (prefers-reduced-motion:reduce){.fe-hero h1,.fe-hero__lead,.fe-datos,.fq-hero h1,.fq-hero__lead,.fq-buscar{animation:none}.fe-card,.fe-card img,.fq-item,.fq-item summary::after{transition:none}.fe-card{animation:none!important;opacity:1!important;transform:none!important}.fe-lista::after{animation:none!important;transform:none!important}.fq-item::details-content{transition:none}}

/* === Cierre de página: vaso que se llena (30-oct-2026) === */
.cv{position:relative;isolation:isolate;overflow:hidden;color:#f4ece5;padding:clamp(44px,7vw,96px) 0;background:radial-gradient(760px 460px at 82% 50%,rgba(242,98,31,.34),transparent 65%),radial-gradient(520px 340px at 0% 100%,rgba(29,107,63,.28),transparent 65%),#120b07;border-top:1px solid rgba(255,255,255,.08)}
.cv__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,5vw,72px);align-items:center}
.cv h2{margin:0 0 1rem;color:#fff;max-width:14ch;font-size:clamp(2.1rem,4.8vw,3.7rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.cv p{color:#dccfc5}
.cv__txt>p:first-of-type{max-width:34rem;margin:0 0 1.7rem;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.6}
.cv__acc{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin:0}
.cv__btn{position:relative;overflow:hidden;box-shadow:0 10px 30px -10px rgba(29,160,90,.8)}
.cv__sec{color:#ffb27a;font-weight:600;transition:color .18s ease-out}
.cv__vaso-caja{display:grid;place-items:center}
.cv__vaso{width:min(100%,360px);height:auto;overflow:visible;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.cv__liq{transition:transform 1.9s cubic-bezier(.23,1,.32,1)}
.cv--pre .cv__liq{transform:translateY(200px)}
.cv__onda{animation:cv-onda 3.4s linear infinite}
@keyframes cv-onda{to{transform:translateX(100px)}}
.cv__burb circle{animation:cv-sube 3.2s ease-in infinite;transform-box:fill-box}
.cv__burb circle:nth-child(2){animation-delay:-.8s;animation-duration:2.7s}.cv__burb circle:nth-child(3){animation-delay:-1.5s}.cv__burb circle:nth-child(4){animation-delay:-2.2s;animation-duration:3.8s}.cv__burb circle:nth-child(5){animation-delay:-.4s;animation-duration:2.4s}
@keyframes cv-sube{from{transform:translateY(0);opacity:.9}to{transform:translateY(-150px);opacity:0}}
.cv__rodaja{transition:transform .9s cubic-bezier(.23,1,.32,1) .5s,opacity .5s ease-out .5s}
.cv--pre .cv__rodaja{opacity:0;transform:translate(168px,-10px) rotate(-40deg) scale(.8)}
.cv__gotas circle{opacity:0}
.cv.llena .cv__gotas circle{animation:cv-gota 1s cubic-bezier(.23,1,.32,1) 1.7s both}
.cv.llena .cv__gotas circle:nth-child(2){animation-delay:1.85s}.cv.llena .cv__gotas circle:nth-child(3){animation-delay:2s}
@keyframes cv-gota{0%{opacity:1;transform:translateY(24px)}60%{opacity:1;transform:translateY(-14px)}100%{opacity:0;transform:translateY(-4px)}}
@media (hover:hover) and (pointer:fine){
  .cv__sec:hover{color:#ffd2b5}
  .cv__vaso{transition:transform .5s cubic-bezier(.23,1,.32,1)}.cv__vaso-caja:hover .cv__vaso{transform:rotate(-4deg) scale(1.03)}
  .cv__btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-110%);transition:transform .7s cubic-bezier(.23,1,.32,1)}
  .cv__btn:hover::after{transform:translateX(110%)}
}
@media (max-width:760px){.cv__in{grid-template-columns:1fr}.cv__vaso-caja{order:-1}.cv__vaso{width:min(62%,220px)}}
@media (prefers-reduced-motion:reduce){.cv__onda,.cv__burb circle,.cv__gotas circle{animation:none}.cv__burb{display:none}.cv__liq,.cv__rodaja{transition:none}}
.cv__logo{filter:drop-shadow(0 1px 2px rgba(80,25,0,.55));transition:opacity .8s ease-out 1.5s}
.cv--pre .cv__logo{opacity:0}
@media (prefers-reduced-motion:reduce){.cv__logo{transition:none}}

/* === Ficha de modelo (30-oct-2026) === */
.fi-hero{color:#f4ece5;padding:clamp(14px,2vw,26px) 0 clamp(34px,5vw,70px);background:radial-gradient(820px 520px at 80% 20%,rgba(242,98,31,.32),transparent 65%),radial-gradient(560px 380px at 0% 100%,rgba(29,107,63,.24),transparent 65%),#120b07}
.fi-migas{font-size:.84rem;color:#b3a498;padding:.9rem 0 1.4rem}.fi-migas a{color:#d9cdc3}.fi-migas span{margin:0 .45em;opacity:.6}
.fi-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,72px);align-items:center}
.fi-escena{display:grid;gap:14px}
.fi-marco{position:relative;border-radius:26px;padding:14px;background:linear-gradient(160deg,#241811,#15100c);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 70px -40px rgba(0,0,0,.9)}
.fi-foto{display:block;border-radius:16px;overflow:hidden;cursor:zoom-in;background:radial-gradient(70% 70% at 50% 45%,#fff,#efe6dc)}
.fi-foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .5s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.fi-foto:hover img{transform:scale(1.04)}}
@supports (background:conic-gradient(from var(--giro),red,blue)) and (animation-timeline:scroll()){
  .fi-marco::before{content:"";position:absolute;inset:-1.5px;border-radius:27px;padding:1.5px;background:conic-gradient(from var(--giro),rgba(242,98,31,0),#f2621f,#ffc247,rgba(29,107,63,0) 45%,#3fb97a,rgba(242,98,31,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ct-giro 6s linear infinite;pointer-events:none}
}
.fi-mini{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.fi-mini li{width:92px}
.fi-mini button{background:#1b120d;border-color:rgba(255,255,255,.18)}
.fi-mini button[aria-pressed="true"]{border-color:#f2621f;box-shadow:0 0 0 3px rgba(242,98,31,.3)}
@media (hover:hover) and (pointer:fine){.fi-mini button:hover{border-color:#ffb27a}}

.fi-info>*{animation:ct-in .7s cubic-bezier(.23,1,.32,1) both}
.fi-info>:nth-child(2){animation-delay:.05s}.fi-info>:nth-child(3){animation-delay:.1s}.fi-info>:nth-child(4){animation-delay:.15s}.fi-info>:nth-child(5){animation-delay:.2s}.fi-info>:nth-child(6){animation-delay:.25s}.fi-info>:nth-child(7){animation-delay:.3s}
.fi-estrella{display:inline-block;margin:0 0 .9rem;padding:.3rem .8rem;border-radius:999px;background:linear-gradient(90deg,#f2621f,#ffa23a);color:#fff;font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}
.fi-info h1{margin:0 0 .5rem;color:#fff;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1;letter-spacing:-.035em}
.fi-claim{margin:0 0 1rem;color:#ffb27a;font-weight:600;font-size:clamp(1.05rem,1.8vw,1.3rem)}
.fi-corto{margin:0 0 1.5rem;max-width:34rem;color:#dccfc5;line-height:1.6;font-size:1.04rem}
.fi-vel{margin:0 0 1.4rem;max-width:30rem}
.fi-vel p{margin:0 0 .5rem;color:#cdbfb4;font-size:1rem}
.fi-vel b{font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:#ffb053;letter-spacing:-.02em;margin-right:.25rem;font-variant-numeric:tabular-nums}
.fi-vel__barra{height:8px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.fi-vel__barra i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#f2621f,#ffc247);transform-origin:0 50%;animation:fi-llena 1.4s cubic-bezier(.23,1,.32,1) .3s both}
@keyframes fi-llena{from{transform:scaleX(0)}to{transform:none}}
.fi-vel small{display:block;margin-top:.45rem;color:#a6968a;font-size:.8rem}
.fi-dest{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;max-width:34rem}
.fi-dest li{padding:.8rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.fi-dest span,.fi-cuadros span{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#a6968a;font-weight:700;margin-bottom:.25rem}
.fi-dest b{color:#fff;font-size:1rem;line-height:1.3;font-variant-numeric:tabular-nums}
.fi-acc{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}
.fi-hero .btn--claro,.fi-esp .btn--claro{border-color:rgba(255,255,255,.4);color:#fff!important;background:transparent}

.fi-esp{background:linear-gradient(180deg,#120b07,#1b110a);color:#f4ece5;padding:clamp(30px,5vw,64px) 0}
.fi-esp h2,.fi-otros h2{margin:0 0 1.4rem;color:#fff;text-wrap:balance}
.fi-h2b{margin-top:clamp(30px,4vw,52px)!important}
.fi-cuadros{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}
.fi-cuadros li{padding:1rem 1.1rem;border-radius:14px;background:#1b120d;border:1px solid rgba(255,255,255,.1);transition:border-color .2s ease-out,transform .2s ease-out}
.fi-cuadros b{color:#fff;font-size:1.08rem;line-height:1.35;font-variant-numeric:tabular-nums}
@media (hover:hover) and (pointer:fine){.fi-cuadros li:hover{border-color:rgba(242,98,31,.6);transform:translateY(-2px)}}
.fi-dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin-top:clamp(22px,3vw,34px)}
.fi-bloque{padding:clamp(18px,2.4vw,28px);border-radius:18px;background:#1b120d;border:1px solid rgba(255,255,255,.1)}
.fi-bloque h3{margin:0 0 1rem;color:#fff;font-size:1.2rem}
.fi-check{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.fi-check li{position:relative;padding-left:1.7rem;color:#d4c6bb;line-height:1.5;font-size:.97rem}
.fi-check li::before{content:"";position:absolute;left:.15rem;top:.32rem;width:.4rem;height:.75rem;border:solid #ffb053;border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}
.fi-rec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.fi-rec a{display:block;height:100%;padding:1rem 1.2rem;border-radius:14px;border:1px solid rgba(255,255,255,.14);color:#fff;transition:border-color .2s ease-out,background-color .2s ease-out}
.fi-rec b{display:block;font-size:1.02rem}.fi-rec span{display:block;color:#a6968a;font-size:.86rem;margin-top:.2rem}
@media (hover:hover) and (pointer:fine){.fi-rec a:hover{border-color:#f2621f;background:rgba(242,98,31,.1)}}

.fi-otros{background:#120b07;color:#f4ece5;padding:clamp(30px,5vw,64px) 0;border-top:1px solid rgba(255,255,255,.08)}
.fi-otros__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.fi-otro{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:.3rem;padding:1.1rem 1.2rem 1.3rem;border-radius:18px;background:linear-gradient(170deg,#1f150e,#150d08);border:1px solid rgba(255,255,255,.1);color:#fff;transition:border-color .2s ease-out,transform .2s ease-out}
.fi-otro__img{display:grid;place-items:center;height:190px;border-radius:12px;margin-bottom:.6rem;background:radial-gradient(60% 55% at 50% 70%,rgba(242,98,31,.22),transparent 70%)}
.fi-otro__img img{max-height:100%;width:auto;max-width:100%;filter:drop-shadow(0 14px 14px rgba(0,0,0,.5));background:transparent;mix-blend-mode:normal}
.fi-otro b{font-size:1.3rem}.fi-otro small{color:#ffb27a;font-size:.92rem;font-weight:600;line-height:1.4}
.fi-otro i{position:absolute;right:1.1rem;bottom:1rem;font-style:normal;color:#ffb053;transition:transform .2s ease-out}
@media (hover:hover) and (pointer:fine){.fi-otro:hover{border-color:rgba(242,98,31,.6);transform:translateY(-3px)}.fi-otro:hover i{transform:translateX(4px)}}
.fi-todos{margin:1.4rem 0 0}.fi-todos a{color:#ffb27a;font-weight:600}
@media (max-width:860px){.fi-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.fi-info>*,.fi-vel__barra i,.fi-marco::before{animation:none}.fi-foto img,.fi-cuadros li,.fi-otro,.fi-rec a{transition:none}}
.fi-otro__img{overflow:hidden;background:radial-gradient(70% 70% at 50% 45%,#fff,#efe6dc);height:180px}
.fi-otro__img img{width:100%;height:100%;max-height:none;object-fit:contain;filter:none}
.fi-otro__img{height:clamp(230px,24vw,300px);padding:6px}
.fi-otro__img img{transition:transform .5s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.fi-otro:hover .fi-otro__img img{transform:scale(1.05)}}
.fi-otro__img{background:#fff;padding:0}
.fi-otro__img img{transform:scale(1.28);transform-origin:50% 55%}
@media (hover:hover) and (pointer:fine){.fi-otro:hover .fi-otro__img img{transform:scale(1.36)}}
/* foto principal más grande: fondo blanco liso (sin franjas) y la máquina ampliada dentro del marco */
.fi-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}
.fi-foto{background:#fff}
.fi-foto img{aspect-ratio:1/1;transform:scale(1.18);transform-origin:50% 52%}
@media (hover:hover) and (pointer:fine){.fi-foto:hover img{transform:scale(1.26)}}
@media (max-width:860px){.fi-foto img{aspect-ratio:4/3}}

/* tarjetas de modelo (home y relacionadas): misma unidad visual que las fichas — foto grande sobre blanco liso */
.modelo{border-radius:18px;transition:border-color .2s ease-out,transform .2s ease-out,box-shadow .2s ease-out}
.modelo__media,.modelos-sec .modelo__media{aspect-ratio:4/3;padding:0;overflow:hidden;background:#fff}
.modelo__media img{transform:scale(1.22);transform-origin:50% 55%;transition:transform .5s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.modelo:hover .modelo__media img{transform:scale(1.3)}.modelos-sec .modelo:hover{border-color:rgba(242,98,31,.6)}}
.modelos-sec .modelo__cuerpo h3{font-size:1.3rem}
@media (prefers-reduced-motion:reduce){.modelo__media img{transition:none}}
.modelo__media img{transform:scale(1.04);transform-origin:50% 50%}
@media (hover:hover) and (pointer:fine){.modelo:hover .modelo__media img{transform:scale(1.1)}}
.modelo__media img{transform:none}
@media (hover:hover) and (pointer:fine){.modelo:hover .modelo__media img{transform:scale(1.04)}}
.pie__firma{color:#8f8175}.pie__firma b{color:#d9cdc3;font-weight:600;letter-spacing:.08em}
.pie__firma a{color:inherit;transition:color .18s ease-out}
.pie__firma a:focus-visible{outline:2px solid #ffd2b5;outline-offset:3px;border-radius:3px}
@media (hover:hover) and (pointer:fine){.pie__firma a:hover b{color:#ffb053}}