:root{--color-crema: #FFF9F0;--color-naranja: #FF6B35;--color-naranja-texto: #C0451A;--color-teal: #4ECDC4;--color-verde: #2ECC71;--color-azul: #3498DB;--color-oscuro: #2C3E50;--color-gris: #5F6E70;--color-footer-bg: #F8F9FA;--radius: 12px;--shadow: 0 2px 12px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-crema);color:var(--color-oscuro);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 24px}.site-header{background:var(--color-naranja-texto);color:#fff;padding:16px 0}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:1.4rem;font-weight:700}.site-nav a{color:#fff;margin-left:24px;font-size:.9rem}.site-nav a:hover{text-decoration:underline}.hero{background:linear-gradient(135deg,var(--color-naranja-texto) 0%,#C85020 100%);color:#fff;padding:64px 0 48px;text-align:center}.hero h1{font-size:2.4rem;margin-bottom:12px}.hero p{font-size:1.1rem;max-width:560px;margin:0 auto 24px}.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:32px 0}.area-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border-top:4px solid var(--area-color, var(--color-naranja));transition:transform .18s}.area-card:hover{transform:translateY(-4px);text-decoration:none}.area-card h2,.area-card h3{font-size:1.15rem;margin-bottom:8px}.area-card .count{font-size:.85rem;color:var(--color-gris)}.fichas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:24px 0}.ficha-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.ficha-card-preview{aspect-ratio:1 / 1.4142;background:#f0f0f0;overflow:hidden}.ficha-card-preview img{width:100%;height:100%;object-fit:cover}.ficha-card-preview .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.ficha-card-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:10px}.ficha-card-title{font-weight:600;font-size:.92rem}.ficha-card-meta{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:.72rem;padding:3px 8px;border-radius:20px;background:#f0f0f0}.badge-age{background:var(--color-teal);color:var(--color-oscuro)}.ficha-downloads{display:flex;gap:8px;margin-top:auto}.btn-download{flex:1;padding:8px 4px;border-radius:8px;font-size:.8rem;font-weight:600;text-align:center;display:block}.btn-color{background:var(--color-naranja-texto);color:#fff}.btn-mono{background:#fff;color:var(--color-oscuro);border:1.5px solid #ddd}.btn-color:hover{background:#a83c16;text-decoration:none}.btn-mono:hover{background:#f5f5f5;text-decoration:none}.breadcrumb{font-size:.85rem;color:var(--color-gris);padding:20px 0 0}.breadcrumb a{color:var(--color-naranja-texto)}.breadcrumb span+span:before{content:" › "}.pillar-editorial{max-width:760px;margin:28px 0 8px}.pillar-editorial h2{font-size:1.25rem;margin-bottom:10px;color:var(--color-oscuro)}.pillar-editorial .editorial-body{color:#444;white-space:pre-line;font-size:.97rem}.skills-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.skill-tag{background:var(--area-soft, #f0f0f0);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.info-box{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);margin:40px 0}.info-box h2{margin-bottom:10px;font-size:1.15rem}.info-box p{color:#444;max-width:700px}.site-footer{background:var(--color-footer-bg);border-top:1px solid #e0e0e0;padding:28px 0;margin-top:64px;text-align:center;font-size:.85rem;color:var(--color-gris)}.site-footer a{color:var(--color-naranja-texto);text-decoration:underline}.footer-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0 0 18px;padding:0}.footer-badge{font-size:.72rem;font-weight:600;color:var(--color-oscuro);background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:5px 12px}@media (max-width: 600px){.hero h1{font-size:1.8rem}.area-grid{grid-template-columns:1fr}}