/* Cleyfer Maquinaria Agrícola — hoja de estilos de la web nueva (propuesta para revisar; no es la web oficial).
   Origen: herramientas/estilos.css; construir.py la copia a web/css/estilos.css cambiando {{f:nombre}} por la ruta de cada fuente con su ?v=huella.
   Colores: su logo es monocromo (blanco), sin color de marca propio. Del brief (CONFIRMAR como marca): rojo de acento #E60019 (ítem de menú activo, favicon y la maquinaria de sus fotos; 4,8:1 con blanco, vale para texto),
   texto #4A4845 de su plantilla (aquí en grafito #1F2124 para el texto y #4A4845 para el auxiliar) y neutrales (blanco y grises fríos). NO se usan el cian #1CA5E6, el naranja #FE9307 ni el verde #8BA216 de las tarjetas de la plantilla.
   Concepto «hoja de especificaciones»: papel milimetrado, fichas técnicas en filas de dato, una comparativa de los tres modelos y las fotos de estudio sobre marcos de plano con marcas de registro rojas. Sin cremas ni serif.
   Tipografías: Chakra Petch (titulares) y Gantari (texto), autoalojadas. Enlaces sin subrayado, nunca. */
@font-face{font-family:"Chakra Petch";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/chakra-petch-500.woff2?v=90a7f82a) format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/chakra-petch-600.woff2?v=bc4dc67f) format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/chakra-petch-700.woff2?v=594ab1c5) format("woff2")}
@font-face{font-family:"Gantari";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/gantari-400.woff2?v=58ff5d51) format("woff2")}
@font-face{font-family:"Gantari";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/gantari-500.woff2?v=cf67830b) format("woff2")}
@font-face{font-family:"Gantari";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/gantari-600.woff2?v=ba399fa4) format("woff2")}
@font-face{font-family:"Gantari";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/gantari-700.woff2?v=ec5077c0) format("woff2")}

