/* =====================================================================
 *  Tema: Minimarket Los Bulnes
 *  Tono claro, colores sacados del logo:
 *    turquesa  #56A6A4  (el borde ondulado y el toldo)
 *    café      #42210D  (las letras)
 *    arena     #C69C6D  (la estrella)
 *  La franja de la barra imita el toldo del logo, y el logo (redondo) queda
 *  "colgando" sobre ella como un sello.
 * ===================================================================== */

:root {
  --primario:      #56A6A4;   /* turquesa */
  --primario-osc:  #2F7C79;   /* turquesa oscuro: botones con texto blanco */
  --suave:         #CDEAE8;   /* celeste */
  --fondo:         #EEF8F7;   /* celeste muy claro */
  --titulos-color: #42210D;   /* café */
  --texto:         #3B2A1F;
  --texto-suave:   #6F5E52;
  --acento:        #C69C6D;   /* arena */
  --acento-claro:  #F6ECDF;
  --titulos: "Rockwell", "Roboto Slab", "Zilla Slab", "Georgia", serif;
}

/* El logo es un sello redondo: más grande que la barra, cuelga sobre el toldo. */
.logo {
  height: 104px;
  margin: -6px 0 -46px;
  padding: 4px;
  border-radius: 50%;
  background: var(--blanco);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--titulos-color) 12%, transparent);
}
.marca:hover .logo { transform: rotate(-6deg) scale(1.04); }
.contenido { padding-top: 56px; }   /* espacio para el sello */

@media (max-width: 560px) {
  .logo { height: 76px; margin: -4px 0 -30px; }
  .contenido { padding-top: 44px; }
}