@font-face{font-family:DM Sans;src:url("/marca/dm-sans.woff2") format("woff2");font-display:swap}
:root{font-family:"DM Sans",system-ui,sans-serif;background:#f8f7f5;color:#07183f}
*{box-sizing:border-box}
body{margin:0}
[hidden]{display:none!important}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem max(1.25rem,calc((100% - 72rem)/2));background:#fff;border-bottom:1px solid #e5e2e1;font-weight:700}
.topbar img{width:7rem}
.layout{width:min(72rem,calc(100% - 2rem));margin:clamp(1rem,5vw,5rem) auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e5e2e1;border-radius:1.25rem;overflow:hidden;box-shadow:0 16px 48px #07183f0e}
.brand-panel,.access,.workspace{padding:clamp(1.5rem,5vw,4rem)}
.brand-panel{background:#07183f;color:#fff;display:flex;flex-direction:column;justify-content:center}
.eyebrow{color:#775600;font-size:.75rem;letter-spacing:.13em;font-weight:800;margin:0 0 1rem}
.brand-panel .eyebrow{color:#ffb800}
.brand-panel h2{font-size:clamp(2.35rem,5vw,4.6rem);letter-spacing:-.055em;line-height:1.03;margin:.25rem 0}
.brand-panel p:not(.eyebrow){color:#d8dfee;max-width:32ch;line-height:1.6}
.brand-products{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}
.brand-products span{display:flex;align-items:center;gap:.5rem;font-weight:700}
.brand-products img,.product-grid img{width:2rem;height:2rem;border-radius:.45rem}
h1{font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.1;letter-spacing:-.035em;margin:0}
.description,.workspace p:not(.eyebrow){color:#4b556d;line-height:1.5}
form{display:grid;gap:1rem;margin-top:1.75rem}
label{display:grid;gap:.4rem;font-size:.9rem;font-weight:700}
input{width:100%;padding:.8rem;border:1px solid #9aa2b2;border-radius:.6rem;font:inherit;color:inherit}
button,.primary{font:inherit;font-weight:750;border:0;border-radius:.6rem;padding:.75rem 1rem;cursor:pointer;color:#07183f}
form button,.primary{background:#ffb800}
.primary{display:inline-block;text-decoration:none}
button:disabled{opacity:.6;cursor:wait}
nav{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem -.75rem 0}
nav button{background:transparent;color:#1753bc}
:focus-visible{outline:3px solid #1753bc;outline-offset:3px}
#message:not(:empty),#session-message:not(:empty){border-left:3px solid #ffb800;background:#fff8e3;padding:.7rem .85rem;line-height:1.45}
#test-inbox{display:inline-block;margin-top:.8rem;color:#1753bc}
.layout.is-workspace{display:block}
.is-workspace .brand-panel{display:none}
.workspace-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.workspace-header button{background:#f0eff4}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem;margin-top:1.4rem}
.product-grid article{border:1px solid #dddfe7;border-radius:.8rem;padding:1.25rem}
.product-grid article h2{margin:.6rem 0}
.badge{display:inline-block;border-radius:999px;background:#f1eff3;padding:.3rem .65rem;font-size:.8rem;font-weight:700}
@media(max-width:740px){.layout{grid-template-columns:1fr}.brand-panel h2 br{display:none}.brand-products{margin-top:.5rem}}