/*
Theme Name: Nerja Fondos Europeos
Theme URI: https://example.local/
Author: Ayuntamiento de Nerja
Author URI: https://www.nerja.es/
Description: Plantilla WordPress para publicar proyectos financiados con Fondos Europeos. Cumple el Manual de Identidad Visual de Fondos Europeos.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nerja-fondos-europeos
Tags: transparencia, fondos europeos, ayuntamiento, proyectos
*/

:root{
  --azul-corporativo: #12123A; /* HEX del manual */
  --dorado: #B09C56;
  --gris-medio: #C8C8C8;
  --gris-claro: #EDEDED;
  --area-feder: #1E3485; /* ejemplo color área */
  --area-fse: #50B076;
  --body-font: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --title-font: 'Source Serif Pro', Georgia, 'Times New Roman', serif;
}

/* Reset básico */
*{box-sizing:border-box}
body{font-family:var(--body-font); color:#111; margin:0; background:#fff}
a{color:var(--azul-corporativo)}

.site-header{background:#fff; border-bottom:1px solid var(--gris-claro);}
.site-branding{display:flex; align-items:center; gap:1rem; padding:1rem}
.site-branding img{height:56px; width:auto}
.site-nav{background:var(--gris-claro); padding:0.5rem 1rem}
.site-nav ul{list-style:none; margin:0; padding:0; display:flex; gap:1rem}

.site-container{max-width:1100px; margin:1.25rem auto; padding:0 1rem}
.page-title{font-family:var(--title-font); font-weight:300; font-size:2.2rem; color:var(--azul-corporativo); margin:0 0 1rem}
.page-intro{color:#333; margin-bottom:1.25rem}

.layout{display:grid; grid-template-columns: 320px 1fr; gap:1.25rem}
.sidebar{background:#fff; border:1px solid var(--gris-claro); padding:1rem}
.content{background:#fff; border:1px solid var(--gris-claro); padding:1rem}

.tree-item{border-left:4px solid var(--gris-medio); padding:0.6rem 0.8rem; margin-bottom:0.5rem}
.tree-item .meta{font-size:0.9rem; color:#666}

.badge-area{display:inline-block; padding:0.25rem 0.6rem; border-radius:999px; color:#fff; font-weight:600; font-size:0.8rem}
.badge-feder{background:#1E3485}
.badge-fse{background:#50B076}
.badge-ftj{background:#E6B039}

.project-list{margin:0; padding:0}
.project-list li{list-style:none; margin-bottom:0.75rem}
.project-title{font-weight:600}
.project-summary{color:#444}

/* Footer cofinanciación */
.cofin-footer{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; background:var(--azul-corporativo); color:#fff}
.cofin-footer .left{display:flex; align-items:center; gap:1rem}
.cofin-footer img{height:48px}
.cofin-footer .text{font-size:0.95rem}

/* Responsive */
@media(max-width:900px){
  .layout{grid-template-columns:1fr}
  .site-branding img{height:46px}
  .sidebar{order:2}
}

/* Fractales: background decorativo (uso discreto, sobre color según manual) */
.fractal-decor{position:absolute; right:0; top:0; width:260px; height:260px; opacity:0.06; pointer-events:none}