/*
Theme Name: APEV
Description: Tema del portal de noticias APEV. Tema hijo de bloques sobre Twenty Twenty-Five.
Author: APEV
Template: twentytwentyfive
Version: 0.4.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: apev
*/

/* ---------------------------------------------------------------
   Espacios publicitarios
   El contenedor lleva altura fija para que la pagina no brinque
   cuando el anuncio real tarde en cargar (evita CLS, que Google
   penaliza). Al contratar Ad Manager se sustituye el <svg> por el
   <div id="div-gpt-ad-..."> sin tocar estas medidas.
   --------------------------------------------------------------- */

.apev-anuncio {
	display: block;
	margin-inline: auto;
	text-align: center;
}

.apev-anuncio__etiqueta {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--wp--preset--color--secondary);
	font-size: 0.625rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.apev-anuncio svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin-inline: auto;
	border-radius: 3px;
}

.apev-anuncio--leaderboard {
	max-width: 728px;
}

.apev-anuncio--caja {
	max-width: 300px;
}

/* Entradilla de las notas */

.entradilla {
	font-weight: 600;
	line-height: 1.4;
	color: var(--wp--preset--color--secondary);
}

/* La navegacion de secciones */

.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--primary);
}

/* ---------------------------------------------------------------
   Rieles laterales de publicidad
   El riel izquierdo desaparece por debajo de 1200px: en tablet y
   telefono no cabe, y apilarlo empujaria la nota principal hacia
   abajo, que es justo lo que castiga Google.
   --------------------------------------------------------------- */

.apev-riel > * {
	position: sticky;
	top: 1.5rem;
}

.apev-pegajoso {
	position: sticky;
	top: 1.5rem;
}

@media (max-width: 1199px) {
	.apev-riel {
		display: none;
	}
}

@media (max-width: 781px) {
	.apev-rejilla .wp-block-column {
		flex-basis: 100% !important;
	}
}