/*
Theme Name: Guía de Ocio IDEAL
Template: twentytwentyfour
Description: Tema hijo de Twenty Twenty-Four para guiadeocioideal.es (estructura de las webs de la red IDEAL).
Version: 1.0.0
Text Domain: guiadeocio
*/

/* Cabecera: franja blanca con logo + barra de secciones en rojo */
.go-topbar { background: var(--wp--preset--color--base-2); border-bottom: 1px solid #ececec; }
.go-topbar .wp-block-site-logo img { max-height: 64px; width: auto; }
.go-topbar .wp-block-site-title { font-family: var(--wp--preset--font-family--body); font-weight: 700; font-size: 1.15rem; margin: 0; }
.go-topbar .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.go-topbar .wp-block-site-tagline { font-size: .85rem; color: var(--wp--preset--color--contrast-2); margin: 0; }
.go-menu { background: var(--wp--preset--color--brand); position: sticky; top: 0; z-index: 20; box-shadow: 0 2px 4px rgba(0,0,0,.15); }
.admin-bar .go-menu { top: 32px; }
.go-menu .wp-block-navigation { color: #fff; font-weight: 500; font-size: .95rem; }
.go-menu .wp-block-navigation a { color: #fff; text-decoration: none; }
.go-menu .wp-block-navigation a:hover { text-decoration: underline; text-underline-offset: 4px; }
.go-menu .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--brand); color: #fff; }

/* Etiqueta de sección (como "TENDENCIAS" en bellezaideal) */
.go-etiqueta { background: var(--wp--preset--color--brand-tint); padding: .4em 1em; font-size: 1.1rem; text-transform: uppercase; letter-spacing: .02em; margin-bottom: 1.2em !important; border-left: 4px solid var(--wp--preset--color--brand); }
.go-etiqueta a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.go-etiqueta-archivo.wp-block-query-title { background: var(--wp--preset--color--brand-tint); padding: .4em 1em; font-family: var(--wp--preset--font-family--body); font-size: 1.4rem; text-transform: uppercase; border-left: 4px solid var(--wp--preset--color--brand); }

/* Tarjetas */
.wp-block-post-featured-image img { border-radius: 10px; }
.go-autor { font-size: .82rem; color: var(--wp--preset--color--contrast-2); margin: .5em 0 .2em; }
.go-autor::before { content: "» "; }
.go-titulo-grande { font-size: clamp(1.6rem, 2.4vw, 2.2rem) !important; line-height: 1.2; }
.go-titulo-tarjeta { font-size: 1.2rem !important; line-height: 1.25; }
.go-titulo-mini { font-size: 1.05rem !important; line-height: 1.25; }
.go-lista .wp-block-post { margin-bottom: 1.2em; }
.go-lista .wp-block-post-featured-image { flex: 0 0 90px; margin: 0; }
.go-lista .wp-block-post-featured-image img { width: 90px; height: 90px; object-fit: cover; }
.wp-block-post-title a { text-decoration: none; }
.wp-block-post-title a:hover { text-decoration: underline; }
.go-fecha { font-size: .85rem; color: var(--wp--preset--color--brand); font-weight: 600; text-transform: uppercase; margin: .4em 0 .2em; }

/* Barra lateral y pie */
.go-lateral { background: var(--wp--preset--color--brand-tint); padding: 1.2em; border-radius: 4px; }
.go-lateral h3 { font-family: var(--wp--preset--font-family--body); text-align: center; font-size: 1.4rem; border-top: 1px solid var(--wp--preset--color--contrast); padding-top: .8em; margin-top: 1.5em; }
.go-lateral .wp-block-tag-cloud a { font-size: .85rem !important; background: var(--wp--preset--color--base-2); padding: .2em .6em; border-radius: 3px; text-decoration: none; display: inline-block; margin: 0 .2em .4em 0; }
.go-pie { background: var(--wp--preset--color--brand-tint); text-align: center; font-size: .85rem; }
.go-pie .wp-block-site-logo { display: flex; justify-content: center; }
.go-pie .wp-block-site-logo img { max-height: 70px; width: auto; }
.go-pie .wp-block-site-title { font-family: var(--wp--preset--font-family--body); font-size: 1.1rem; font-weight: 700; }
.go-pie .wp-block-site-title a { text-decoration: none; }

@media (max-width: 781px) {
  .go-topbar .wp-block-search { display: none; }
  .go-titulo-grande { font-size: 1.6rem !important; }
}