/*
Theme Name: Garabandal
Theme URI: https://espanacongarabandal.org
Description: Tema de la Iniciativa Internacional España con Garabandal. Necesita el plugin «Iniciativa España con Garabandal — Funciones de la web».
Author: Iniciativa Internacional España con Garabandal
Version: 1.0.2
Requires PHP: 7.4
Text Domain: garabandal
*/

body { margin: 0; background: #FFFFFF; }
a { color: #0B2350; }
a:hover { color: #2F5F8F; }
html { scroll-behavior: smooth; }
img { max-width: 100%; }

/* Quien navega con el teclado ve siempre dónde está */
:focus-visible { outline: 3px solid #2F5F8F; outline-offset: 2px; }
[style*="background: #0B2350"] :focus-visible, footer :focus-visible { outline-color: #FFFFFF; }
.saltar { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; background: #FFFFFF; color: #0B2350; font-weight: 700; border-radius: 4px; }
.saltar:focus { top: 12px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 640px) {
	h1 { font-size: 38px !important; }
	h2 { font-size: 32px !important; }
}

/* Texto escrito desde el editor (noticias, eventos y páginas nuevas) */
.garabandal-texto p { margin: 0 0 16px; color: #33415C; }
.garabandal-texto h2 { margin: 32px 0 12px; font-family: 'EB Garamond', Georgia, serif; font-weight: 500; font-size: 30px; line-height: 1.15; color: #0B2350; }
.garabandal-texto h3 { margin: 28px 0 10px; font-family: 'EB Garamond', Georgia, serif; font-weight: 600; font-size: 24px; color: #0B2350; }
.garabandal-texto ul, .garabandal-texto ol { margin: 0 0 16px; padding-left: 24px; color: #33415C; }
.garabandal-texto blockquote { margin: 28px 0; padding: 4px 0 4px 24px; border-left: 3px solid #2F5F8F; font-family: 'EB Garamond', Georgia, serif; font-size: 26px; line-height: 1.35; color: #0B2350; }
.garabandal-texto blockquote p { color: #0B2350; }
.garabandal-texto blockquote cite { display: block; margin-top: 8px; font-family: 'Source Serif 4', Georgia, serif; font-size: 16px; font-style: normal; color: #4A5672; }
.garabandal-texto figure { margin: 28px 0; }
.garabandal-texto img { height: auto; border-radius: 4px; }
.garabandal-texto figcaption { margin-top: 8px; font-size: 14px; color: #4A5672; }
.garabandal-texto .wp-block-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.garabandal-texto .wp-block-gallery figure { margin: 0; }
.garabandal-texto .wp-block-gallery img { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; }

/* Vídeos de YouTube pegados en el editor */
.wp-block-embed { margin: 28px 0; }
.wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; }
.wp-block-embed__wrapper iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 4px; }

/* Paginación de Actualidad */
.garabandal-paginas .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 10px; box-sizing: border-box; border-radius: 4px; text-decoration: none; font-weight: 700; border: 1px solid #B9C7D8; color: #0B2350; }
.garabandal-paginas .page-numbers.current { background: #0B2350; border-color: #0B2350; color: #FFFFFF; }
.garabandal-paginas .page-numbers.dots { border: 0; }

/* Barra de administración: que no tape la cabecera */
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }