/*
Theme Name: ECOSUR Doctorado
Description: Tema propio y ligero (sin librerías externas ni JavaScript) que reproduce el marco visual del sitio Doctorado en Agroecología: barra superior, encabezado con menú centrado, contenido a ancho completo y pie. Sustituye al tema comercial Total.
Author: ECOSUR
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: ecosur-doctorado
*/
:root{--verde:#02805c;--verde-claro:#8ab986;--verde-suave:#c7dcc4;--guinda:#971442;--rosa:#ac1c4b;--gris:#5e5e5e;--fondo:#fff;--suave:#e7ebf0;--oscuro:#111;--borde:#e1e1e1;--ancho:1140px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;line-height:1.65;color:var(--gris);background:var(--fondo)}
a{color:var(--verde)}a:hover,a:focus{color:var(--guinda)}
img{max-width:100%;height:auto}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 20px}
.saltar{position:absolute;left:-999px}.saltar:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:100}
/* Barra superior */
.barra-superior{background:var(--verde);color:#fff;font-size:14px}
.barra-superior .contenedor{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.barra-superior a{color:#fff;text-decoration:none}.barra-superior a:hover{text-decoration:underline}
/* Encabezado */
.encabezado{background:#fff;border-bottom:3px solid var(--verde-claro);position:sticky;top:0;z-index:50}
.admin-bar .encabezado{top:32px}
.encabezado .contenedor{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--oscuro)}
.marca img{height:54px;width:auto}
.marca .titulo{font-weight:700;font-size:18px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;color:var(--verde)}
.menu-principal ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.menu-principal a{display:block;padding:10px 14px;color:var(--oscuro);text-decoration:none;font-weight:500;border-bottom:3px solid transparent}
.menu-principal a:hover,.menu-principal .current-menu-item>a{color:var(--guinda);border-bottom-color:var(--guinda)}
.menu-principal li{position:relative}
.menu-principal ul ul{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--borde);box-shadow:0 6px 18px rgba(0,0,0,.12);flex-direction:column;gap:0}
.menu-principal li:hover>ul,.menu-principal li:focus-within>ul{display:flex}
.boton-menu{display:none}
/* Contenido */
.contenido-completo{width:100%}
.contenido{max-width:var(--ancho);margin:0 auto;padding:40px 20px}
.contenido h1,.contenido h2,.contenido h3{color:var(--oscuro);line-height:1.25}
.entrada-titulo{margin:0 0 .6em;font-size:2.1rem;color:var(--verde)}
.entrada-meta{font-size:14px;color:#888;margin-bottom:1.5em}
.pagina-inicio .contenido-completo{margin:0}
.lista-entradas article{border-bottom:1px solid var(--borde);padding:0 0 1.5em;margin-bottom:1.5em}
.lista-entradas h2 a{text-decoration:none;color:var(--verde)}
.paginacion{display:flex;gap:12px;justify-content:center;margin-top:30px}
/* Pie */
.pie{background:var(--oscuro);color:#d6d6d6;margin-top:40px;font-size:14px}
.pie .contenedor{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding-top:34px;padding-bottom:34px}
.pie a{color:#fff}.pie h2{margin:0 0 .5em;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}
.pie ul{list-style:none;margin:0;padding:0}.pie li{margin:.25em 0}
.pie-inferior{background:#000;color:#9a9a9a;text-align:center;padding:12px 20px;font-size:13px}
/* Formularios */
input[type=text],input[type=email],input[type=search],textarea{width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:3px;font:inherit}
button,input[type=submit],.wp-block-button__link{background:var(--verde);color:#fff;border:0;padding:11px 22px;border-radius:3px;font:inherit;cursor:pointer}
button:hover,input[type=submit]:hover,.wp-block-button__link:hover{background:var(--guinda);color:#fff}
.alignwide{max-width:var(--ancho);margin-left:auto;margin-right:auto}
.alignfull{width:100%;max-width:none}
/* Móvil: menú sin JavaScript */
@media (max-width:860px){
 .encabezado .contenedor{flex-wrap:wrap;min-height:70px}
 .boton-menu{display:inline-block;cursor:pointer;padding:9px 14px;border:1px solid var(--verde);color:var(--verde);border-radius:3px;font-weight:500}
 .menu-principal{display:none;width:100%}
 #menu-conmutador:checked ~ .menu-principal{display:block}
 .menu-principal ul{flex-direction:column}
 .menu-principal ul ul{position:static;display:flex;border:0;box-shadow:none;padding-left:14px}
 .pie .contenedor{grid-template-columns:1fr}
 .marca .titulo{font-size:15px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Menú móvil operable con teclado (sin JavaScript): la casilla sigue en el orden de tabulación pero fuera de la vista */
.conmutador{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0}
.conmutador:focus-visible + .boton-menu{outline:3px solid #12372c;outline-offset:3px}
@media (min-width:861px){.conmutador,.boton-menu{display:none}}
.boton-menu{min-height:44px;align-items:center}
@media (max-width:860px){.boton-menu{display:inline-flex}}
:focus-visible{outline:3px solid #12372c;outline-offset:2px}
html{scroll-padding-top:110px}