/*
Theme Name: Alan Aguirre - Clasico
Author: Alan Aguirre
Description: Tema personal simple y responsive. Compatible con el plugin Alan Marca Personal v6.
Version: 2.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: alan-marca-personal
*/
/* EDITAR AQUI: Colores, anchura y tipografia. Tambien disponibles en Apariencia > Personalizar. */
:root{--azul:#173b69;--enlace:#175aa0;--fondo:#f4f5f7;--texto:#252a31;--borde:#d6dbe0;--ancho:1040px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:var(--enlace)}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #6ca6e8;outline-offset:3px}.skip-link{position:absolute;left:-9999px;background:#fff;padding:8px;z-index:20}.skip-link:focus{left:12px;top:8px}
.top-cover{max-height:170px;overflow:hidden;background:#d9e0e8}.top-cover img{display:block;width:100%;max-height:170px;object-fit:cover}.site-header{background:var(--azul);color:#fff}.header-inner{max-width:var(--ancho);margin:auto;padding:12px 18px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}.brand img{width:65px;max-height:55px;object-fit:contain}.brand-name{font-size:1.18rem;font-weight:bold;line-height:1.25}.brand-name small{display:block;font-size:.75rem;font-weight:normal}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{color:#fff;text-decoration:none;padding:8px 12px}.main-nav a:hover,.main-nav .current-menu-item>a{background:#ffffff26;text-decoration:none}.menu-toggle{display:none;border:1px solid #fff8;background:transparent;color:#fff;padding:6px 12px;border-radius:3px}
.site-shell{max-width:var(--ancho);margin:0 auto;padding:30px 18px 55px;min-height:55vh}.main-area{min-width:0}.intro-block{background:white;border:1px solid var(--borde);padding:27px;margin-bottom:28px}.intro-block h1{font-size:clamp(1.65rem,3.8vw,2.35rem);line-height:1.2;margin:0 0 13px}.intro-block p{max-width:760px;margin:0 0 14px}.section-block{margin:28px 0}.section-block h2{font-size:1.5rem;margin:0 0 12px;border-bottom:2px solid var(--borde);padding-bottom:6px}.simple-links{display:flex;gap:15px;flex-wrap:wrap}.simple-links a{font-weight:bold}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.focus-grid>div{background:white;border:1px solid var(--borde);padding:15px}.focus-grid h2{font-size:1.05rem;border:0;margin:0 0 5px;padding:0}.focus-grid p{margin:0;font-size:.92rem}.page-heading{margin-bottom:20px}.page-heading h1{font-size:2rem;margin:0 0 8px}.entry-content{overflow-wrap:anywhere}.footer{border-top:1px solid var(--borde);background:#fff}.footer-inner{max-width:var(--ancho);margin:auto;padding:19px 18px;display:flex;justify-content:space-between;gap:12px;font-size:.85rem;color:#565f69}
/* Adaptar el plugin de Proyectos a la misma apariencia sencilla. */
body .alan-hero,body .alan-block{max-width:none;background:#fff!important;border:1px solid var(--borde)!important;color:var(--texto)!important;border-radius:0!important;padding:24px!important;box-shadow:none!important;margin:20px 0!important}
body .alan-hero h1,body .alan-head h2{color:var(--texto)!important;font-size:clamp(1.5rem,3.5vw,2rem)!important}body .alan-hero p,body .alan-head p,body .alan-card p{color:#4e5864!important}body .alan-kicker{color:var(--enlace)!important}body .alan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body .alan-card{background:#fff!important;border:1px solid var(--borde)!important;border-radius:0!important;box-shadow:none!important}body .alan-picture{background:#f4f5f7!important}body .alan-card-img{padding:12px!important}body .alan-card-text{padding:15px!important}body .alan-card h3,body .alan-card h3 a{color:var(--texto)!important}body .alan-actions a{color:var(--enlace)!important}body .alan-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .alan-skill{background:#fff!important;border:1px solid var(--borde)!important;border-radius:0!important;padding:14px!important}body .alan-skill strong{color:var(--texto)!important}body .alan-skill small{color:#52606c!important}
@media(max-width:750px){.header-inner{flex-wrap:wrap;gap:10px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:5px 0 8px}.main-nav.is-open{display:flex}.main-nav a{display:block}.focus-grid,body .alan-grid,body .alan-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-cover,.top-cover img{max-height:115px}}
@media(max-width:480px){.site-shell{padding:18px 12px 35px}.intro-block{padding:18px}.focus-grid,body .alan-grid,body .alan-skill-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.brand img{width:50px}.brand-name{font-size:1.04rem}body .alan-hero,body .alan-block{padding:16px!important}}

/* Encabezado más compacto. */
.top-cover,.top-cover img{max-height:100px}.top-cover img{height:100px}.header-inner{padding-top:9px;padding-bottom:9px}.main-nav{flex-wrap:wrap;justify-content:flex-end}.main-nav a{padding:7px 9px;font-size:.94rem}@media(max-width:750px){.top-cover,.top-cover img{max-height:75px}.top-cover img{height:75px}}

.site-search{display:flex;align-items:center;gap:4px}.site-search input{width:110px;min-width:0;padding:6px;border:1px solid #bccbdd;border-radius:2px;font-size:.83rem}.site-search button{padding:6px;background:#e7effa;color:#173b69;border:1px solid #9fb4d3;border-radius:2px;font-size:.83rem}.search-result{background:#fff;border:1px solid var(--borde);padding:14px 20px;margin:14px 0}.search-result h2{font-size:1.16rem;margin:0 0 7px}.search-result p{margin:0}@media(max-width:980px){.header-inner{flex-wrap:wrap}.site-search{margin-left:auto}}@media(max-width:750px){.site-search{order:3;flex:1 0 100%;margin:4px 0}.site-search input{flex:1}}

/* Marca AA: icono compacto y legible en escritorio y movil. */
.brand img{width:52px;height:52px;max-height:none;object-fit:contain;flex-shrink:0}
@media(max-width:480px){.brand img{width:42px;height:42px}}