/* Flama Creators · capa v2 para páginas internas (generado por qa/build_site_css.py) */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:300 800;font-stretch:75% 100%;font-display:swap;src:url(/assets/fonts/bricolage-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:300 800;font-stretch:75% 100%;font-display:swap;src:url(/assets/fonts/bricolage-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Fallback";src:local("Arial"),local("ArialMT"),local("Helvetica");size-adjust:99.2%;ascent-override:93.75%;descent-override:27.2%;line-gap-override:0%}
html:root{--ink:#151517;--ink-2:#1b1b1e;--ink-3:#232327;--paper:#f4f1ea;--flame:#ff5500;--ember:#ff7a00;--smoke:#9a948a;--line:rgba(244,241,234,.12);
--font:"Bricolage Grotesque","Bricolage Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;--gutter:clamp(20px,4vw,64px);--radius:18px;--ease:cubic-bezier(.22,1,.36,1);
--bg:#151517;--surface:#1b1b1e;--text:#f4f1ea;--muted:#a39d93;--accent:#ff5500;--accent2:#ff7a00;--head:var(--font);--body:var(--font);--border:rgba(244,241,234,.1);
--c-bg:#151517;--c-accent:#ff5500;--c-accent2:#ff7a00;--c-surface:#1b1b1e;--c-surface2:#202023;--c-border:rgba(244,241,234,.1);
--font-body:var(--font);--font-title:var(--font);--font-head:var(--font);--font-title-fb:var(--font);--font-body-fb:var(--font);
--flama-red:#ff5500;--flama-dark:#1b1b1e;--orange:#ff5500;--red:#ff5500;--red-dim:rgba(255,85,0,.12);--red-border:rgba(255,85,0,.3);
--g-fire:linear-gradient(135deg,#ff5500,#ff7a00);--fire:#ff5500;--amber:#ff7a00}
html{background:var(--ink)}
html body{height:auto;min-height:100%}
html body{font-family:var(--font);font-optical-sizing:auto;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}
html body :is(h1,h2,h3,h4,h5,h6,p,a,li,span,button,input,textarea,select,label,summary,td,th,strong,b,em,small,blockquote,figcaption,dt,dd,div){font-family:var(--font)}
html body :is(h1,h2){font-weight:800;letter-spacing:-.035em;line-height:1.02;text-transform:none;font-variation-settings:"wdth" 90}
html body h1{text-wrap:balance}
html body :is(h3,h4){letter-spacing:-.02em;text-transform:none}
html body ::selection{background:var(--flame);color:#fff}
html body :is(p,li){text-wrap:pretty}
/* CTA fija y Flami: inyectan Montserrat por JS */
#flama-cta a,#flama-cta,#flami-wrap,#flami-wrap *{font-family:var(--font)!important}
#flama-cta .fc-1{background:var(--flame)!important}
/* menú interno: siempre sólido y pegado arriba, sin tapar el contenido */
html body #nav.nav{position:sticky;top:0;background:rgba(21,21,23,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(244,241,234,.1);padding:12px var(--gutter);margin:0;width:auto;height:auto;border:0;z-index:60}
html body #nav a{color:inherit;text-decoration:none}
html body #nav svg{display:block}
html body #menu{z-index:59}
html body #menu a{text-decoration:none;color:var(--paper)}
html body #ftv2{display:block;margin:0;text-align:left;background:var(--ink);color:var(--paper);font-size:15px}
html body #ftv2 a{color:inherit;text-decoration:none}
html body #ftv2 :is(ul){list-style:none;margin:0;padding:0}
html body #ftv2 h3{font-size:inherit}
.btn{text-decoration:none}
/* enlaces dentro del texto: subrayados (no solo color) */
html body :is(p,li,td,dd) a:not([class]):not([style*="background"]):not(#nav *):not(#ftv2 *){text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px}
/* botones del diseño anterior → estilo del sistema nuevo (sin mayúsculas forzadas, píldora) */
html body main a:is([class*="btn"],[class*="cta"]):not(#nav *):not(#ftv2 *),html body section a:is([class*="btn"],[class*="cta"]):not(#nav *):not(#ftv2 *),html body button:is([class*="btn"],[class*="cta"],[type="submit"]):not(#nav *){text-transform:none;letter-spacing:-.01em;border-radius:999px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.menu.open ~ #flami-wrap{opacity:0!important;pointer-events:none!important}
@media (max-width:1320px){#nav .nav-icons{display:none}}
@media (max-width:1040px){#nav .nav-links{gap:18px;font-size:14px}#nav .nav-agenda span{display:none}#nav .nav-agenda{padding:10px 12px}}
@media (max-width:900px) and (min-width:761px){#nav .nav-links a[href="/blog"]{display:none}}
@media (max-width:760px){#nav .nav-agenda{display:none}}
.menu a{font-size:clamp(30px,8vw,50px)}
.menu .menu-cta{font-size:16px}
.menu-icons{margin-top:18px}
.menu .nav-icons-menu{display:flex!important;gap:10px}
.menu .nav-icons-menu a{font-size:0;width:46px;height:46px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px; font-weight:600;font-size:15px;letter-spacing:-.01em;line-height:1;white-space:nowrap; transition:transform .45s var(--ease),background .3s,color .3s,border-color .3s; border:1px solid transparent;}
.btn:hover{transform:translateY(-2px)}
.btn-flame{background:var(--flame);color:#fff}
.btn-flame:hover{background:var(--ember)}
.btn-ghost{border-color:rgba(244,241,234,.35);color:var(--paper)}
.btn-ghost:hover{border-color:var(--paper)}
.btn-lg{padding:18px 30px;font-size:17px}
.nav{position:fixed;top:0;left:0;right:0;z-index:40; display:flex;align-items:center;justify-content:space-between;gap:24px; padding:18px var(--gutter);color:var(--paper); transition:background .4s,padding .4s,box-shadow .4s;}
.nav.solid{background:rgba(21,21,23,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px var(--gutter);box-shadow:0 1px 0 var(--line)}
.nav-logo{display:flex;color:inherit}
.nav-logo svg{display:block}
.nav-links{display:flex;gap:30px;font-size:15px;font-weight:500}
.nav-links a{position:relative;padding:4px 0}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right .4s var(--ease)}
.nav-links a:hover::after{right:0}
.nav-cta{padding:11px 20px;font-size:14px}
.nav-burger{display:none;width:44px;height:44px;border:0;background:transparent;position:relative;color:inherit}
.nav-burger span{position:absolute;left:10px;right:10px;height:2px;background:currentColor;transition:transform .4s var(--ease),top .4s}
.nav-burger span:first-child{top:17px}
.nav-burger span:last-child{top:25px}
.nav.open .nav-burger span:first-child{top:21px;transform:rotate(45deg)}
.nav.open .nav-burger span:last-child{top:21px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:35;background:var(--ink);color:var(--paper); display:flex;flex-direction:column;justify-content:center;gap:10px;padding:100px var(--gutter) 40px; transform:translateY(-100%);transition:transform .6s var(--ease);visibility:hidden;}
.menu.open{transform:none;visibility:visible}
.menu a{font-size:clamp(36px,9vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.menu-foot{margin-top:auto;font-size:13px;color:var(--smoke)}
@media (max-width:760px){.footer{padding-bottom:96px}}
.rec-title{font-weight:700;font-size:17px;letter-spacing:-.01em}
.rec-sub{font-size:14px;color:var(--smoke);flex:1}
.rec-plus{position:relative;width:30px;height:30px;border:1px solid rgba(255,85,0,.6);border-radius:50%;flex:none;transition:transform .5s var(--ease),background .3s}
.rec-plus::before,.rec-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--flame);transform:translate(-50%,-50%)}
.rec-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:16px 0 30px}
.rec-col h3{font-size:14px;font-weight:600;color:var(--smoke);margin-bottom:12px;letter-spacing:0}
.rec-col ul{list-style:none;display:grid;gap:7px}
.rec-col a{font-size:14px;color:rgba(244,241,234,.8)}
.rec-col a:hover{color:var(--flame)}
@media (max-width:760px){.rec-grid{grid-template-columns:1fr}.rec-sub{display:none}}
.footer{background:var(--ink);color:var(--paper);padding:60px var(--gutter) 30px;border-top:1px solid var(--line)}
.footer-top{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;padding-bottom:40px;border-bottom:1px solid var(--line)}
.footer-logo{width:96px;height:auto}
.footer-links,.footer-contact{display:flex;flex-direction:column;gap:10px;font-size:15px}
.footer-links{align-items:flex-start}
.footer a:hover{color:var(--flame)}
.footer-bottom{padding-top:22px;font-size:13px;color:var(--smoke)}
@media (max-width:980px){.footer-top{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}}
@media (max-width:760px){.nav-links,.nav-cta{display:none}.nav-burger{display:block}.footer-top{grid-template-columns:1fr}}
.btn{background:transparent}
.btn-flame{background:var(--flame)}
.btn-flame:hover{background:var(--ember)}
.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--flame);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;transition:top .2s}
.skip-link:focus{top:12px}
.nav-links a.is-here{color:var(--flame)}
.nav-links a.is-here::after{right:0}
.menu-cta{align-self:flex-start;margin-top:16px}
.btn-flame{position:relative;overflow:hidden;isolation:isolate}
.btn-flame::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1; background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.btn-flame:hover::after{left:130%}
.footer{padding:clamp(60px,9vh,100px) var(--gutter) 28px;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--ink),#101012)}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid var(--line)}
.ft-logo{width:92px;height:auto}
.ft-tag{margin-top:18px;font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variation-settings:"wdth" 88;max-width:280px}
.ft-social{display:flex;gap:10px;margin-top:22px}
.ft-social a{width:46px;height:46px;border-radius:50%;border:1px solid rgba(244,241,234,.25);display:grid;place-items:center;transition:background .3s,border-color .3s,color .3s,transform .4s var(--ease)}
.ft-social a:hover{background:var(--flame);border-color:var(--flame);color:#fff;transform:translateY(-3px)}
.ft-col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.ft-col .ft-h{font-size:13px;font-weight:600;color:var(--smoke);margin-bottom:6px;letter-spacing:0}
.ft-col a{color:rgba(244,241,234,.85);transition:color .25s;width:fit-content}
.ft-col a:hover{color:var(--flame)}
.ft-col span{color:var(--smoke)}
.ft-folds{border-bottom:1px solid var(--line)}
.ft-folds details{border-top:1px solid var(--line)}
.ft-folds details:first-child{border-top:0}
.ft-folds summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 0;min-height:44px}
.ft-folds summary::-webkit-details-marker{display:none}
.ft-seo{display:flex;flex-wrap:wrap;gap:8px 18px;padding:22px 0;font-size:13px;border-bottom:1px solid var(--line)}
.ft-seo a{color:rgba(244,241,234,.5);transition:color .25s}
.ft-seo a:hover{color:var(--flame)}
.ft-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:13px;color:var(--smoke)}
.ft-bottom a:hover{color:var(--flame)}
.nav-right{display:flex;align-items:center;gap:10px}
.nav-icons{display:flex;gap:6px}
.nav-icons a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(244,241,234,.2);transition:background .3s,border-color .3s,color .3s}
.nav-icons a:hover{background:var(--flame);border-color:var(--flame);color:#fff}
@media (max-width:980px){.ft-top{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
@media (max-width:760px){.nav-icons{display:none}.ft-top{grid-template-columns:1fr 1fr;gap:30px}.ft-bottom{flex-direction:column}}
.ft-folds .rec-col ul{display:flex;flex-wrap:wrap;gap:6px}
.ft-folds .rec-col li a{display:inline-block;font-size:13px;padding:6px 11px;border-radius:999px;border:1px solid rgba(244,241,234,.14);color:rgba(244,241,234,.75);transition:border-color .25s,color .25s}
.ft-folds .rec-col li a:hover{border-color:var(--flame);color:var(--flame)}
.ft-folds .rec-grid{gap:26px;padding:6px 0 26px}
.ft-folds details[open] .rec-plus{transform:rotate(45deg);background:rgba(255,85,0,.12)}
.footer{padding-bottom:96px}
.btn-wa{background:#25d366;color:#06240f;gap:9px}
.btn-wa:hover{background:#2fe377}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-agenda{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;font-size:14px}
.nav-links{gap:26px}
@media (max-width:1320px){.nav .nav-icons{display:none}}
@media (max-width:1040px){.nav-links{gap:18px;font-size:14px}.nav-agenda span{display:none}.nav-agenda{padding:10px 12px}}
@media (max-width:900px) and (min-width:761px){.nav-links a[href="/blog"]{display:none}}
@media (max-width:760px){.nav-agenda{display:none}}
.menu a{font-size:clamp(30px,8vw,50px)}
.menu .menu-cta{font-size:16px}
.menu-icons{margin-top:18px}
.menu .nav-icons-menu{display:flex!important;gap:10px}
.menu .nav-icons-menu a{font-size:0;width:46px;height:46px}
.tr-intro{margin:6px 0 22px;color:var(--smoke);max-width:70ch;line-height:1.6}
.tr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:24px}
.tr-card{border:1px solid rgba(244,241,234,.12);border-radius:16px;padding:20px 20px 18px}
.tr-card h3{font-size:17px;margin-bottom:10px}
.tr-card h3 a:hover{color:var(--flame)}
.tr-card p{font-size:14.5px;line-height:1.6;color:var(--smoke)}
@media (max-width:980px){.tr-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.tr-grid{grid-template-columns:1fr}}
.menu.open ~ #flami-wrap,.menu.open ~ .wa-float{opacity:0!important;pointer-events:none!important}
.nav.solid{background:rgba(21,21,23,.95);box-shadow:0 1px 0 rgba(244,241,234,.1)}