/*
Theme Name: Iguazú 3
Template: twentytwentyfive
Description: Tema de la C.P. Iguazú 3 (Alcorcón). Sencillo y legible: la foto del patio, los avisos en lista y los datos de contacto.
Version: 1.1.0
Author: SINIS Technology
Text Domain: iguazu3
*/

:root {
	--ig-fachada: var(--wp--preset--color--fachada);
	--ig-panel: var(--wp--preset--color--panel);
	--ig-junta: var(--wp--preset--color--junta);
	--ig-zocalo: var(--wp--preset--color--zocalo);
	--ig-zocalo-oscuro: var(--wp--preset--color--zocalo-oscuro);
	--ig-tinta: var(--wp--preset--color--tinta);
	--ig-tinta-suave: var(--wp--preset--color--tinta-suave);
	accent-color: var(--ig-zocalo);
}
::selection { background: var(--ig-zocalo); color: #fff; }
a { text-underline-offset: 0.18em; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--ig-zocalo); outline-offset: 2px; }
.wp-block-post-date { font-variant-numeric: tabular-nums; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.ig-main > * { margin-block-start: 0; }

/* Cabecera */
.ig-cabecera { background: var(--ig-panel); border-bottom: 1px solid var(--ig-junta); padding-block: 0.6rem; }
.ig-cabecera__fila { gap: 0.5rem 2rem; }
.ig-marca { font-size: 1.375rem; }
.ig-marca a { color: var(--ig-tinta); text-decoration: none; }
.ig-menu .wp-block-navigation-item__content { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--ig-tinta); text-decoration: none; }
.ig-menu .wp-block-navigation-item__content:hover { text-decoration: underline; }
.ig-menu .wp-block-navigation__responsive-container-open,
.ig-menu .wp-block-navigation__responsive-container-close { width: 2.75rem; height: 2.75rem; justify-content: center; }
.ig-menu .wp-block-navigation__responsive-container.is-menu-open { background: var(--ig-panel); padding: 1.5rem; }
.ig-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.375rem; min-height: 3rem; }

/* Foto del patio; la franja de ladrillo de debajo es el zócalo de los bloques */
.ig-patio { margin: 0; height: clamp(12rem, 36vh, 26rem); overflow: hidden; border-bottom: 8px solid var(--ig-zocalo); background: #b7c7d6; }
.ig-patio img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; }

/* Títulos de página */
.ig-titulo { margin: 0 0 1.25rem; font-size: var(--wp--preset--font-size--x-large); }
.ig-hoja { padding-block: clamp(1.75rem, 5vw, 3rem) clamp(2.5rem, 6vw, 4rem); }

/* Portada de los vecinos: avisos y lateral */
.ig-portada { padding-block: clamp(1.75rem, 4vw, 2.75rem) clamp(2.5rem, 6vw, 4rem); }
.ig-portada__cols { gap: 2rem 3.5rem; }

/* Avisos en lista, separados por una línea, como en el tablón */
.ig-lista .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.ig-lista .wp-block-post { padding-block: 1.25rem; border-top: 1px solid var(--ig-junta); }
.ig-lista .wp-block-post:last-child { border-bottom: 1px solid var(--ig-junta); }
.ig-lista .wp-block-post > * { margin-block: 0; }
.ig-lista__fecha { color: var(--ig-tinta-suave); font-size: 1.1875rem; }
.ig-lista__titulo { margin-top: 0.2rem !important; font-size: 1.5rem; line-height: 1.2; }
.ig-lista__titulo a { color: var(--ig-tinta); text-decoration: none; }
.ig-lista__titulo a:hover { color: var(--ig-zocalo-oscuro); text-decoration: underline; }
.ig-lista__extracto { margin-top: 0.4rem !important; color: var(--ig-tinta-suave); }
.ig-lista__extracto p { margin: 0; }
.ig-portada .ig-lista .wp-block-post:first-child .ig-lista__titulo { font-size: 1.875rem; }
.ig-mas { margin-top: 1.25rem; }
.ig-paginacion { margin-top: 1.5rem; }
.ig-paginacion a, .ig-paginacion .current { display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center; }

/* Lateral */
.ig-lateral { display: flex; flex-direction: column; gap: 1.25rem; }
.ig-caja { padding-top: 1rem; border-top: 1px solid var(--ig-junta); }
.ig-caja > * { margin-block: 0 0.6rem; }
.ig-caja > :last-child { margin-bottom: 0; }
.ig-caja h2 { font-size: 1.25rem; }

/* Texto de avisos y páginas */
.ig-texto > * { max-width: 65ch; }
.ig-texto h2 { font-size: 1.5rem; margin-top: 2rem; }

