/* La Fábrica · recursos — estética de la landing v5b (papel, titular ultra condensado a dos tintas,
   naranja de acción). Sólo cambia la hoja: el HTML, los links y las descargas quedan iguales.
   Versión anterior: brands/La Fabrica/_backups/recursos-style-antes-v5b-20260923.css */
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap");
*{box-sizing:border-box}
body{margin:0;background:#F3E8D6;color:#2B2824;font:17px/1.62 "Geist",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;background:url("/assets/grain.webp");opacity:.07;mix-blend-mode:multiply}
main{max-width:1100px;margin:auto;padding:64px 28px}
a{color:inherit}
:focus-visible{outline:2.5px solid #EC4E0C;outline-offset:3px;border-radius:6px}
::selection{background:#EC4E0C;color:#151513}
.eyebrow{font:500 12.5px/1.4 "Geist Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#B83A08}
h1{font-family:"Anton","Impact",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(44px,6.4vw,92px);line-height:1.1;letter-spacing:.004em;color:#151513;margin:18px 0 26px}
h1 em{font-style:normal;color:#EC4E0C}
h1::after{content:"";display:block;width:min(380px,70%);height:3px;margin-top:20px;background:#EC4E0C}
h2{font-family:"Anton","Impact",sans-serif;font-weight:400;text-transform:uppercase;font-size:34px;line-height:1.14;letter-spacing:.004em;color:#151513}
p{max-width:720px;color:#5F574C}
strong{color:#151513}
.muted{color:#6B6255}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:40px 0}
.card{border:1px solid rgba(21,21,19,.12);border-radius:18px;overflow:hidden;background:#FBF6EC;box-shadow:0 3px 0 rgba(21,21,19,.06)}
.card img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.card div{padding:24px}
.card h2{font-size:30px}
.button{display:inline-block;background:#EC4E0C;color:#151513;border:0;border-radius:12px;padding:13px 18px;font:600 16px/1.3 "Geist",system-ui,sans-serif;text-decoration:none;cursor:pointer;margin:6px 10px 12px 0;box-shadow:0 4px 0 #A83507,0 10px 20px -10px rgba(21,21,19,.35);transition:transform .14s ease,box-shadow .14s ease,background .18s ease}
.button:hover{background:#FF6A1A;transform:translateY(-2px);box-shadow:0 6px 0 #A83507,0 14px 24px -10px rgba(21,21,19,.38)}
.button:active{transform:translateY(4px);box-shadow:0 0 0 #A83507}
.secondary{background:#EADFCC;box-shadow:0 4px 0 rgba(21,21,19,.22),0 10px 20px -10px rgba(21,21,19,.3)}
.secondary:hover{background:#F1E6D2;box-shadow:0 6px 0 rgba(21,21,19,.22),0 14px 24px -10px rgba(21,21,19,.32)}
.secondary:active{box-shadow:0 0 0 rgba(21,21,19,.22)}
.section{border-top:1px solid rgba(21,21,19,.14);margin-top:44px;padding-top:30px}
.section a:not(.button){color:#B83A08;font-weight:600}
.steps{max-width:740px;padding-left:22px;color:#2B2824}
.steps li{margin:6px 0}
.steps li::marker{font:500 14px "Geist Mono",ui-monospace,monospace;color:#B83A08}
code,pre{font-family:"Geist Mono",ui-monospace,monospace}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#FBF6EC;color:#151513;border:1px solid rgba(21,21,19,.16);padding:22px;border-radius:12px;font-size:15px}
.copy{white-space:pre-wrap;background:#FBF6EC;color:#201b16;padding:28px;border-radius:12px;font-size:19px;max-width:800px;border:1px solid rgba(21,21,19,.12)}
.meta{font-size:13px;color:#6B6255}
.nav,nav{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px}
nav a{font:500 12.5px/1.4 "Geist Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#5F574C}
nav a:hover{color:#151513}
.resource-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}
.resource-hero h1{font-size:clamp(40px,5vw,72px)}
.resource-hero img{width:100%;border-radius:18px;box-shadow:0 30px 60px -40px rgba(60,30,10,.6)}
.download{padding:25px;background:#FBF6EC;border:1px solid rgba(21,21,19,.12);border-radius:14px}
footer{margin-top:55px;padding-top:24px;border-top:1px solid rgba(21,21,19,.14);font:12.5px/1.5 "Geist Mono",ui-monospace,monospace;color:#6B6255}
@media(max-width:750px){main{padding:34px 20px}.cards,.resource-hero{grid-template-columns:1fr}.resource-hero img{max-width:360px}.cards{max-width:420px}.copy{font-size:17px;padding:22px}h1{font-size:44px}}
.one-resource{display:block;max-width:none}.one-resource .card{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;align-items:center}.one-resource .card>div{padding:40px}.one-resource h2{font-size:42px}.one-resource .eyebrow{padding:0}@media(max-width:750px){.one-resource .card{display:block}.one-resource .card>div{padding:26px}.one-resource h2{font-size:32px}}
.one-resource .card+.card{margin-top:22px}