/*
  Operación Black Friday · ajustes de ITSMO (07-10-2026) sobre la versión METAL del diseño
  Se carga DESPUÉS de todos los CSS del diseño (hero.css, styles.css, metal.css). No cambia el diseño: corrige lo que
  la revisión automática (4 fases × 7 tamaños) seguía encontrando y compacta el pie como el de la web principal de IRE.
  Para quitarlo todo, basta con quitar su <link> de index.html.
*/

/* 1. Barra fija sin escalera (formación, desde el 30-11 23:59): el botón a su tamaño y a la derecha, no estirado
      (medía hasta 1.034 px de ancho en ordenador) */
.pricebar.is-off .pb-btn{justify-self:end;width:auto}

/* 2. Precio y símbolo del euro siempre juntos (nunca «997 / €» en dos líneas) */
[data-precio-hoy],.l-price,.mini b{white-space:nowrap}

/* 3. Rótulos legibles (había textos de 5 a 8,5 px: fechas del evento, días de la escalera, años de las fotos).
      El calendario en perspectiva de «Tu camino» (#ruta) se queda como está: sus números pequeños son decorativos */
html body .mini li span{font-size:9.5px;letter-spacing:.04em}
html body .price-now .pn-today>span,html body .price-now .pn-next>span,html body .price-now .pn-next>span .up{font-size:9.5px;letter-spacing:.6px}
html body .pricebar .pb-now>span{font-size:9.5px}
html body .david-copy .archive-heading,html body .david-copy .archive-heading span{font-size:10px;letter-spacing:.8px}
html body .year-wall .year-photo figcaption{font-size:10px}
html body .clock .clock-digits span{font-size:10px}
html body .galaxy .galaxy-pie,html body .galaxy .galaxy-pie span{font-size:10px}
html body .pricebar .pb-count .cc>i{font-size:8px}
@media(max-width:760px){
  html body main.hero .conversion .eyebrow.hero-when{font-size:10.5px;letter-spacing:.6px;white-space:normal}
  html body main.hero header.brand .brand-by small{font-size:8.5px;letter-spacing:.6px}
}
@media(max-width:355px){
  html body .mini li span{font-size:8.5px;letter-spacing:0}
  html body main.hero .conversion .eyebrow.hero-when{font-size:10px;letter-spacing:.3px}
}

/* 4. Pie: ancho y bajo, como el de la web principal de IRE (medía 330 px de alto en ordenador y 306 en móvil) */
html body .site-foot{padding:22px 0 24px;font-size:12.5px}
html body .site-foot .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:28px;row-gap:12px}
html body .site-foot .foot-brands{margin:0;gap:12px}
html body .site-foot .foot-brands img:first-child{width:44px;height:auto}
html body .site-foot .foot-brands img:last-child{height:30px;width:auto}
html body .site-foot .foot-brands span{font-size:10px;letter-spacing:.14em}
html body .site-foot .wrap>p{margin:0}
html body .site-foot .legal{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:flex-end}
html body .site-foot .legal a,html body .site-foot .legal .pend{margin:0}
html body .site-foot .fine{grid-column:1/-1;max-width:none;margin:0;padding-top:12px;border-top:1px solid #ffffff14;font-size:12px;line-height:1.5}
@media(max-width:900px){
  html body .site-foot .wrap{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:10px}
  html body .site-foot .foot-brands{justify-content:center;flex-wrap:wrap}
  html body .site-foot .legal{justify-content:center}
  html body .site-foot .fine{text-align:center;padding-top:10px}
}
@media(max-width:760px){
  html body .site-foot{padding:18px 0 20px}
  html body .site-foot .foot-brands{display:none}
  html body .site-foot .wrap{row-gap:8px}
  html body .site-foot .fine{font-size:11.5px;padding-top:8px}
}