/* ============================================================
   Sistema del logo — hoja compartida
   ------------------------------------------------------------
   Estas reglas estaban copiadas dentro del <style> de cada
   página. Dos veces en el mismo día un cambio llegó al home y
   no a Ecuador: los iconos del footer y el tamaño del logo del
   pie. Viven acá para que un cambio sea un cambio, no cinco.

   Se carga DESPUÉS de las otras hojas y ANTES del <style> de
   cada página, así que una página puede seguir ajustando algo
   puntual sin pelear con esta.
   ============================================================ */

.logo{
  display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;color:inherit;
}
.logo-mark img{
  width:56px;height:56px;object-fit:contain;display:block;
  transition:filter .35s ease;
}

/* Cabecera sobre fondo claro: el logo blanco se tiñe de olivo. */
.site-header[data-state="solid"] .logo-mark{background:transparent}
.site-header[data-state="solid"] .logo-mark img{
  filter:brightness(0) saturate(100%) invert(11%) sepia(15%) saturate(1100%) hue-rotate(45deg) brightness(95%) contrast(96%);
}

/* Pie: el logo va suelto, sin la pastilla de la cabecera. 240px era un
   tamaño de portada y pesaba más que el contenido que lo acompaña. */
.site-footer .logo-mark{width:auto;height:auto;border-radius:0;background:transparent;padding:0}
.site-footer .logo-mark img{width:150px;height:auto;max-width:100%}
@media(max-width:768px){ .site-footer .logo-mark img{width:124px} }