/* Jerarquía visual inspirada en la claridad de la web de Esplugues.
   Conserva la identidad y el contenido editorial propios de Solmétrica. */
:root{--ink:#17364a;--muted:#516575;--cream:#f5f8f5;--line:#dce6e2;--green:#126a50;--lime:#d8edaa;--gold:#f5cc62;--shadow:0 22px 50px rgba(23,54,74,.09)}
body,body.home,body:not(.home){font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}
h1,h2,h3,.home h1,.home h2,.home h3,body:not(.home) .page-hero h1,body:not(.home) .section-heading h2,body:not(.home) .article-head h1,body:not(.home) .prose h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}
.wrap,.home .wrap{width:min(1200px,calc(100% - 64px))}
.site-header{position:relative;border-bottom:1px solid #e6ecea;box-shadow:0 4px 18px rgba(23,54,74,.035)}
.utility-bar{background:#143a49;color:#e7f4f0;font-size:.76rem;font-weight:700;letter-spacing:.015em}
.utility-bar .wrap{display:flex;justify-content:space-between;gap:20px;min-height:34px;align-items:center}
.nav-wrap{width:min(1200px,calc(100% - 64px));min-height:81px;gap:52px}
.brand{min-width:235px;font-size:1.53rem;color:#17364a}
.brand small{font-size:.57rem;letter-spacing:.15em;color:#356c60}
.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--gold);font-size:25px}
.site-header nav{gap:31px;align-items:center}
.site-header nav a{font-size:.88rem;color:#233d4a;position:relative}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:var(--green);text-decoration:none}
.site-header nav a[aria-current="page"]:after{content:"";height:2px;background:var(--green);position:absolute;left:0;right:0;bottom:-10px}
.header-note{margin-left:auto;background:#e9f4df;color:#1b5b46;text-decoration:none;padding:11px 16px;border-radius:7px;font-size:.81rem;font-weight:800;white-space:nowrap}
.header-note:hover{background:#dceecb}
.header-note span{margin-left:6px}
.editorial-hero{width:min(1200px,calc(100% - 64px));min-height:0;margin:0 auto;padding:70px 0 76px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;background:#fff;align-items:center}
.editorial-hero-copy{padding:0;display:block}
.editorial-copy-inner{max-width:580px}
.home .eyebrow,body:not(.home) .eyebrow{font-family:'DM Sans',Arial,sans-serif;color:#126a50;font-size:.69rem;letter-spacing:.15em;font-weight:900}
.editorial-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(3.1rem,4.8vw,4.95rem);font-weight:800;line-height:1.045;letter-spacing:-.058em;margin:22px 0 23px;color:#17364a}
.editorial-hero h1 em{color:#126a50}
.editorial-hero .lead{font-family:'DM Sans',Arial,sans-serif;font-size:1.08rem;line-height:1.68;color:#516575;max-width:540px;margin:0 0 27px}
.editorial-hero .button,.editorial-principle .button,body:not(.home) .page-hero .button{font-family:'DM Sans',Arial,sans-serif;font-size:.91rem;font-weight:800;border-radius:7px;padding:14px 22px;background:#126a50;border-color:#126a50}
.editorial-hero .button:hover,body:not(.home) .page-hero .button:hover{background:#0d503e}
.editorial-note{margin-top:19px;font-size:.84rem;color:#617682;line-height:1.45}
.editorial-hero-image{height:560px;border-radius:15px;box-shadow:var(--shadow)}
.editorial-hero-image img{height:100%;object-position:58% center}
.image-credit{right:auto;left:18px;bottom:18px;text-shadow:none;background:rgba(255,255,255,.95);color:#17364a;padding:12px 14px;border-radius:6px;font-size:.66rem;letter-spacing:.1em}
.featured-reading{background:#f5f8fa;padding:78px 0 80px}
.featured-reading-grid{grid-template-columns:.95fr 1.08fr .85fr;gap:35px;align-items:center}
.featured-copy h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,2.8vw,2.85rem);font-weight:800;line-height:1.14;max-width:360px;margin:18px 0 14px}
.featured-copy p,.editorial-principle p{font-family:'DM Sans',Arial,sans-serif;font-size:1rem;line-height:1.68}
.featured-photo{height:315px;border-radius:12px;box-shadow:0 15px 35px rgba(23,54,74,.08)}
.featured-side{padding-left:28px;border-color:#d2dfe0}
.featured-side h3{font-family:Manrope,Arial,sans-serif;font-size:1.23rem;letter-spacing:-.035em;line-height:1.25}
.featured-side p{font-size:.88rem;line-height:1.55}
.home .text-link,body:not(.home) .text-link{font-family:'DM Sans',Arial,sans-serif;font-weight:800;color:#126a50;font-size:.9rem}
.editorial-principle{background:#173c47;padding:65px 0}
.editorial-principle-grid{gap:75px}
.editorial-principle h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,3.1vw,3.25rem);font-weight:800;line-height:1.13}
.editorial-principle-grid>div+div{border-color:#6f8990}
.editorial-principle p{color:#e0e9e9}
.editorial-principle .button-light{background:var(--gold);color:#17364a;border-color:var(--gold);margin-top:12px}
.home .section{padding:86px 0}
.home .section-heading h2{font-family:Manrope,Arial,sans-serif;font-weight:800}
.home .home-start{background:#fff}
.home .home-start .card{min-height:280px;padding-top:32px}
.home .home-start .card h3{font-family:Manrope,Arial,sans-serif;font-size:1.45rem;line-height:1.23;font-weight:800}
.home .home-start .card p{font-size:.96rem;color:#526775}
.home .split .large{font-family:'DM Sans',Arial,sans-serif;font-size:1.17rem;line-height:1.7}
.home .mini-list{border-left:1px solid #d7e3e2;padding-left:38px}
body:not(.home) .page-hero{background:#f5f8fa;padding:85px 0 76px}
body:not(.home) .page-hero h1{font-size:clamp(2.8rem,4.7vw,4.5rem);font-weight:800;line-height:1.1;color:#17364a;max-width:930px}
body:not(.home) .page-hero .lead,body:not(.home) .article-head .lead{font-family:'DM Sans',Arial,sans-serif;font-size:1.15rem;line-height:1.65;color:#516575}
body:not(.home) .section-heading h2{font-weight:800}
body:not(.home) .card h3,body:not(.home) .toc strong,body:not(.home) .answer strong,body:not(.home) .callout strong,.related-item strong{font-family:Manrope,Arial,sans-serif}
body:not(.home) .card h3{font-size:1.43rem;font-weight:800;line-height:1.23}
body:not(.home) .article-head h1{font-weight:800;line-height:1.1;font-size:clamp(2.8rem,4.3vw,4.45rem)}
body:not(.home) .prose h2{font-weight:800}
body:not(.home) .prose,body:not(.home) .prose p,body:not(.home) .prose li{color:#334f5c}
.related-reading{background:#f5f8fa}
.related-reading h2{font-family:Manrope,Arial,sans-serif;font-weight:800}
.related-item strong{font-size:1.34rem;font-weight:800}
.site-footer{background:#102f3e}
@media(max-width:1100px){.nav-wrap{gap:22px}.brand{min-width:195px}.site-header nav{gap:20px}.header-note{padding:10px 12px}.editorial-hero{gap:35px}.editorial-hero h1{font-size:clamp(2.8rem,4.7vw,4.2rem)}.editorial-hero-image{height:500px}.featured-reading-grid{gap:25px}}
@media(max-width:800px){.utility-bar .wrap span:last-child{display:none}.nav-wrap{width:min(100% - 40px,1200px);flex-wrap:wrap;min-height:0;padding:15px 0;gap:14px}.brand{min-width:0}.header-note{margin-left:auto}.site-header nav{order:3;width:100%;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid #edf1f0}.site-header nav a{font-size:.83rem}.editorial-hero{width:min(100% - 40px,1200px);padding:50px 0 62px;gap:28px}.editorial-hero-image{height:440px}.featured-reading-grid{grid-template-columns:1fr 1fr}.featured-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:26px;border-left:0;border-top:1px solid #d2dfe0;padding:25px 0 0}.featured-side>div+div{border-top:0;padding:0;margin:0;border-left:1px solid #d2dfe0;padding-left:26px}}
@media(max-width:700px){.wrap,.home .wrap{width:min(100% - 40px,1200px)}.utility-bar .wrap{min-height:30px;font-size:.69rem}.nav-wrap{display:flex;padding:12px 0}.brand{font-size:1.3rem}.brand small{font-size:.5rem}.brand-mark{height:35px;width:35px;font-size:22px}.header-note{font-size:.74rem;padding:8px 10px}.site-header nav{overflow:visible;white-space:normal;padding:10px 0 0;justify-content:flex-start;column-gap:19px;row-gap:8px;flex-wrap:wrap}.site-header nav a{font-size:.8rem}.editorial-hero{display:flex;flex-direction:column;align-items:stretch;padding:44px 0 52px}.editorial-hero h1{font-size:clamp(2.7rem,10vw,4rem);line-height:1.08;margin:18px 0}.editorial-hero .lead{font-size:1rem;line-height:1.6}.editorial-hero-image{height:320px;border-radius:12px}.image-credit{font-size:.58rem;padding:9px 11px;left:12px;bottom:12px}.featured-reading{padding:56px 0}.featured-reading-grid{display:block}.featured-copy h2{max-width:none}.featured-photo{height:240px;margin:29px 0}.featured-side{display:block}.featured-side>div+div{border-left:0;border-top:1px solid #d2dfe0;padding:20px 0 0;margin:20px 0 0}.editorial-principle{padding:56px 0}.editorial-principle-grid>div+div{padding:22px 0 0}.home .section{padding:65px 0}.home .mini-list{border-left:0;border-top:1px solid #d7e3e2;padding:25px 0 0}body:not(.home) .page-hero{padding:55px 0}body:not(.home) .page-hero h1{font-size:clamp(2.65rem,10vw,3.75rem)}body:not(.home) .article-head h1{font-size:clamp(2.55rem,9.5vw,3.8rem)}}
@media(max-width:390px){.header-note{display:none}.site-header nav{gap:14px}}