/* =========================================================
   Mantel Rojo · Mejoras visuales (nov 2026)
   Solo estilos: no cambia IDs, rutas, textos ni el dashboard.
   Se carga al final para ajustar sin tocar los archivos base.
   ========================================================= */

/* 1. Clientes: las tarjetas con solo logo ahora se ven igual
      que las tarjetas con foto (mismo ancho, logo en panel). */
.client-logo-grid{gap:24px}
.client-card-logo{flex:0 1 calc((100% - 48px)/3);max-width:none;display:flex;flex-direction:column}
.client-card-logo .client-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px;flex:1}
.client-card-logo .client-brand-logo,
.client-card[data-client-id] .client-card-body .client-brand-logo{grid-column:auto;grid-row:auto}
.client-card-logo .client-brand-logo{
  width:100%;height:150px;margin:0 0 20px;padding:22px;
  object-fit:contain;object-position:center;
  background:#fff;border:1px solid #ece4d4;border-radius:12px;box-sizing:border-box}
.client-card-logo h3{font-size:28px;margin:0 0 12px}
.client-card-logo small{grid-column:auto}
.client-card-logo .client-menu-button{margin-top:auto}
/* Logos en tarjetas con foto: un poco más grandes y legibles. */
.client-card-photo .client-brand-logo{width:min(100%,220px);height:80px}
/* Botón de menú: mismo tamaño en todas las tarjetas. */
#restaurantes .client-menu-button{width:auto;align-self:flex-start;margin-top:18px;white-space:nowrap}
.client-card-photo .client-card-body{display:flex;flex-direction:column;align-items:flex-start}

/* 2. Portada: la franja de valores no queda debajo de los
      botones flotantes de WhatsApp y del asistente. */
@media(max-width:680px){
  .hero.cover-hero .trust{padding-right:76px}
}

/* 3. Carrusel en celular: "Anterior" y "Siguiente" en una sola línea. */
@media(max-width:680px){
  .carousel-top{flex-wrap:nowrap;gap:12px}
  .carousel-controls{flex-wrap:nowrap;gap:6px}
  body .carousel-controls .carousel-arrow{font-size:12px;min-height:38px;padding:9px 13px;min-width:0}
}

/* 4. Texto sobre la foto de "Quiénes somos" con mejor contraste. */
.mr-foto figcaption{background:linear-gradient(transparent,rgba(20,16,14,.88) 72%)}
.mr-foto figcaption span{color:#e6cf9e}

/* 5. Mientras cargan, las fotos muestran un fondo suave en lugar de un hueco. */
.client-branch-photo,.facility-frame img,.product .photo img{background:#e9e3d6}

@media(max-width:950px){
  .client-card-logo{flex-basis:calc((100% - 24px)/2)}
}
@media(max-width:680px){
  .client-card-logo{flex-basis:100%}
  .client-card-logo .client-brand-logo{height:130px}
  .client-card-logo h3{font-size:29px}
}