@charset "UTF-8";
/* CSS Document */

/* ─────────────────────────────────────────────────────────────
   Banner "colored" (p. ej. la promo de la Revista):
   su título pasó de <h4> a <h2> por jerarquía de encabezados.
   Replicamos aquí el estilo que el tema aplicaba a .banner h4
   para que se vea EXACTAMENTE igual, sin tocar style.css.
   ───────────────────────────────────────────────────────────── */
.banner h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    margin: 0;
    padding: 0;
    color: #e04f67;
    font-family: "Gochi Hand", cursive;
}
.banner h2 span {
    text-transform: none;
    color: #555;
}
.banner.colored h2 {
    color: #fff;
}
.banner.colored h2 span {
    color: #FFC;
}
@media (max-width: 767px) {
    .banner h2 { font-size: 22px; }
}


/* ─────────────────────────────────────────────────────────────
   Banners de promoción (Mundo del vino / Camino de Santiago):
   antes navegaban con onclick en el <div> (no accesible ni
   rastreable). Ahora el enlace real es el botón .btn_1, y con
   este "stretched link" toda la tarjeta vuelve a ser clicable,
   pero de forma accesible por teclado y visible para Google.
   ───────────────────────────────────────────────────────────── */
.banner_mundodelvino .btn_1.tor-stretch::after,
.banner_caminodesantiago .btn_1.tor-stretch::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}