/* Estilos comunes de los carteles gratuitos de onubia.com (web/carteles.mjs genera las páginas).
   Tokens "instrumentación fría" para la página; la hoja A4 es blanca y usa unidades cqw para
   escalar igual en pantalla que impresa. */
@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700-latin.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800-latin.woff2) format('woff2')}
@font-face{font-family:'Epilogue';font-weight:400 700;font-display:swap;src:url(/fonts/epilogue-latin.woff2) format('woff2')}
@font-face{font-family:'Fira Code';font-weight:500;font-display:swap;src:url(/fonts/fira-code-500-latin.woff2) format('woff2')}
:root{--void:oklch(.15 .014 256);--surface:oklch(.185 .016 256);--raised:oklch(.225 .018 256);--edge:oklch(.31 .018 256);--steel:oklch(.70 .024 256);--dim:oklch(.56 .022 256);--bone:oklch(.95 .008 85);--cta:oklch(.53 .20 27);--signal:oklch(.68 .214 30);--acc:#1a73e8}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:'Epilogue',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--void);color:var(--bone);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.mono{font-family:'Fira Code',ui-monospace,monospace;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.top{border-bottom:1px solid var(--edge)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.5rem;line-height:1}
.logo img{width:28px;height:28px}
.top nav{display:flex;gap:18px;color:var(--steel)}
.top nav a{text-decoration:none}
.top nav a:hover{color:var(--bone)}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:.98;text-wrap:balance}
h1{font-size:clamp(2.4rem,6.4vw,4.4rem);max-width:18ch;margin-top:18px}
h2{font-size:clamp(1.8rem,4vw,2.7rem)}
.hero{padding:56px 0 36px}
.hero p.lead{color:var(--steel);font-size:1.12rem;max-width:58ch;margin-top:20px}
.kick{color:var(--signal)}
.tool{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:start;padding-bottom:72px}
form.gen{border:1px solid var(--edge);background:var(--surface);padding:26px}
label{display:block;margin-bottom:7px;color:var(--steel)}
input[type=text],input[type=tel],select{width:100%;background:var(--void);border:1px solid var(--edge);color:var(--bone);font:inherit;padding:13px 14px;border-radius:0}
input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.field{margin-bottom:20px}
.hint{color:var(--dim);font-size:.86rem;margin-top:7px}
.err{color:oklch(.72 .16 27);font-size:.9rem;margin-top:7px}
.sw{display:flex;gap:10px}
.sw label{margin:0;cursor:pointer}
.sw input{position:absolute;opacity:0}
.sw span{display:block;width:34px;height:34px;border:2px solid var(--edge)}
.sw input:checked+span{border-color:var(--bone);box-shadow:inset 0 0 0 3px var(--surface)}
.sw input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--cta);color:var(--bone);border:0;cursor:pointer;text-decoration:none;padding:15px 24px;font-family:'Fira Code',ui-monospace,monospace;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;border:1px solid var(--edge)}
.btn.ghost:hover{border-color:var(--bone);filter:none}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.steps{list-style:none;padding:0;margin-top:26px;border-top:1px solid var(--edge)}
.steps li{display:grid;grid-template-columns:2.4rem 1fr;gap:8px;padding:14px 0;border-bottom:1px solid var(--edge);color:var(--steel)}
.steps li b{color:var(--bone);font-weight:600}
.steps .mono{color:var(--signal);padding-top:4px}
.prev{position:sticky;top:18px}
.prev-cap{display:flex;justify-content:space-between;color:var(--dim);margin-bottom:10px}
.sheet-box{container-type:inline-size;border:1px solid var(--edge);background:#fff}
/* Hoja A4 */
.sheet{aspect-ratio:210/297;background:#fff;color:#15181d;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6cqw 7cqw 4cqw;font-family:'Epilogue',system-ui,sans-serif;overflow:hidden}
.c-band{align-self:stretch;flex-shrink:0;height:2cqw;background:var(--acc);margin:-6cqw -7cqw 0}
.c-camp{margin-top:2.6cqw;font-family:'Fira Code',ui-monospace,monospace;font-size:1.9cqw;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);max-width:100%;overflow-wrap:anywhere}
.c-icon{margin-top:5cqw;width:13cqw;height:13cqw;color:var(--acc);flex-shrink:0}
.c-icon svg{display:block;width:100%;height:100%}
.c-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:10cqw;line-height:.96;margin-top:2.6cqw;text-wrap:balance;max-width:100%;overflow-wrap:anywhere}
.c-sub{font-size:3.2cqw;line-height:1.35;margin-top:2.4cqw;color:#454b55;max-width:36ch;text-wrap:balance}
.c-qr{flex-shrink:0;margin-top:4cqw;width:40cqw;height:40cqw;padding:2.4cqw;border:.8cqw solid var(--acc);border-radius:3cqw}
.c-qr svg{display:block;width:100%;height:100%}
.c-how{display:flex;justify-content:center;gap:3cqw;margin-top:3.8cqw;font-size:2.5cqw;line-height:1.3;color:#454b55}
.c-how div{width:21cqw}
.c-how b{display:flex;align-items:center;justify-content:center;width:5.4cqw;height:5.4cqw;margin:0 auto 1.2cqw;border-radius:50%;background:var(--acc);color:#fff;font-size:2.8cqw;font-weight:700}
.c-data{margin-top:3.4cqw;display:grid;grid-template-columns:auto auto;gap:.8cqw 3cqw;justify-content:center;text-align:left;font-size:3cqw;line-height:1.3;max-width:100%}
.c-data dt{color:#6a717c}
.c-data dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.c-data.grande{margin-top:6cqw;grid-template-columns:1fr;gap:0;text-align:center;font-size:3.6cqw}
.c-data.grande dt{margin-top:3.6cqw}
.c-data.grande dt:first-child{margin-top:0}
.c-data.grande dd{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:7.6cqw;line-height:1.05;margin-top:.6cqw}
.c-texto{margin-top:6cqw;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:8cqw;line-height:1.05;text-wrap:balance;max-width:100%;overflow-wrap:anywhere}
.c-texto small{display:block;margin-top:3cqw;font-family:'Epilogue',sans-serif;font-weight:400;font-size:4cqw;line-height:1.3;color:#454b55}
.c-name{margin-top:auto;padding-top:3cqw;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:6.4cqw;line-height:1;overflow-wrap:anywhere;max-width:100%}
.c-thx{font-size:2.9cqw;color:#454b55;margin-top:1.2cqw}
.sheet.ajuste .c-qr{width:33cqw;height:33cqw}
.sheet.ajuste .c-title{font-size:8.2cqw}
.sheet.ajuste .c-icon{width:10cqw;height:10cqw;margin-top:3.5cqw}
.sheet.ajuste .c-data.grande dd{font-size:6cqw}
.sheet.ajuste .c-texto{font-size:6.6cqw}
.c-foot{margin-top:3cqw;font-family:'Fira Code',ui-monospace,monospace;font-size:1.55cqw;letter-spacing:.06em;text-transform:uppercase;color:#8b919b}
.blk{border-top:1px solid var(--edge);padding:64px 0}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.cols h3{font-size:1.5rem;margin-bottom:8px}
.cols p,.faq p,.blk>.wrap>p{color:var(--steel)}
.faq{margin-top:26px;border-top:1px solid var(--edge)}
.faq div{padding:20px 0;border-bottom:1px solid var(--edge)}
.faq h3{font-size:1.45rem;margin-bottom:8px}
.faq p{max-width:68ch}
.pitch{background:var(--surface)}
.pitch .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.pitch p{color:var(--steel);max-width:54ch;margin-top:12px}
.mas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--edge);border:1px solid var(--edge);margin-top:28px}
.mas a{display:block;background:var(--void);padding:22px;text-decoration:none}
.mas a:hover{background:var(--raised)}
.mas b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.5rem;line-height:1.05}
.mas span{display:block;color:var(--steel);font-size:.93rem;margin-top:6px}
.mas a[aria-current]{background:var(--surface)}
.call{flex-basis:100%;max-width:520px;margin-top:8px;padding:24px 0 0;border-top:1px solid var(--edge)}
.call label{color:var(--bone);font-weight:600;margin-bottom:10px}
.call-row{display:flex;gap:10px}
.call input[type=tel]{flex:1;min-width:0}
.call-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.call-msg{min-height:1.4em;margin-top:10px!important;color:var(--bone)!important;font-size:.92rem}
.call-legal{font-size:.8rem;margin-top:4px!important;color:var(--dim)!important}
.copiar{display:flex;gap:10px;margin-top:10px}
.copiar input{flex:1;min-width:0;font-family:'Fira Code',ui-monospace,monospace;font-size:.8rem}
textarea{width:100%;min-height:9.5em;background:var(--void);border:1px solid var(--edge);color:var(--bone);font:inherit;font-size:.95rem;padding:13px 14px;border-radius:0;resize:vertical}
footer{border-top:1px solid var(--edge);padding:26px 0;color:var(--dim)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
[hidden]{display:none!important}
@media (max-width:860px){.tool{grid-template-columns:1fr}.prev{position:static}.cols,.mas{grid-template-columns:1fr}.top nav{display:none}}
@page{size:A4 portrait;margin:0}
@media print{
  body{background:#fff}
  body>*:not(main),main>*:not(.tool),.tool>*:not(.prev),.prev-cap{display:none!important}
  .wrap,.tool{display:block;max-width:none;padding:0;margin:0}
  .prev{position:static}
  .sheet-box{border:0;width:210mm;height:297mm}
  .sheet{width:210mm;height:297mm;aspect-ratio:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}