/* ==========================================================================
   EducAcción · estilos del tema
   Paleta: Birch #F1E9DA · Deepsea #264F56 · Peach #DE896C · Guava #D1D48B
           Berry #613339 · Lilac #B99ABB · Marigold #D6934D · Bluebells #ADB2C4
   Tipografías: Fraunces (títulos) · DM Sans (textos) · Caveat (detalles)
   ========================================================================== */

/* Base ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F1E9DA; color: #17343A; font-family: 'DM Sans', system-ui, sans-serif; line-height: 1.5; }
img, video, iframe { max-width: 100%; }
a { color: #264F56; }
a:hover { color: #17343A; }
a:focus-visible, button:focus-visible { outline: 3px solid #B85F43; outline-offset: 2px; }
.wrap { max-width: 1180px; margin: 0 auto; padding-left: 32px; padding-right: 32px; box-sizing: border-box; }
.read { max-width: 760px; margin: 0 auto; padding-left: 32px; padding-right: 32px; box-sizing: border-box; }
.serif { font-family: 'Fraunces', Georgia, serif; }
.hand { font-family: 'Caveat', cursive; font-weight: 600; }
.eyebrow { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; margin: 0; }
h1, h2, h3 { font-family: 'Fraunces', Georgia, serif; font-weight: 400; margin: 0; color: #264F56; line-height: 1.05; }
.acc { font-style: italic; color: #B85F43; }
.pill { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; background: #E4D9C4; color: #17343A; text-decoration: none; font-size: 13px; font-weight: 500; }
.pill:hover { background: #D9CCB3; color: #17343A; }
.pill.on { background: #264F56; color: #F1E9DA; }
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 0 22px; min-height: 46px; border-radius: 999px; background: #264F56; color: #F1E9DA; text-decoration: none; font-weight: 700; font-size: 14px; }
.btn:hover { color: #F1E9DA; background: #17343A; }
.btn.light { background: #F1E9DA; color: #264F56; border: 1.5px solid #264F56; }
.ed-page-pvu .btn { justify-content: center; border-radius: 14px; }
.ph { display: flex; align-items: center; justify-content: center; background: #DDD3C1; color: #4F5A58; font-size: 13px; text-align: center; padding: 12px; box-sizing: border-box; }
.play { width: 60px; height: 60px; border-radius: 50%; background: #F1E9DA; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; flex: none; }
.ed-site { overflow-x: clip; }
.foot a { color: #F1E9DA; }
.foot a:hover { color: #D1D48B; }

/* Accesibilidad ---------------------------------------------------------- */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.skip-link:focus { clip: auto; clip-path: none; height: auto; width: auto; left: 12px; top: 12px; z-index: 100000; background: #264F56; color: #F1E9DA; padding: 10px 16px; border-radius: 8px; }

/* Encabezado y menú ------------------------------------------------------- */
.ed-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding-top: 20px; padding-bottom: 20px; }
.ed-logo { text-decoration: none; display: flex; align-items: baseline; }
.custom-logo-link img { max-height: 56px; width: auto; display: block; }
.ed-nav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ed-nav-list li { margin: 0; }
.ed-nav-toggle { display: none; background: #E4D9C4; border: 0; border-radius: 999px; width: 48px; height: 44px; align-items: center; justify-content: center; cursor: pointer; }

/* Contenido multimedia cargado desde el administrador -------------------- */
.ph.has-media { padding: 0; overflow: hidden; background: transparent; position: relative; }
.ph.has-image > img, .ph.has-image .ed-media-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ph.has-embed { background: #17343A; }
.ph.has-embed .ed-embed { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.ph.has-embed .ed-embed iframe { width: 100% !important; height: 100% !important; border: 0; display: block; }
.ph.has-embed .ed-embed blockquote { margin: 0 !important; max-height: 100%; overflow: auto; }
.ph.has-audio { background: #FBF7F0; padding: 12px; }
.ed-audio { width: 100%; }
.ed-audio .wp-audio-shortcode { width: 100% !important; }
.ph.has-map .ed-map { width: 100%; height: 100%; border: 0; display: block; }
.ed-embed-link { font-weight: 700; color: inherit; }
.ph > span[style*="position:absolute"] { z-index: 2; }

/* Entradas ---------------------------------------------------------------- */
.ed-chip { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; border-radius: 999px; color: #17343A; text-decoration: none; letter-spacing: .02em; }
.ed-chip:hover { color: #17343A; filter: brightness(.95); }
.ed-crumbs { font-size: 13px; color: #4F5A58; }
.ed-meta { font-size: 13px; color: #4F5A58; }
.ed-hero-img { border-radius: 32px; overflow: hidden; }
.ed-hero-img img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 8; object-fit: cover; }

.ed-content { font-size: 16px; line-height: 1.7; }
.ed-content > * { margin-top: 0; margin-bottom: 26px; }
.ed-content > *:last-child { margin-bottom: 0; }
.ed-content h2 { font-size: 38px; line-height: 1.1; margin-top: 48px; margin-bottom: 16px; }
.ed-content h3 { font-size: 24px; line-height: 1.2; margin-top: 32px; margin-bottom: 10px; }
.ed-content h2 em, .ed-content h3 em { color: #B85F43; }
.ed-content p { margin-top: 0; }
.ed-content ul, .ed-content ol { padding-left: 1.3em; }
.ed-content li { margin-bottom: 6px; }
.ed-content figure { margin-left: 0; margin-right: 0; }
.ed-content .wp-block-image img { border-radius: 18px; height: auto; }
.ed-content figcaption, .ed-content .wp-element-caption { font-size: 12px; color: #4F5A58; margin-top: 6px; text-align: left; }
.ed-content .wp-block-embed__wrapper iframe { border-radius: 20px; }
.ed-content .wp-block-video video { border-radius: 20px; }
.ed-content .wp-block-audio audio { width: 100%; }
.ed-content .wp-block-separator { border: 0; border-top: 1px solid #CFC4AE; }
.ed-content .wp-block-table table { border-collapse: collapse; width: 100%; font-size: 14px; background: #FBF7F0; border-radius: 14px; overflow: hidden; }
.ed-content .wp-block-table th, .ed-content .wp-block-table td { padding: 10px 14px; border-bottom: 1px solid #E4D9C4; text-align: left; }
.ed-content .wp-block-button__link { background: #264F56; color: #F1E9DA; border-radius: 999px; padding: 13px 22px; font-weight: 700; font-size: 14px; text-decoration: none; }
.ed-content .wp-block-button__link:hover { background: #17343A; color: #F1E9DA; }
.ed-content .alignwide { max-width: 1116px; margin-left: 50%; transform: translateX(-50%); width: calc(100vw - 64px); }
.ed-content .alignfull { width: 100vw; max-width: 100vw; margin-left: 50%; transform: translateX(-50%); }

/* Frase destacada (bloque Cita) */
.ed-content .wp-block-quote, .ed-content .wp-block-pullquote { margin-left: 0; margin-right: 0; background: #D1D48B; border: 0; border-radius: 28px 120px 28px 28px; padding: 44px 52px; text-align: left; }
.ed-content .wp-block-quote p, .ed-content .wp-block-pullquote p { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 32px; line-height: 1.22; color: #264F56; margin: 0 0 14px; }
.ed-content .wp-block-quote cite, .ed-content .wp-block-pullquote cite { font-style: normal; font-size: 14px; font-weight: 700; color: #17343A; }
.ed-content .wp-block-quote::before, .ed-content .wp-block-pullquote::before { content: 'frase destacada'; display: block; font-family: 'Caveat', cursive; font-weight: 600; font-size: 26px; color: #17343A; margin-bottom: 10px; }
.ed-content .wp-block-quote.is-style-oscura, .ed-content .wp-block-pullquote { background: #264F56; }
.ed-content .wp-block-quote.is-style-oscura p, .ed-content .wp-block-pullquote p { color: #F1E9DA; }
.ed-content .wp-block-quote.is-style-oscura cite, .ed-content .wp-block-pullquote cite { color: #F1E9DA; }
.ed-content .wp-block-quote.is-style-oscura::before, .ed-content .wp-block-pullquote::before { color: #D1D48B; }

/* Patrones de bloques */
.ed-content .ed-q, .ed-q { font-family: 'Fraunces', Georgia, serif; font-size: 22px; line-height: 1.3; color: #264F56; margin-bottom: 10px; }
.ed-content .ed-q + p { margin-top: 0; }
.ed-analisis { font-size: 15px; line-height: 1.6; background: #FBF7F0; border: 1.5px dashed #CFC4AE; border-radius: 14px; padding: 14px 18px; color: #4F5A58; }
.ed-mano { font-family: 'Caveat', cursive; font-weight: 600; font-size: 26px; color: #9A4A33; margin-bottom: 4px !important; }
.ed-etiqueta { display: inline-block; font-size: 11px; font-weight: 700; padding: 5px 12px; border-radius: 999px; background: #E4D9C4; letter-spacing: .04em; text-transform: uppercase; }
.ed-etiqueta.has-deepsea-background-color { color: #F1E9DA; }
.ed-titular { background: #FBF7F0; border-radius: 14px; padding: 16px 18px; }
.ed-titular p { margin: 0; }
.ed-titular p:first-child { font-family: 'Fraunces', Georgia, serif; font-size: 18px; line-height: 1.35; color: #264F56; }
.ed-titular p:first-child a { color: #264F56; text-decoration: none; }
.ed-titular p:last-child { font-size: 12px; margin-top: 4px; }
.ed-content .ed-titular { margin-bottom: 10px; }
.ed-tarjeta { background: #FBF7F0; border-radius: 22px; padding: 22px; height: 100%; }
.ed-tarjeta h3 { margin-top: 0 !important; }
.ed-tarjeta p { font-size: 14px; line-height: 1.55; margin: 0 0 10px; }
.ed-lecturas { gap: 18px !important; }
.ed-lectura { border-radius: 22px 22px 22px 4px; padding: 24px; height: 100%; }
.ed-lectura .ed-mano { font-size: 24px; color: inherit; }
.ed-lectura p { margin: 0 0 10px; }
.ed-lectura .ed-frase { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 19px; line-height: 1.35; }
.ed-lectura-1 { background: #264F56; color: #F1E9DA; }
.ed-lectura-1 .ed-mano { color: #D1D48B; }
.ed-lectura-2 { background: #D1D48B; color: #17343A; }
.ed-lectura-3 { background: #DE896C; color: #17343A; }
.ed-banda { border-radius: 28px; padding: 36px 40px; }
.ed-banda-oscura { background: #264F56; color: #F1E9DA; }
.ed-banda-oscura h2, .ed-banda-oscura h3 { color: #F1E9DA; }
.ed-banda-oscura h2 em, .ed-banda-oscura h3 em { color: #D1D48B; }
.ed-banda-clara { background: #EAE0CD; }
.ed-banda-azul { background: #BFC7D6; }
.ed-encuesta { background: #FBF7F0; border-radius: 22px; padding: 24px; }
.ed-encuesta h3 { font-size: 20px !important; margin: 0 0 14px !important; }
.ed-barra { font-size: 13px; margin-bottom: 12px; }
.ed-barra-fila { display: flex; justify-content: space-between; gap: 12px; }
.ed-barra-pista { height: 12px; border-radius: 999px; background: #E4D9C4; margin-top: 5px; overflow: hidden; }
.ed-barra-valor { height: 12px; border-radius: 999px; background: #264F56; }
.ed-cifra { background: #264F56; color: #F1E9DA; border-radius: 18px; padding: 18px; }
.wp-block-column > .ed-cifra, .wp-block-column > .ed-lectura, .wp-block-column > .ed-tarjeta, .wp-block-column > .ed-encuesta { height: 100%; }
.ed-cifra p:first-child { font-family: 'Fraunces', Georgia, serif; font-size: 26px; color: #D1D48B; margin: 0; line-height: 1.1; }
.ed-cifra p { margin: 0; font-size: 13px; }

/* Compartir y "Seguí leyendo" */
.ed-share { border-top: 1px solid #CFC4AE; padding-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; }
.ed-share button.pill { border: 0; cursor: pointer; font-family: inherit; }
.ed-related { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.ed-card { text-decoration: none; color: #17343A; background: #FBF7F0; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; }
.ed-card:hover { color: #17343A; box-shadow: 0 0 0 2px #CFC4AE; }
.ed-card-img { height: 160px; }
.ed-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ed-card-body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.ed-card-title { font-family: 'Fraunces', Georgia, serif; font-size: 20px; color: #264F56; line-height: 1.25; }
.ed-card-excerpt { font-size: 13px; color: #4F5A58; margin: 0; }
.ed-pagination { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 32px; }
.ed-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0 12px; border-radius: 999px; background: #E4D9C4; color: #17343A; text-decoration: none; font-size: 14px; }
.ed-pagination .page-numbers.current { background: #264F56; color: #F1E9DA; }

/* Responsive ---------------------------------------------------------------- */
@media (max-width: 1024px) {
	h1 { font-size: 56px !important; }
	.ed-main h2 { font-size: 40px !important; }
}

@media (max-width: 820px) {
	.ed-nav-toggle { display: inline-flex; }
	.ed-nav { display: none; width: 100%; }
	.ed-nav.is-open { display: block; }
	.ed-nav-list { padding-top: 4px; }
	.ed-nav-list .pill { min-height: 44px; font-size: 14px; }
	h1 { font-size: 46px !important; line-height: 1.08 !important; }
	.ed-main h2 { font-size: 34px !important; line-height: 1.1 !important; }
	.ed-main section[style*="padding-top:80px"], .ed-main section[style*="padding-top:88px"] { padding-top: 56px !important; }
	.ed-main section[style*="padding-bottom:80px"], .ed-main section[style*="padding-bottom:88px"] { padding-bottom: 56px !important; }
	.ed-content .wp-block-quote, .ed-content .wp-block-pullquote { padding: 32px 28px; border-radius: 24px 64px 24px 24px; }
	.ed-content .wp-block-quote p, .ed-content .wp-block-pullquote p { font-size: 26px; }
}

@media (max-width: 600px) {
	.wrap, .read { padding-left: 20px; padding-right: 20px; }
	h1 { font-size: 38px !important; }
	.ed-main h2 { font-size: 30px !important; }
	.ed-main h3 { font-size: 22px !important; }
	.ed-content h2 { font-size: 30px; }
	/* Grillas con columnas mínimas anchas: una columna en el celular */
	.ed-main [style*="minmax(340px"], .ed-main [style*="minmax(300px"], .ed-main [style*="minmax(260px"], .ed-main [style*="minmax(250px"], .ed-main [style*="minmax(240px"] { grid-template-columns: 1fr !important; }
	.ed-main [style*="minmax(220px"], .ed-main [style*="minmax(200px"], .ed-main [style*="minmax(190px"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	/* Bloques con mucho relleno */
	.ed-main [style*="padding:48px"], .ed-main [style*="padding:44px"], .ed-main [style*="padding:40px"] { padding: 28px 24px !important; }
	.ed-main [style*="padding:36px 44px"] { padding: 28px 24px !important; }
	.ed-main [style*="border-radius:28px 120px"], .ed-main [style*="border-radius:32px 140px"], .ed-main [style*="border-radius:32px 120px"] { border-top-right-radius: 64px !important; }
	.ed-main span.serif[style*="font-size:34px"] { font-size: 24px !important; }
	.ed-main .serif[style*="font-size:60px"] { font-size: 48px !important; }
	.ed-main [style*="min-height:400px"] { min-height: 320px !important; }
	.ed-banda { padding: 26px 22px; }
	.ed-content .alignwide { width: calc(100vw - 40px); }
}