/* Acceso de vecinos (portada sin sesión) */
.ig-puerta { padding-block: clamp(1.75rem, 5vw, 3rem) clamp(3rem, 7vw, 5rem); }
.ig-acceso { max-width: 28rem; }
.ig-acceso__titulo { margin: 0 0 0.5rem; font-size: var(--wp--preset--font-size--x-large); }
.ig-acceso > p { margin: 0 0 1rem; color: var(--ig-tinta-suave); }
.ig-acceso__error { padding: 0.75rem 1rem; border: 1px solid var(--ig-zocalo); background: #f8e9e4; color: var(--ig-zocalo-oscuro) !important; font-weight: 700; }
.ig-acceso__ayuda { font-size: 1.1875rem; }
.ig-acceso form p, .ig-login form p { margin: 0 0 1rem; }
.ig-acceso label, .ig-login label { display: block; font-weight: 700; margin-bottom: 0.35rem; }
.ig-acceso input[type=text], .ig-acceso input[type=password],
.ig-login input[type=text], .ig-login input[type=password] {
	width: 100%; min-height: 3.25rem; padding: 0.6rem 0.8rem; font: inherit; color: var(--ig-tinta);
	background: #fff; border: 1px solid var(--ig-tinta-suave); border-radius: 3px;
}
.ig-acceso input[type=text]:focus, .ig-acceso input[type=password]:focus,
.ig-login input[type=text]:focus, .ig-login input[type=password]:focus { border-color: var(--ig-zocalo); outline: 2px solid var(--ig-zocalo); outline-offset: 0; }
.ig-acceso .login-remember label, .ig-login .login-remember label { display: inline-flex; align-items: center; gap: 0.6rem; font-weight: 400; min-height: 2.75rem; }
.ig-acceso input[type=checkbox], .ig-login input[type=checkbox] { width: 1.3rem; height: 1.3rem; margin: 0; }
.ig-acceso input[type=submit], .ig-login input[type=submit] {
	min-height: 3.25rem; padding: 0.7rem 2rem; background: var(--ig-zocalo); color: #fff; border: 0; border-radius: 3px;
	font: inherit; font-weight: 700; cursor: pointer;
}
.ig-acceso input[type=submit]:hover, .ig-login input[type=submit]:hover { background: var(--ig-zocalo-oscuro); }

/* Pie */
.ig-pie { border-top: 1px solid var(--ig-junta); background: var(--ig-panel); padding-block: 1.5rem; font-size: 1.1875rem; color: var(--ig-tinta-suave); }
.ig-pie p { margin: 0; }

@media (max-width: 781px) {
	.ig-patio { height: 11rem; }
}

/* Ajustes del formulario de acceso: ancho real en móvil y etiqueta pegada a su casilla */
.ig-acceso input, .ig-login input { box-sizing: border-box; max-width: 100%; }
.ig-acceso form br, .ig-login form br { display: none; }
.ig-acceso .login-username, .ig-acceso .login-password { display: flex; flex-direction: column; }
.ig-acceso .login-password .wp-pwd { margin: 0; }

/* Fechas con la letra de los títulos: el cero de la de texto va tachado */
.ig-lista__fecha { font-family: var(--wp--preset--font-family--rotulo); }

/* Rótulo semicondensado (eje de anchura de Archivo) en títulos, marca, menú y botones */
h1, h2, h3, .ig-marca, .ig-menu, .ig-acceso input[type=submit], .ig-login input[type=submit] { font-stretch: 87.5%; }

/* Menú siempre a la vista, también en el móvil */
.ig-menu .wp-block-navigation__container { gap: 0.25rem 1.25rem; }
@media (max-width: 600px) {
	.ig-cabecera__fila { flex-direction: column; align-items: flex-start; }
	.ig-menu { justify-content: flex-start !important; }
}

/* El pie siempre abajo, aunque la página sea corta */
.wp-site-blocks { min-height: 100dvh; display: flex; flex-direction: column; }
.wp-site-blocks > main, .wp-site-blocks > .ig-main { flex: 1 0 auto; }
.ig-pie__enlaces { margin-top: 0.5rem !important; display: flex; flex-wrap: wrap; gap: 0.25rem 1.5rem; }
.ig-pie__enlaces a { min-height: 2.75rem; display: inline-flex; align-items: center; }

/* Teléfonos de interés (página de Contacto): en el móvil cada fila se apila */
.ig-telefonos table { border-collapse: collapse; width: 100%; }
.ig-telefonos td { border: 0; border-top: 1px solid var(--ig-junta); padding: 0.75rem 0.75rem 0.75rem 0; vertical-align: top; }
.ig-telefonos tr:last-child td { border-bottom: 1px solid var(--ig-junta); }
.ig-telefonos td:first-child { font-weight: 700; }
.ig-telefonos td:last-child { white-space: nowrap; text-align: right; padding-right: 0; font-variant-numeric: tabular-nums; }
.ig-telefonos td:last-child a { display: inline-flex; min-height: 2.75rem; align-items: center; }
.ig-telefonos small { font-weight: 400; color: var(--ig-tinta-suave); font-size: 1.1875rem; }
@media (max-width: 600px) {
	.ig-telefonos tr { display: grid; grid-template-columns: 1fr auto; border-top: 1px solid var(--ig-junta); padding-block: 0.6rem; }
	.ig-telefonos tr:last-child { border-bottom: 1px solid var(--ig-junta); }
	.ig-telefonos td, .ig-telefonos tr:last-child td { border: 0; padding: 0; }
	.ig-telefonos td:first-child { grid-column: 1 / -1; }
	.ig-telefonos td:nth-child(2) { color: var(--ig-tinta-suave); align-self: center; }
	.ig-telefonos td:last-child { grid-column: 2; grid-row: 2; }
}