/* Estilo de /comercios/alta/, /comercios/condiciones/ y /comercios/pago-ok/. Mismos tokens y cabecera que build.py. */
:root{--papel:#F3EDE2;--tinta:#2B2420;--teja:#B9512A;--teja-claro:#E8D9C6;--arena:#E6DCCB;--muted:#6B5F55;--line:#D8CDBC;
--em:#9A4220;--sup:#FBF8F2;--r:4px;--g:clamp(16px,4vw,48px);--max:1120px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.6 "Schibsted Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
:focus-visible{outline:3px solid var(--teja);outline-offset:2px;border-radius:var(--r)}
img{max-width:100%;display:block}
h1,h2,h3{font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
/* cabecera (igual que build.py) */
.top{border-bottom:1px solid var(--line);background:var(--papel);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.logo{display:flex;flex-direction:column;text-decoration:none;line-height:1.1;margin-right:auto}
.logo b{font-size:20px;letter-spacing:-.03em}.logo b span{color:var(--teja)}
.logo small{font-size:13px;color:var(--muted)}
.top nav{display:flex;gap:4px;flex-wrap:wrap}
.top nav a,.top nav button{font:600 15px/1 inherit;font-family:inherit;color:var(--tinta);background:none;border:0;padding:10px 12px;border-radius:var(--r);text-decoration:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
.top nav a:hover,.top nav button:hover{background:var(--arena)}
@media (max-width:640px){.top .wrap{flex-wrap:wrap;padding-top:8px;padding-bottom:4px}.top nav{width:100%;justify-content:space-between}.top nav a,.top nav button{padding:10px 8px}}
main{padding:40px 0 24px}
.eti{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teja);margin-bottom:10px}
h1{font-size:clamp(34px,5vw,56px);margin-bottom:16px;max-width:18ch}
h1 span{color:var(--teja)}
h2{font-size:clamp(24px,3vw,32px);margin:0 0 10px}
.lead{font-size:18px;line-height:1.55;color:var(--muted);max-width:52ch;margin:0 0 20px}
.muted{color:var(--muted)}
/* botones */
.btnp{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border:0;border-radius:var(--r);background:var(--teja);color:#FBF6EE;font-weight:700;font-size:17px;cursor:pointer;text-decoration:none}
.btnp:hover{background:var(--em)}
.btnp:disabled{opacity:.55;cursor:wait}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:1.5px solid var(--tinta);border-radius:var(--r);background:var(--sup);font-weight:600;font-size:16px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--arena)}
.lnk{background:none;border:none;padding:12px 0;font-weight:600;font-size:16px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:var(--tinta)}
.lnk:hover{color:var(--teja)}
.card{background:var(--sup);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px)}
/* formularios */
.lbl{display:block;font-weight:600;margin:0 0 8px;font-size:16px}
.lbl small{font-weight:400;color:var(--muted)}
.field,.area{width:100%;font-size:17px;border:1.5px solid var(--tinta);border-radius:var(--r);background:#fff;color:var(--tinta);padding:12px 14px;min-height:50px}
.area{min-height:110px;resize:vertical;line-height:1.5}
.field:focus,.area:focus{outline:none;border-color:var(--teja);box-shadow:0 0 0 3px var(--teja-claro)}
.field[aria-invalid=true],.area[aria-invalid=true]{border-color:var(--teja);background:#FBEDE6}
.cuenta{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted);margin-top:6px}
.err{color:var(--em);font-weight:600;font-size:15px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.campo{display:flex;flex-direction:column}
.check{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
.check input{width:22px;height:22px;accent-color:var(--teja);flex:none;margin-top:1px}
.msg{color:var(--em);font-weight:600;min-height:22px;margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso{position:fixed;left:50%;bottom:24px;width:max-content;max-width:calc(100% - 32px);transform:translateX(-50%);background:var(--tinta);color:var(--papel);padding:12px 18px;border-radius:var(--r);font-size:15px;font-weight:600;z-index:10}
/* textos legales */
.texto{max-width:68ch}
.texto h2{font-size:24px;margin:36px 0 10px}
.texto p,.texto li{font-size:17px;line-height:1.65;color:var(--tinta)}
.texto p+p{margin-top:12px}
.texto ul{padding-left:22px;margin:10px 0}
.texto li+li{margin-top:6px}
footer{border-top:1px solid var(--line);margin-top:40px;padding:32px 0 48px;font-size:15px;color:var(--muted)}
footer .wrap{display:grid;gap:8px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}