:root{
  --rojo:#E60019;--rojo-o:#B80014;--grafito:#1F2124;--grafito2:#2B2E33;--taupe:#4A4845;--gris:#5A5E66;--linea:#CDD1D8;--papel:#F3F4F6;--papel2:#E6E8EC;--texto:#1F2124;
  --f-t:"Chakra Petch","Segoe UI",system-ui,sans-serif;--f-x:"Gantari","Segoe UI",system-ui,sans-serif;--ancho:1200px;
  --milimetro:linear-gradient(rgba(31,33,36,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,33,36,.07) 1px,transparent 1px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:#fff;color:var(--texto);font:400 1.0625rem/1.65 var(--f-x)}
img,svg{max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin-top:0}
h1,h2,h3{font-family:var(--f-t);font-weight:700;line-height:1.08;margin-bottom:.5em;color:var(--grafito);letter-spacing:-.005em;overflow-wrap:anywhere;text-wrap:balance}
p{margin-bottom:1em}
a{color:var(--rojo-o);font-weight:600;text-decoration:none}
a:hover,a:focus{color:var(--grafito);text-decoration:none}
:focus-visible{outline:3px solid var(--rojo);outline-offset:3px}
.cabecera :focus-visible,.banda-oscura :focus-visible,.cab-pagina :focus-visible,.llamar-barra :focus-visible{outline-color:#fff}
.contenedor{width:min(100% - 40px,var(--ancho));margin-inline:auto}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salto{position:absolute;left:12px;top:-80px;z-index:100;background:var(--grafito);color:#fff;padding:12px 18px}
.salto:focus{top:10px;color:#fff}

/* botones: esquinas rectas, con una muesca */
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:10px 26px;border:2px solid var(--grafito);border-radius:0;background:var(--grafito);color:#fff;font:600 1.02rem/1.15 var(--f-t);letter-spacing:.04em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.boton:hover,.boton:focus{background:var(--rojo);border-color:var(--rojo);color:#fff}
.boton--rojo{background:var(--rojo);border-color:var(--rojo)}
.boton--rojo:hover,.boton--rojo:focus{background:var(--grafito);border-color:var(--grafito);color:#fff}
.boton--borde{background:transparent;color:var(--grafito)}
.boton--borde:hover,.boton--borde:focus{background:var(--grafito);border-color:var(--grafito);color:#fff}
.boton--blanco{background:#fff;border-color:#fff;color:var(--grafito)}
.boton--blanco:hover,.boton--blanco:focus{background:var(--papel2);border-color:var(--papel2);color:var(--grafito)}
.boton--claro{background:transparent;border-color:#fff;color:#fff}
.boton--claro:hover,.boton--claro:focus{background:#fff;border-color:#fff;color:var(--grafito)}
@media (max-width:700px){.boton{width:100%}}

.logo{display:block;width:100%;height:auto}

/* cabecera oscura con el logo en blanco */
.cabecera{position:relative;z-index:30;background:var(--grafito);border-bottom:3px solid var(--rojo)}
.cabecera__fila{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.marca{display:block;flex:0 1 96px;min-width:0}
.menu-abierto{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.menu-boton{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 16px;border:2px solid #fff;cursor:pointer;font:600 1rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.menu-boton__barras{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.menu-abierto:focus-visible+.menu-boton{outline:3px solid #fff;outline-offset:3px}
.menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;padding:6px 20px 24px;background:var(--grafito);border-top:1px solid #3A3E44;border-bottom:3px solid var(--rojo);box-shadow:0 20px 30px rgba(0,0,0,.4)}
.menu-abierto:checked~.menu{display:flex}
.menu a{padding:15px 2px;border-bottom:1px solid #3A3E44;text-align:center;color:#fff;font:600 1.25rem/1.1 var(--f-t);letter-spacing:.06em;text-transform:uppercase}
.menu a:hover,.menu a:focus{color:#FF8A96}
.menu a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--rojo)}
.menu .menu__llamar{margin-top:16px;border:2px solid var(--rojo);background:var(--rojo);color:#fff;box-shadow:none}
@media (min-width:1060px){
  .marca{flex-basis:110px}
  .menu-boton{display:none}
  .menu,.menu-abierto:checked~.menu{display:flex;position:static;flex-direction:row;align-items:center;gap:30px;padding:0;border:0;box-shadow:none;background:none}
  .menu a{padding:8px 0;border:0;font-size:1.02rem;white-space:nowrap}
  .menu a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--rojo)}
  .menu .menu__llamar{margin:0 0 0 4px;padding:10px 20px;min-height:48px;font-size:.98rem}
}

/* marcos de plano: papel milimetrado y marcas de registro rojas en las esquinas */
.marcos{position:relative;padding:22px;background:#fff var(--milimetro);background-size:24px 24px;border:1px solid var(--linea)}
.marcos::before,.marcos::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none}
.marcos::before{left:-1px;top:-1px;border-left:4px solid var(--rojo);border-top:4px solid var(--rojo)}
.marcos::after{right:-1px;bottom:-1px;border-right:4px solid var(--rojo);border-bottom:4px solid var(--rojo)}
.marcos img{display:block;width:100%;height:auto}

/* portada */
.hero{background:var(--papel) var(--milimetro);background-size:32px 32px;border-bottom:1px solid var(--linea)}
.hero__fila{display:grid;gap:34px;padding-block:44px 52px;align-items:center}
.hero__lugar{margin:0 0 14px;color:var(--gris);font:600 .95rem/1.2 var(--f-t);letter-spacing:.2em;text-transform:uppercase}
.hero h1{margin-bottom:18px;font-size:clamp(2.7rem,9vw,5rem);line-height:.98}
.hero h1 span{color:var(--rojo)}
.hero__lead{max-width:34rem;margin-bottom:26px;font-size:1.15rem}
.hero__botones{display:flex;flex-wrap:wrap;gap:14px}
.hero__enlace{margin:22px 0 0;font-weight:600}
.hero__pie{margin:10px 0 0;color:var(--gris);font:500 .9rem/1 var(--f-t);letter-spacing:.16em;text-transform:uppercase;text-align:right}
@media (min-width:900px){.hero__fila{grid-template-columns:1fr 1.05fr;gap:64px;padding-block:68px 76px}}

.bloque{padding:78px 0;background:#fff}
.bloque--sin-borde{padding-top:46px}
.bloque--gris{background:var(--papel)}
.bloque__cabeza{max-width:46rem;margin-bottom:34px}
.bloque__cabeza h2,.dos__texto h2{font-size:clamp(2rem,4.4vw,3rem)}
.bloque__cabeza p{color:var(--taupe);font-size:1.15rem}
.bloque__cabeza--clara p{color:#D4D7DD}
.bloque__cabeza h2::after,.dos__texto h2::after,.contacto-banda h2::after,.legal h2::after,.contacto h2::after,.ficha__tit::after,.comparativa__tit::after{content:"";display:block;width:56px;height:5px;margin-top:12px;background:var(--rojo)}
.contacto-banda h2::after{margin-inline:auto}

/* los tres modelos, en filas como una tabla de especificaciones */
.modelos-filas{border-top:3px solid var(--grafito)}
.modelo-fila{display:grid;gap:20px;padding:30px 0;border-bottom:1px solid var(--linea);align-items:center}
.modelo-fila__foto img{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--linea)}
.modelo-fila__num{margin:0 0 6px;color:var(--rojo);font:600 .95rem/1 var(--f-t);letter-spacing:.2em}
.modelo-fila h3{margin:0;font-size:clamp(2rem,4vw,2.7rem);line-height:1}
.modelo-fila h3 a{color:var(--grafito)}
.modelo-fila h3 a:hover,.modelo-fila h3 a:focus{color:var(--rojo)}
.modelo-fila__modelo{display:block;margin-bottom:4px;color:var(--gris);font:500 1rem/1 var(--f-t);letter-spacing:.2em;text-transform:uppercase}
.modelo-fila__datos{margin:0}
.modelo-fila__datos div{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--linea)}
.modelo-fila__datos div:first-child{border-top:0}
.modelo-fila__datos dt{color:var(--gris);font:600 .82rem/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase}
.modelo-fila__datos dd{margin:0;font-size:1rem;line-height:1.4}
.modelo-fila__ir{margin:0}
@media (min-width:700px){.modelo-fila{grid-template-columns:240px 1fr;gap:20px 32px}.modelo-fila__datos{grid-column:2}.modelo-fila__ir{grid-column:2}}
@media (min-width:1080px){
  .modelo-fila{grid-template-columns:260px 260px 1fr auto;gap:32px;padding:34px 0}
  .modelo-fila__datos,.modelo-fila__ir{grid-column:auto}
  .modelo-fila__ir .boton{white-space:nowrap}
}
.modelos-comparar{margin:34px 0 0}

.banda-oscura{padding:78px 0;background:var(--grafito);color:#D9DCE1}
.banda-oscura h2,.banda-oscura h3{color:#fff}
.banda-oscura a:not(.boton){color:#fff}
.personaliza{display:grid;border:1px solid #4A4E55}
.personaliza__celda{padding:26px 28px;border-bottom:1px solid #4A4E55}
.personaliza__celda:last-child{border-bottom:0}
.personaliza__tit{margin:0 0 6px;color:#FF8A96;font:600 .9rem/1.2 var(--f-t);letter-spacing:.2em;text-transform:uppercase}
.personaliza__valor{margin:0;color:#fff;font:700 clamp(1.5rem,3.6vw,2.4rem)/1.15 var(--f-t)}
.personaliza__nota{max-width:46rem;margin:26px 0 0;color:#C4C8CF}
@media (min-width:900px){.personaliza{grid-template-columns:2fr 1fr}.personaliza__celda{border-bottom:0;border-right:1px solid #4A4E55}.personaliza__celda:last-child{border-right:0}}

.cuidamos{padding:70px 0}
.cuidamos__frase{margin:0;font:700 clamp(2rem,6.4vw,4.2rem)/1.08 var(--f-t);color:var(--grafito)}
.cuidamos__frase:nth-child(2){color:var(--taupe)}
.cuidamos__frase:nth-child(3){color:var(--rojo)}

.dos{display:grid;gap:36px;align-items:start}
.dos__foto img{display:block;width:100%;height:auto}
@media (min-width:900px){.dos{grid-template-columns:1fr 1fr;gap:72px}}

.contacto-banda{text-align:center}
.contacto-banda h2{font-size:clamp(2.2rem,5.6vw,3.6rem)}
.contacto-banda p{max-width:38rem;margin-inline:auto;color:#D9DCE1;font-size:1.15rem}
.contacto-banda__botones{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px}

/* páginas interiores */
.cab-pagina{padding:44px 0 50px;background:var(--grafito);color:#D9DCE1}
.cab-pagina__ruta{margin:0 0 14px;font-size:.95rem;letter-spacing:.03em;color:#B7BCC4}
.cab-pagina__ruta a{color:#fff;font-weight:500}
.cab-pagina h1{margin-bottom:18px;color:#fff;font-size:clamp(2.6rem,8vw,4.8rem);line-height:1}
.cab-pagina__modelo{display:block;margin-bottom:6px;color:#FF8A96;font:500 1.1rem/1 var(--f-t);letter-spacing:.24em;text-transform:uppercase}
.entradilla{max-width:46rem;margin:0;color:#D9DCE1;font-size:1.15rem}
.cab-pagina__botones{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 0}
.cab-pagina__fila{display:grid;gap:34px;align-items:center}
.cab-pagina--modelo .marcos{background-color:#fff}
@media (min-width:980px){.cab-pagina__fila{grid-template-columns:1fr 1fr;gap:64px}}

/* ficha técnica */
.galeria{display:grid;gap:18px;margin:0 0 50px;padding:0;list-style:none}
.galeria img{display:block;width:100%;height:auto;border:1px solid var(--linea);background:#fff}
@media (min-width:700px){.galeria{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.galeria{grid-template-columns:repeat(3,1fr)}}
.ficha-doble{display:grid;gap:44px}
@media (min-width:980px){.ficha-doble{grid-template-columns:7fr 5fr;gap:64px}}
.ficha__tit,.comparativa__tit{font-size:clamp(1.7rem,3.2vw,2.2rem)}
.comparativa__tit{margin-top:56px}
.ficha{margin:0 0 24px;border-top:3px solid var(--grafito)}
.ficha div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--linea)}
.ficha dt{color:var(--gris);font:600 .84rem/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase}
.ficha dd{margin:0;font-size:1.05rem}
@media (min-width:640px){.ficha div{grid-template-columns:200px 1fr;gap:20px;align-items:baseline}}
.ficha--comun{max-width:56rem}
.ficha__nota{max-width:46rem;color:var(--taupe)}
.equipo{display:grid;margin:0 0 26px;padding:0;list-style:none;border-top:3px solid var(--grafito)}
.equipo li{padding:12px 0 12px 22px;position:relative;border-bottom:1px solid var(--linea)}
.equipo li::before{content:"";position:absolute;left:0;top:1.2em;width:9px;height:9px;background:var(--rojo);clip-path:polygon(0 0,100% 0,100% 100%)}
.videos{margin:0 0 24px;padding:0;list-style:none}
.videos li{padding:10px 0;border-bottom:1px solid var(--linea)}
.otros-modelos{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:50px 0 0;padding-top:22px;border-top:1px solid var(--linea)}
.otros-modelos span{color:var(--gris);font:600 .9rem/1 var(--f-t);letter-spacing:.2em;text-transform:uppercase}
.otros-modelos a{font:700 1.3rem/1 var(--f-t)}

/* gama y comparativa */
.gama{display:grid;gap:18px;margin:0 0 20px;padding:0;list-style:none}
.gama__modelo a{display:block;background:var(--papel) var(--milimetro);background-size:24px 24px;border:1px solid var(--linea);color:var(--grafito)}
.gama__modelo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.gama__nombre{display:block;padding:12px 18px 16px;border-top:3px solid var(--rojo);background:#fff;font:700 2rem/1 var(--f-t)}
.gama__nombre span{display:block;margin-bottom:4px;color:var(--gris);font:500 .9rem/1 var(--f-t);letter-spacing:.22em;text-transform:uppercase}
.gama__modelo a:hover .gama__nombre,.gama__modelo a:focus .gama__nombre{color:var(--rojo)}
@media (min-width:800px){.gama{grid-template-columns:repeat(3,1fr)}}
.comparativa{width:100%;border-collapse:collapse;font-size:1rem}
.comparativa th,.comparativa td{padding:14px 16px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.comparativa thead th{border-bottom:3px solid var(--grafito);font:700 1.5rem/1 var(--f-t)}
.comparativa tbody th{width:20%;color:var(--gris);font:600 .84rem/1.3 var(--f-t);letter-spacing:.14em;text-transform:uppercase}
@media (max-width:799px){
  .comparativa,.comparativa tbody,.comparativa tr,.comparativa th,.comparativa td{display:block}
  .comparativa thead{display:none}
  .comparativa tr{margin-bottom:20px;border-top:3px solid var(--grafito)}
  .comparativa tbody th{width:auto;padding:12px 0 4px;border:0}
  .comparativa td{padding:6px 0 10px;border-bottom:1px solid var(--linea)}
  .comparativa td::before{content:attr(data-label);display:block;color:var(--rojo-o);font:700 .9rem/1.2 var(--f-t);letter-spacing:.08em;text-transform:uppercase}
}

/* contacto y mapa */
.contacto{display:grid;gap:44px}
@media (min-width:960px){.contacto{grid-template-columns:5fr 7fr;gap:64px}}
.contacto__lado h2{font-size:2.2rem}
.contacto__correo{font-weight:500}
.telefonos{display:grid;gap:6px;margin:0 0 18px}
.tel{display:flex;flex-direction:column;padding:8px 0;color:inherit}
.tel__tipo{font:600 .85rem/1.2 var(--f-t);color:var(--gris);text-transform:uppercase;letter-spacing:.16em}
.tel__num{font:700 2rem/1.05 var(--f-t);letter-spacing:.02em;color:var(--grafito)}
.telefonos--grande .tel__num{font-size:clamp(2.2rem,6vw,3.2rem)}
.tel:hover .tel__num,.tel:focus .tel__num{color:var(--rojo)}
.formulario{padding:30px;background:var(--papel);border-top:5px solid var(--rojo)}
.formulario h2{font-size:2.2rem}
.formulario__nota{color:var(--taupe);font-size:1rem}
.campo{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:0;border:0;min-width:0}
.campo label{padding:0;font:600 .95rem/1.2 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:var(--grafito)}
.campo input[type=text],.campo input[type=tel],.campo input[type=email],.campo select,.campo textarea{width:100%;padding:13px 14px;border:2px solid #7C828C;border-radius:0;background:#fff;color:var(--texto);font:400 1.05rem/1.4 var(--f-x)}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--rojo);outline:0}
.campo textarea{min-height:150px;resize:vertical}
.campo--trampa{position:absolute;left:-6000px;width:1px;height:1px;overflow:hidden}
.campo--casilla{flex-direction:row;align-items:flex-start;gap:12px}
.campo--casilla input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:var(--rojo)}
.campo--casilla label{font:400 1.05rem/1.5 var(--f-x);letter-spacing:0;text-transform:none;color:var(--texto)}
.boton--envio{width:100%}
.llegar__mapa{max-width:900px}
.llegar__mapa .plano{display:block;width:100%;height:auto;border:2px solid #fff;background:#EEF0F3}
.llegar__atribucion{margin:8px 0 16px;color:#B7BCC4;font-size:.9rem}
.plano__agua{fill:#CFDCEC;stroke:none}
.plano__calle{fill:none;stroke:#D3D6DC;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.plano__calle--principal{stroke:#A7ABB4;stroke-width:8}
.plano__calle--peatonal{stroke-dasharray:3 6;stroke-width:3}
.plano__calle--destacada{stroke:#E60019;stroke-width:9}
.plano__zona{fill:#fff;stroke:#E60019;stroke-width:4}
.plano__guia{fill:none;stroke:#1F2124;stroke-width:2.5}
.plano__etiqueta{fill:#fff;stroke:#1F2124;stroke-width:2.5}
.plano__nombre{fill:#1F2124;font:700 46px "Chakra Petch",sans-serif;letter-spacing:.02em}
.plano__dato{fill:#333A44;font:500 26px "Gantari",sans-serif}
.plano__rotulo{fill:#474B53;font:500 23px "Gantari",sans-serif;paint-order:stroke;stroke:#EEF0F3;stroke-width:7px;stroke-linejoin:round}
.plano__rotulo--av{fill:#B80014;font-weight:700}
.plano__escala path{fill:none;stroke:#1F2124;stroke-width:2.5}
.plano__escala text{fill:#1F2124;font:500 26px "Gantari",sans-serif}
.perdido{padding:46px 0 70px;max-width:42rem}
.perdido h1{font-size:clamp(2.4rem,6vw,3.6rem)}
.perdido .entradilla{color:var(--taupe)}
.acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.legal{max-width:46rem}
.legal h2{margin-top:1.6em;font-size:1.7rem}
.legal__borrador{margin-bottom:24px;padding:12px 16px;border-left:6px solid var(--rojo);background:var(--papel);font-size:1rem}

/* pie centrado (regla de Alfred) */
.pie{padding:58px 0 150px;background:var(--papel);border-top:3px solid var(--rojo);color:var(--texto);font-size:1.02rem;text-align:center}
@media (min-width:1060px){.pie{padding-bottom:26px}}
.pie a{color:var(--rojo-o);font-weight:600}
.pie a:hover,.pie a:focus{color:var(--grafito)}
.pie__fila{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 60px}
.pie__marca{flex:1 1 100%}
.pie__marca .logo{width:150px;max-width:100%;margin:0 auto 14px}
.pie__marca p{max-width:30rem;margin-inline:auto}
.pie__dato{flex:0 1 220px;min-width:0}
.pie__titulo{margin-bottom:12px;color:var(--grafito);font:700 1rem/1.2 var(--f-t);letter-spacing:.18em;text-transform:uppercase}
.pie__enlaces{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0}
.pie__tels span{display:block;color:var(--gris);font:600 .8rem/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase}
.pie__correo{margin:10px 0 0}
.pie__copia{margin:34px auto 0;padding-top:18px;border-top:1px solid var(--linea);font-size:.95rem;color:var(--gris)}
.llamar-barra{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;gap:8px;padding:10px 16px;background:var(--grafito);box-shadow:0 -8px 20px rgba(0,0,0,.4);border-top:3px solid var(--rojo)}
.llamar-barra .boton{width:100%;min-height:46px;padding:8px 14px}
@media (min-width:1060px){.llamar-barra{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}