/*
Theme Name: PROMETEO Web
Theme URI: https://prometeo-os.com/
Description: Diseño opcional de PROMETEO OS para los datos públicos sincronizados con WordPress.
Template: twentytwentyfive
Version: 1.2.0
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: prometeo-web
*/
:root{--prometeo-primary:#17524c;--prometeo-secondary:#d8eee9;--prometeo-on-primary:#fff}
body{overflow-wrap:anywhere}a:focus-visible,button:focus-visible{outline:3px solid var(--prometeo-primary);outline-offset:3px}
.prometeo-brand{display:inline-flex;align-items:center;min-height:3rem;color:inherit;text-decoration:none;font-weight:700;font-size:1.25rem}
.prometeo-logo{display:block;max-width:min(14rem,45vw);max-height:56px;width:auto;height:auto;object-fit:contain}
.prometeo-header{border-bottom:1px solid #d8e1df;background:#fff}.prometeo-header .wp-block-navigation{flex-wrap:wrap}
/* CTO W2A-C: cabecera a lo ancho y menú compacto para que quepa en una línea en escritorio */
.prometeo-header .wp-block-navigation{font-size:.95rem;--wp--style--block-gap:.85rem;gap:.35rem .85rem}
.prometeo-footer-wrap{margin:0!important;max-width:none!important;width:100%}.prometeo-footer-wrap .wp-block-shortcode{margin:0}
.prometeo-footer{box-sizing:border-box;width:100%;padding:2.5rem max(1rem,calc((100vw - 72rem)/2));background:var(--prometeo-footer-gradient,var(--prometeo-footer));color:var(--prometeo-on-footer)}
.prometeo-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.prometeo-footer p{margin:.3rem 0}.prometeo-footer a{color:var(--prometeo-on-footer);display:inline-block;margin:.2rem .7rem .2rem 0;text-decoration:underline;text-underline-offset:.2em}.prometeo-footer-bottom{border-top:1px solid currentColor;padding-top:1rem;margin-top:1.5rem!important;opacity:.92}
.prometeo-header{color:var(--prometeo-header-fg,#111827);background:var(--prometeo-header-gradient,#fff);box-shadow:0 2px 12px rgba(15,23,42,.08)}.prometeo-header a,.prometeo-header .wp-block-navigation a{color:inherit}.prometeo-header-actions{display:flex;gap:.4rem;justify-content:flex-end}.prometeo-header-action{border:1px solid currentColor;border-radius:8px;padding:.45rem .6rem;text-decoration:none;white-space:nowrap}
.prometeo-whatsapp-float{position:fixed;left:20px;right:auto;bottom:20px;z-index:100;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#fff;background:#075e39;box-shadow:0 4px 16px rgba(0,0,0,.28)}.prometeo-whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
.prometeo-hero{padding:clamp(2rem,5vw,5rem);border-radius:1.2rem;background:var(--prometeo-secondary)}
.prometeo-hero h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.1}.prometeo-hero img{max-height:10rem;max-width:100%;height:auto}
.prometeo-button{display:inline-block;padding:.8rem 1.2rem;background:var(--prometeo-primary);color:var(--prometeo-on-primary)!important;border-radius:.5rem;text-decoration:none}
.prometeo-section-item{padding:1.25rem;margin:1rem 0;border:1px solid #d8e1df;border-radius:.7rem}.prometeo-section-item img{max-width:100%;height:auto}
.prometeo-main{max-width:72rem;margin:0 auto;padding:clamp(1rem,3vw,3rem)}
.prometeo-main .wp-block-post-content img{max-width:100%;height:auto}
body.prometeo-has-widgets .prometeo-w2f-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,300px);gap:clamp(1rem,3vw,2rem);align-items:start}
body.prometeo-has-widgets .prometeo-w2f-content{min-width:0;max-width:none;width:100%}
.prometeo-widgets{display:grid;gap:1rem;min-width:0}.prometeo-widgets img{display:block;width:100%;height:auto;object-fit:contain}
.prometeo-widget-banner,.prometeo-widget-html{max-width:100%;overflow-wrap:anywhere}.prometeo-widget-banner img{object-fit:contain}
.prometeo-widget-160x600{max-width:160px}.prometeo-widget-300x250,.prometeo-widget-300x600,.prometeo-widget-300x100{max-width:300px}
.prometeo-widget-300x250 img{aspect-ratio:300/250}.prometeo-widget-300x600 img{aspect-ratio:300/600}.prometeo-widget-160x600 img{aspect-ratio:160/600}.prometeo-widget-300x100 img{aspect-ratio:300/100}
.prometeo-widget-html{padding:1rem;border:1px solid #d8e1df;border-radius:.6rem}
@media(max-width:899px){body.prometeo-has-widgets .prometeo-w2f-layout{display:block}body.prometeo-has-widgets .prometeo-widgets{margin-top:2rem}}
/* CTO W2A-C: los vídeos no se aplastan (antes height:auto dejaba el iframe en 150px) */
.wp-block-embed iframe,.prometeo-main .wp-block-post-content iframe{width:100%;max-width:100%;height:auto;aspect-ratio:16/9}
@media(max-width:768px){.prometeo-header{padding:1rem}.prometeo-logo{max-height:44px}.prometeo-footer{padding:2rem 1rem}.prometeo-footer-grid{grid-template-columns:1fr}.prometeo-header-action{padding:.35rem .5rem}.prometeo-action-text{display:none}.prometeo-footer a{margin:.4rem .5rem .4rem 0}}

/* CTO W2A-D-B: el pie ocupa TODO el ancho. El diseño «constrained» de WordPress limitaba la caja del pie a 760px y le añadía relleno lateral. */
.prometeo-footer-wrap.has-global-padding{padding-left:0!important;padding-right:0!important}
.prometeo-footer-wrap>.prometeo-footer{max-width:none!important;margin-left:0!important;margin-right:0!important}
/* CTO W2A-D-B: cabecera en el ordenador. El logo y los botones ocupan lo justo y el menú se queda el resto; la columna de botones vacía no reserva sitio. */
.prometeo-header .wp-block-columns>.wp-block-column:nth-child(3):not(:has(.prometeo-header-actions)){display:none}
@media(min-width:782px){.prometeo-header>.wp-block-columns.alignwide{max-width:min(100%,88rem)!important}.prometeo-header .wp-block-navigation{--wp--style--block-gap:.75rem;gap:.35rem .75rem}.prometeo-header .wp-block-columns{flex-wrap:nowrap!important;gap:1.2rem}.prometeo-header .wp-block-columns>.wp-block-column{flex:0 0 auto!important}.prometeo-header .wp-block-columns>.wp-block-column:nth-child(2){flex:1 1 auto!important;min-width:0}}
/* CTO W2A-D-B: en páginas cortas el pie baja hasta el final de la pantalla (no se queda a media altura con blanco debajo) */
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}.wp-site-blocks>main.prometeo-main{flex:1 0 auto;width:100%;box-sizing:border-box}
/* CTO W2A-D-B: en el móvil, cabecera en UNA fila (logo · botones · ☰), no en tres: con «cabecera fija» ocupaba un cuarto de la pantalla */
@media(max-width:781px){.prometeo-header .wp-block-columns{flex-wrap:nowrap!important;align-items:center;gap:.5rem}.prometeo-header .wp-block-columns>.wp-block-column{flex:0 0 auto!important;width:auto!important;margin:0!important}.prometeo-header .wp-block-columns>.wp-block-column:first-child{flex:1 1 auto!important;min-width:0}.prometeo-header .wp-block-columns>.wp-block-column:nth-child(3){order:2}.prometeo-header .wp-block-columns>.wp-block-column:nth-child(2){order:3}.prometeo-footer-bottom{padding-bottom:var(--prometeo-float-gap);padding-left:var(--prometeo-float-gap)}}

/* CTO W2A-C: «Leer más» de Noticias */
.prometeo-more{margin-top:.6rem}.prometeo-more summary{cursor:pointer;font-weight:600;color:var(--prometeo-primary)}.prometeo-more[open] summary{margin-bottom:.6rem}
/* CTO W2A-F-B: el botón de WhatsApp (abajo a la izquierda) ya no tapa el «© año · nombre» del final del pie, también en el ordenador */
.prometeo-footer-bottom{padding-bottom:var(--prometeo-float-gap,76px)}
/* CTO W2F-E · menú del móvil: opciones a la IZQUIERDA y fondo sólido, como en las webs.
   El traductor (arriba a la derecha) tapaba «Nosotros»: mientras el menú está abierto, se oculta. */
.wp-block-navigation__responsive-container.is-menu-open{background:var(--prometeo-header-gradient,#ffffff)!important;color:var(--prometeo-header-fg,#17202a)!important;padding-top:4.5rem!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding:0 0 0 1rem!important;margin:0!important;gap:.6rem!important}
html.has-modal-open .p6d-root,html.has-modal-open .p6d-language-top,html.has-modal-open .prometeo-whatsapp-float{display:none!important}