/*
Theme Name: SPG
Theme URI: https://spg.org.py
Description: Tema hijo de Twenty Twenty-Five para la Sociedad Paraguaya de Geotecnia. Aporta la paleta institucional (verde y marrón del isologo) y ajustes de ancho y tipografía. Todo lo demás lo hereda del tema padre.
Author: Sociedad Paraguaya de Geotecnia
Template: twentytwentyfive
Version: 1.2.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.2
Text Domain: spg
*/

/*
	La paleta, los anchos y los estilos de enlaces y botones viven en theme.json.
	Acá van solo los retoques que theme.json no puede expresar.

	Este archivo lo encola functions.php: WordPress no carga el style.css de un
	tema hijo de bloques por su cuenta.
*/

/* --------------------------------------------------------------------------
   Tarjetas (columnas con borde: portada y Eventos)
   -------------------------------------------------------------------------- */

/* Que se estiren a la misma altura y el "Ver más" quede pegado abajo. */
.wp-block-columns .wp-block-column.has-border-color {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.wp-block-columns .wp-block-column.has-border-color > p:last-child {
	margin-top: auto;
}

/*
	Entre 782 px (donde el core deja de apilar) y 1100 px, cuatro tarjetas en
	fila quedan tan angostas que parten palabras. Ahí van de a dos.

	Los !important son necesarios: el bloque core/columns declara
	flex-wrap: nowrap !important a partir de 782 px.
*/
@media (min-width: 782px) and (max-width: 1099px) {
	.wp-block-columns.alignwide {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.alignwide > .wp-block-column.has-border-color {
		flex-basis: calc(50% - 10px) !important;
		flex-grow: 0 !important;
	}
}

/* --------------------------------------------------------------------------
   Tablas (Comisión Directiva)
   -------------------------------------------------------------------------- */

/*
	La primera columna es la etiqueta (el cargo, el tipo) y la segunda el dato
	(el nombre). Van en marrón por lo mismo que las volantas: es el color de lo
	que acompaña, no de lo que se lee.
*/
.wp-block-table td:first-child {
	width: 40%;
	color: var(--wp--preset--color--spg-marron);
}

.wp-block-table th {
	color: var(--wp--preset--color--spg-marron);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.82em;
}

/* Las franjas del tema padre son gris neutro; en cálido acompañan al isologo. */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #F7F4EF;
}

/* --------------------------------------------------------------------------
   Separadores
   -------------------------------------------------------------------------- */

.wp-block-separator {
	border-top: 1px solid #C9BDAE;
	border-bottom: none;
	opacity: 1;
}

/* --------------------------------------------------------------------------
   Pie de página
   -------------------------------------------------------------------------- */

/* Una regla del marrón separa el pie del contenido y lo enmarca. */
.spg-footer {
	border-top: 3px solid var(--wp--preset--color--spg-marron);
}

/* Las listas del pie son navegación, no enumeraciones. */
.spg-footer ul {
	list-style: none;
	padding-left: 0;
}

.spg-footer ul li {
	margin-bottom: 0.35rem;
}

.spg-footer h2 {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.75rem;
}