/* CHR · Portada. Complementa componentes.css: estados de carga y sin conexión del riel y del buscador,
   conteos del mosaico y detalles del pie. Requiere tokens, base, motion y componentes. */

/* Riel: skeleton con la forma de la tarjeta y tarjetas apagadas cuando el catálogo no responde */
.rail[aria-busy=true]{pointer-events:none}
.rail .sk-card{scroll-snap-align:start;min-height:100%}
.sk-w40{width:40%} .sk-w60{width:60%} .sk-w85{width:85%}
.pcard.is-off .pmedia{color:var(--line-3)}
.pcard.is-off h3{color:var(--muted)}
.pcard.is-off .pprice b{color:var(--faint);font-size:15px}
.riel-aviso{margin-bottom:12px}

/* Buscador: mensajes de estado dentro del popover (cargando, sin conexión, sin resultados) */
.finder-pop .estado-msg{display:flex;align-items:center;gap:10px;padding:14px 12px;font-size:14px;color:var(--muted)}
.finder-pop .estado-msg .spinner{width:18px;height:18px;flex:none;color:var(--navy)}
.finder-pop .estado-msg a{font-weight:600}
.finder-pop .th.has-img{padding:0;overflow:hidden} .finder-pop .th img{width:100%;height:100%;object-fit:cover}
.finder-pop .p small{display:block;font:500 10.5px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.finder-pop .p.mine{color:var(--ember-2)}
.finder-in input[aria-disabled=true]{color:var(--faint)}

/* Mosaico: conteo real por familia dentro del subtítulo */
.tile small .n{font-weight:600;color:inherit}
.tile-mezcladoras small .n{color:#fff}

/* Historia: los contadores se muestran cuando hay cifras reales */
.stats.is-cargando{visibility:hidden}

/* Pie */
.foot .mail{color:var(--link);font-weight:500;overflow-wrap:anywhere}
.social-note{display:block;margin-top:6px;font-size:12.5px;color:var(--faint)}
.foot-hours{text-align:right}
@media (max-width:600px){ .foot-hours{text-align:left} }