/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.ps-shoppingcart.dropdown #blockcart-content{
z-index: 1000;
}

/* ===== Colores de la marca ===== */
:root {
  --azul-oscuro: #02364B;   /* Azul principal */
  --azul-medio:  #034D60;   /* Azul secundario */
  --verde-agua:  #2CACAD;   /* Detalles e iconos */
  --verde-claro: #D8F5F0;   /* Fondo suave / botones */
  --blanco:      #ffffff;
  --gris-texto:  #333333;
}

/* ===== Jerarquía de títulos ===== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Hanken Grotesk', sans-serif;
  font-weight: 900;
  color: var(--azul-oscuro);
}

/* Tamaños aproximados según el diseño */
h1 { font-size: 4rem; }       /* ~64px */
h2 { font-size: 3rem; }       /* ~48px */
h3 { font-size: 2rem; }       /* ~32px */
h4 { font-size: 1.5rem; }     /* ~24px */
h5 { font-size: 1.25rem; }    /* ~20px */
h6 { font-size: 1rem; }       /* ~16px */



#header .header-nav {
    font-size: 16px;
}