/* OFICIO CERO 014 / páginas y profundización editorial */
.oc14-hero{background:#1a261f;color:#eeeae0;padding:clamp(65px,7vw,112px) var(--gutter) 76px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(219,250,117,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(219,250,117,.045) 1px,transparent 1px);background-size:72px 72px}
.oc14-hero:after{content:'O/';position:absolute;font:900 clamp(170px,33vw,570px)/1 var(--display);right:-5%;bottom:-30%;color:rgba(219,250,117,.04);pointer-events:none}
.oc14-hero>*{position:relative;z-index:1}.oc14-hero h1{font:900 clamp(49px,6.7vw,111px)/.98 var(--display);letter-spacing:-.082em;max-width:1200px;text-transform:uppercase;margin:30px 0}
.oc14-hero h1 em{font:italic 1.03em var(--serif);color:var(--acid);text-transform:none;letter-spacing:-.048em}
.oc14-hero-lead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(210px,.7fr);gap:42px;align-items:end;border-top:1px solid #5c665c;padding-top:25px}
.oc14-hero-lead p:first-child{font-size:clamp(19px,2.2vw,31px);line-height:1.32;max-width:790px}.oc14-hero-lead p:last-child{font:12px/1.8 var(--mono);color:#a9b9ac;text-transform:uppercase;max-width:430px}
.oc14-section{padding:80px var(--gutter);background:var(--paper)}.oc14-section:nth-child(odd){background:#e4e5d8}.oc14-section-head{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start;border-top:1px solid var(--hair);padding-top:18px;margin-bottom:30px}
.oc14-section-head h2{font:400 clamp(35px,4vw,66px)/1 var(--serif);letter-spacing:-.045em;max-width:850px}.oc14-section-head p{font-size:16px;line-height:1.6;max-width:850px;margin-top:15px}
.oc14-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(25,34,29,.29);border:1px solid rgba(25,34,29,.29)}
.oc14-card{padding:28px;min-width:0;background:var(--paper);display:flex;flex-direction:column;gap:13px;min-height:245px}
.oc14-card .mono{color:#566456}.oc14-card h3{font:700 clamp(19px,2.1vw,29px)/1.12 var(--body);letter-spacing:-.048em}.oc14-card p{font:15px/1.58 var(--body);color:#444b45}.oc14-card a{margin-top:auto;display:inline-flex;align-self:flex-start;color:#1c3930;font:11px var(--mono);text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.oc14-panel{display:flex;gap:30px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:34px var(--gutter);background:var(--acid);color:var(--ink)}.oc14-panel strong{font:italic clamp(25px,3vw,46px)/1.1 var(--serif)}.oc14-panel a{font:12px var(--mono);background:var(--ink);color:var(--paper);padding:17px 22px;text-transform:uppercase}
.oc14-note{border-left:5px solid var(--heat);padding:16px 20px;background:#efe5d8;margin-top:28px;font:14px/1.65 var(--body)}.oc14-note strong{display:block;margin-bottom:4px}
.oc14-controls{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.oc14-controls button{font:11px var(--mono);padding:12px 15px;border:1px solid #7d867b;background:transparent;color:var(--ink);min-height:44px}.oc14-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.oc14-card[hidden]{display:none}.oc14-dl{background:var(--paper);padding:70px var(--gutter)}.oc14-dl h2{font:italic clamp(31px,3vw,49px) var(--serif)}
.oc14-extension{padding:70px var(--gutter);background:var(--paper);color:var(--ink);border-top:1px solid var(--hair)}.oc14-extension h2{font:400 clamp(35px,4vw,68px)/1.04 var(--serif);letter-spacing:-.04em;margin:14px 0 28px}.oc14-extension .oc14-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc14-extension .oc14-card{min-height:200px}
@media(max-width:860px){.oc14-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc14-section-head{grid-template-columns:1fr}.oc14-hero-lead{grid-template-columns:1fr;gap:15px}}
@media(max-width:600px){.oc14-hero{padding-top:52px}.oc14-hero h1{font-size:clamp(42px,10vw,65px);overflow-wrap:anywhere}.oc14-grid,.oc14-extension .oc14-grid{grid-template-columns:1fr}.oc14-section{padding:52px var(--gutter)}.oc14-card{min-height:unset;padding:25px}.oc14-panel a{width:100%;text-align:center}.oc14-extension{padding:48px var(--gutter)}}