:root{--bg:#f5f6fb;--surface:#fff;--text:#1c2033;--muted:#5b6478;--border:#dde1ec;--primary:#5b5bd6;--primary-hover:#4a4ac2;--primary-contrast:#fff;--success:#1f9d6b;--radius:14px;--shadow:0 2px 12px #14193c14;color-scheme:light}:root[data-theme=dark]{--bg:#12141f;--surface:#1b1e2e;--text:#eceef7;--muted:#9aa2b8;--border:#2d3248;--primary:#8b8bff;--primary-hover:#a3a3ff;--primary-contrast:#12141f;--success:#3ecf98;--shadow:0 2px 12px #0006;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12141f;--surface:#1b1e2e;--text:#eceef7;--muted:#9aa2b8;--border:#2d3248;--primary:#8b8bff;--primary-hover:#a3a3ff;--primary-contrast:#12141f;--success:#3ecf98;--shadow:0 2px 12px #0006;color-scheme:dark}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3{margin:0 0 .5em;line-height:1.2}p{margin:0 0 1em}a{color:var(--primary)}.site-header{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin-inline:auto;padding:12px 16px;display:flex}.brand{color:var(--text);font-size:1.3rem;font-weight:800;text-decoration:none}.brand span{color:var(--primary)}.site-header__actions,.auth-nav,.auth-nav__user{align-items:center;gap:8px;display:flex}.auth-nav__name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-weight:600;overflow:hidden}@media (width<=480px){.auth-nav__name{display:none}}@media (width<=400px){.site-header{gap:8px;padding-inline:12px}.brand{font-size:1.1rem}.site-header__actions .btn:not(.btn--icon){padding-inline:14px}}.layout{padding-inline:16px;grid-template-columns:minmax(0,1fr);gap:24px;max-width:900px;margin-inline:auto;padding-bottom:48px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.btn{border:2px solid var(--primary);background:var(--primary);min-height:48px;color:var(--primary-contrast);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn:active{transform:scale(.97)}.btn:focus-visible,select:focus-visible,.segmented input:focus-visible+span{outline:3px solid var(--primary);outline-offset:2px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--surface);color:var(--primary);border-color:var(--border)}.btn--secondary:hover{background:var(--bg);border-color:var(--primary)}.btn--icon{width:48px;padding:0;font-size:1.2rem}.btn--block{width:100%}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius);min-height:100px;color:var(--muted);justify-content:center;align-items:center;margin-block:16px;font-size:.85rem;display:flex;position:relative;overflow:hidden}.ad-slot:before{content:"Publicidad";letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;position:absolute;top:4px;left:10px}.ad-slot:has(ins),.ad-slot:has(.ad-card){border-style:none}.ad-card{--ad-from:#667eea;--ad-to:#764ba2;--ad-accent:#667eea;--ad-shadow:#667eea4d;box-sizing:border-box;background:linear-gradient(135deg, var(--ad-from) 0%, var(--ad-to) 100%);width:100%;box-shadow:0 4px 12px var(--ad-shadow);color:#fff;border-radius:12px;align-self:stretch;align-items:center;gap:12px;padding:16px;line-height:1.2;text-decoration:none;display:flex;position:relative;overflow:hidden}.ad-card[data-variant="1"]{--ad-from:#f093fb;--ad-to:#f5576c;--ad-accent:#f5576c;--ad-shadow:#f5576c4d}.ad-card:hover{opacity:.92}.ad-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.ad-card__img{object-fit:contain;background:#fff3;border-radius:8px;flex:none;width:60px;height:60px}.ad-card__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.ad-card__tag{letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:.6rem}.ad-card__title,.ad-card__desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ad-card__title{font-size:.875rem;font-weight:700}.ad-card__desc{opacity:.9;font-size:.75rem}.ad-card__foot{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.ad-card__price{font-size:.75rem;font-weight:700}.ad-card .ad-card__cta{min-height:0;color:var(--ad-accent);background:#fff;border:0;border-radius:4px;flex:none;padding:6px 12px;font-size:.6875rem}.ad-slot--rect .ad-card{flex-direction:column;align-items:stretch}.ad-slot--rect .ad-card__img{width:100%;height:120px}.ad-slot--rect .ad-card__desc{-webkit-line-clamp:3}.ad-slot--rect .ad-card__foot{flex-direction:column;align-items:stretch}.ad-slot--rect .ad-card__cta{text-align:center}.ad-slot--banner{min-height:120px}.ad-slot--rect{min-height:250px}@media (width>=768px){.ad-slot--banner{min-height:156px}.ad-slot--banner .ad-card{gap:20px;padding:24px}.ad-slot--banner .ad-card__img{width:100px;height:80px}.ad-slot--banner .ad-card__body{gap:8px}.ad-slot--banner .ad-card__tag{font-size:.65rem}.ad-slot--banner .ad-card__title{font-size:1.125rem}.ad-slot--banner .ad-card__desc,.ad-slot--banner .ad-card__price{font-size:.875rem}.ad-slot--banner .ad-card .ad-card__cta{border-radius:6px;padding:8px 16px;font-size:.8125rem}}.prose{color:var(--muted)}.prose h2{color:var(--text);font-size:1.15rem}.site-footer{max-width:1200px;color:var(--muted);margin-inline:auto;padding:24px 16px 40px;font-size:.85rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
