/*
Theme Name: FORMABLA
Author: FORMABLA
Description: Tema editorial para la Asociación FORMABLA, con portada y blog.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: formabla
*/
:root{--navy:#142e42;--ink:#172f40;--muted:#536571;--green:#d6ed78;--paper:#fafbf8;--line:#d9e0df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #477b16;outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.wrap{width:min(1280px,calc(100% - 100px));margin:auto}.header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:29px;letter-spacing:-1.8px;font-weight:800;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;background:var(--green);color:var(--navy);width:34px;height:34px;border-radius:50% 50% 50% 5px;font-size:21px;letter-spacing:-2px}.nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav a{padding:12px 0}.nav a:hover{border-bottom:1px solid}.nav .nav-blog{border:1px solid var(--navy);padding:10px 22px;border-radius:30px}.menu{display:none;background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:6px;min-height:44px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:78px 7% 65px max(50px,calc((100vw - 1280px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 25px}.dot{height:7px;width:7px;background:#79a042;border-radius:50%;display:inline-block}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,4.6vw,76px);line-height:1.03;letter-spacing:-3px;margin:0 0 26px}.hero h1 em{font-weight:400;color:#54762a}.hero-copy>p:not(.eyebrow){max-width:420px;color:var(--muted);line-height:1.7;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--navy);color:white;padding:14px 23px;border-radius:30px;font-size:14px;min-height:48px}.button.light{background:var(--green);color:var(--navy)}.arrow{font-size:22px;line-height:1}.hero-image{position:relative;min-height:600px;overflow:hidden}.hero-image img{position:absolute;inset:0}.image-caption{position:absolute;bottom:26px;left:28px;right:28px;color:white;font-size:13px;text-shadow:0 1px 6px #000}.hero-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}.image-caption{z-index:1}.ribbon{background:var(--navy);color:white}.ribbon .wrap{display:flex;justify-content:space-between;gap:25px;padding-top:21px;padding-bottom:21px;font-size:13px;letter-spacing:.4px}.ribbon span:before{content:'✳';color:var(--green);margin-right:15px;font-size:18px}.section{padding:105px 0}.intro{display:grid;grid-template-columns:1fr 1.15fr;gap:95px}.section-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 24px}.section-label:before{content:'—';margin-right:12px}h2{font:400 clamp(35px,3.3vw,52px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 24px}h3{font:400 27px/1.2 Georgia,serif;margin:0 0 15px}.intro-text{padding-top:42px}.intro-text p{margin:0 0 22px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:14px;border-bottom:1px solid var(--ink);padding:8px 0;min-height:44px}.pillars{border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:44px}.section-head h2{margin:0}.section-head>p{max-width:390px;color:var(--muted);font-size:15px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.pillar{border-top:1px solid var(--ink);padding-top:24px}.number{font-size:13px;color:var(--muted);display:block;margin-bottom:40px}.pillar p{font-size:15px;color:var(--muted);margin-bottom:22px}.tags{font-size:12px;text-transform:uppercase;letter-spacing:1px}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white}.feature-image{min-height:520px}.feature-copy{padding:75px 13%;display:flex;flex-direction:column;justify-content:center}.feature-copy .section-label{color:var(--green)}.feature-copy p{color:#d1dce0;font-size:16px}.feature-copy h2{font-size:46px}.feature-note{font-size:13px!important;border-top:1px solid #ffffff40;margin-top:20px;padding-top:20px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.post-card{display:block}.post-card .thumb{height:240px;background:#e1e6e2;overflow:hidden;margin-bottom:23px}.post-card img{transition:transform .3s}.post-card:hover img{transform:scale(1.035)}.post-card .category{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#526b32;font-weight:700}.post-card h3{font-size:28px;margin:12px 0 15px}.post-card p{font-size:15px;color:var(--muted)}.read{display:inline-flex;font-size:13px;gap:30px;min-height:44px;align-items:center}.faq-area{background:#edf1ed}.faq-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:95px}details{border-top:1px solid #bac7c6;padding:20px 0}details:last-child{border-bottom:1px solid #bac7c6}summary{cursor:pointer;font-size:17px;padding-right:20px;min-height:44px}details p{font-size:15px;color:var(--muted);margin:15px 0 0}.closing{background:var(--green);padding:58px 0}.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.closing h2{font-size:39px;margin:0}.footer{background:var(--navy);color:white;padding:52px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer p{font-size:13px;color:#c0cdd5;max-width:320px}.footer-links{display:flex;gap:25px;font-size:13px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff30;margin-top:38px;padding-top:22px;font-size:12px;color:#c0cdd5}.blog-title{padding:80px 0 55px}.blog-title h1,.article h1{font:400 clamp(42px,5vw,70px)/1.08 Georgia,serif;letter-spacing:-2px;max-width:870px;margin:18px 0 24px}.blog-title p{max-width:580px;color:var(--muted)}.blog-index{grid-template-columns:repeat(2,1fr);padding-bottom:90px;gap:65px 40px}.blog-index .thumb{height:320px}.article{max-width:800px;margin:auto;padding:70px 30px 90px}.article .article-meta{font-size:13px;color:var(--muted);margin-bottom:32px}.article .article-image{height:380px;margin:35px 0 45px}.article h2{font-size:31px;margin-top:38px;letter-spacing:-.5px}.article p{margin-bottom:24px}.article .back{font-size:14px;text-decoration:underline}.wp-block-image img{height:auto}.pagination{padding:25px 0}.alignwide{max-width:1100px}.alignfull{width:100%}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(min-width:1600px){.hero-copy{padding-right:80px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero-copy{padding:55px 35px 55px 28px}.hero{min-height:560px}.hero-image{min-height:560px}.hero h1{font-size:57px}.intro,.faq-grid{gap:45px}.feature-copy{padding:50px 10%}.feature-copy h2{font-size:39px}.nav{gap:22px}.pillar-grid{gap:26px}.post-card .thumb{height:200px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px}.brand{font-size:25px}.menu{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;align-items:stretch;gap:6px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:12px}.nav .nav-blog{border:0;border-radius:0;padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:46px 20px 42px}.hero h1{font-size:56px;letter-spacing:-2px;max-width:500px}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:500px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.hero-image{min-height:360px;height:56vw;max-height:470px}.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.ribbon span:before{margin-right:8px}.section{padding:65px 0}.intro,.faq-grid{grid-template-columns:1fr;gap:12px}.intro-text{padding-top:0}.section-head{display:block}.section-head>p{margin-top:24px}.pillar-grid{grid-template-columns:1fr;gap:34px}.number{margin-bottom:20px}.pillar h3{font-size:29px}.feature{grid-template-columns:1fr}.feature-image{height:350px;min-height:0}.feature-copy{padding:50px 20px}.feature-copy h2{font-size:39px}.blog-grid{grid-template-columns:1fr;gap:38px}.post-card .thumb{height:260px}.section-head .text-link{margin-top:22px}.closing .wrap{align-items:start;flex-direction:column}.closing h2{font-size:34px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{gap:20px}.blog-title{padding:50px 0 30px}.blog-index{padding-bottom:60px}.article{padding:45px 20px 65px}.article h1{font-size:44px}.article .article-image{height:260px}.faq-grid{gap:25px}}@media(max-width:360px){.hero h1{font-size:48px}.brand{font-size:23px}.ribbon .wrap{grid-template-columns:1fr}.post-card .thumb{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Navegación compacta en tablet vertical. */
@media (min-width:761px) and (max-width:960px){
.header-inner{height:80px}.menu{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:20px 28px;flex-direction:column;align-items:stretch;gap:6px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a,.nav .nav-blog{padding:12px;border:0;border-radius:0;min-height:44px}
}