*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#23202a;background:var(--bg)}body{margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 28px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eee}.nav{min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-size:1.15rem}.brand b{color:var(--primary)}nav{display:flex;gap:13px;align-items:center;font-size:.93rem}.cart-link span{background:var(--primary);color:white;border-radius:999px;padding:2px 7px}.hero{padding:44px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,white),color-mix(in srgb,var(--secondary) 12%,white))}.hero-grid{display:grid;gap:22px;align-items:center}.hero h1{font-size:clamp(2rem,9vw,4.7rem);line-height:.96;margin:0 0 14px}.hero p{font-size:1.08rem;max-width:680px}.btn{display:inline-flex;border:0;border-radius:12px;padding:12px 17px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer}.btn.alt{background:#fff;color:#28232e;border:1px solid #ddd}.btn.danger{background:#b42318}.section{padding:34px 0}.section h2{margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(31,23,37,.05)}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f4f1f5}.card-body{padding:12px}.price{font-size:1.18rem;font-weight:850}.muted{color:#746c79}.filters{display:grid;gap:9px;margin-bottom:18px}.filters input,.filters select,.form input,.form textarea,.form select{width:100%;padding:11px 12px;border:1px solid #d8d3dc;border-radius:10px;background:#fff}.form label{display:block;font-weight:700;margin:11px 0 6px}.form textarea{min-height:120px}.product-layout{display:grid;gap:25px}.gallery-main{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:18px;border:1px solid #eee}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:9px}.thumbs img{width:74px;height:74px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.qty{max-width:92px}.table-wrap{overflow:auto;background:#fff;border-radius:14px;border:1px solid #eee}table{border-collapse:collapse;width:100%}th,td{padding:12px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}.notice{padding:13px 15px;border-radius:12px;background:#fff4ce;border:1px solid #f5d565}.success{background:#ecfdf3;border-color:#abefc6}.admin-shell{display:grid;min-height:100vh;background:#f6f6f8}.admin-menu{background:#16131b;color:#fff;padding:20px}.admin-menu a{display:block;padding:10px;border-radius:9px}.admin-menu a:hover{background:#2a2430}.admin-main{padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{background:#fff;padding:16px;border-radius:14px;border:1px solid #e8e8ec}.wa-float{position:fixed;right:16px;bottom:16px;background:#1fa855;color:#fff;padding:13px 16px;border-radius:999px;font-weight:800;box-shadow:0 8px 24px #0002}footer{margin-top:40px;background:#17141c;color:#eee;padding:32px 0}.footer-grid{display:grid;gap:20px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#f0eaff;color:#5b2bbf;font-size:.8rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pagination{display:flex;gap:6px;justify-content:center;margin:24px 0}.pagination a{padding:8px 11px;background:#fff;border:1px solid #ddd;border-radius:8px}.hero-image{width:100%;max-height:360px;object-fit:contain}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.checkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.img-admin{display:flex;gap:10px;flex-wrap:wrap}.img-admin label{font-weight:400}.img-admin img{width:100px;height:100px;object-fit:cover;border-radius:10px}
@media(min-width:720px){.hero-grid{grid-template-columns:1.15fr .85fr}.cards{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:2fr 1fr 1fr auto}.product-layout{grid-template-columns:1.05fr .95fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.admin-shell{grid-template-columns:230px 1fr}.admin-menu{min-height:100vh;position:sticky;top:0;height:100vh}.stat-grid{grid-template-columns:repeat(4,1fr)}.checkgrid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1020px){.cards{grid-template-columns:repeat(4,1fr)}}

/* Personalización dinámica de temas v2 */
html{font-family:var(--font-body,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);color:var(--text,#23202a);background:var(--bg,#fff8fc)}
body{color:var(--text,#23202a);background:var(--bg,#fff8fc)}
h1,h2,h3,h4,h5,h6,.brand{font-family:var(--font-heading,var(--font-body,Inter,system-ui,sans-serif))}
.site-header{background:color-mix(in srgb,var(--header-bg,#fff) 94%,transparent);color:var(--header-text,#23202a)}
.card,.table-wrap,.stat{background:var(--surface,#fff);border-radius:var(--card-radius,16px)}
.btn{border-radius:var(--button-radius,12px);background:var(--button-bg,var(--primary));color:var(--button-text,#fff);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000018}.btn:active{transform:translateY(0)}
body[data-button-style="soft"] .btn:not(.alt):not(.danger){background:color-mix(in srgb,var(--button-bg,var(--primary)) 14%,var(--surface,#fff));color:var(--button-bg,var(--primary));border:1px solid color-mix(in srgb,var(--button-bg,var(--primary)) 28%,transparent)}
body[data-button-style="outline"] .btn:not(.alt):not(.danger){background:transparent;color:var(--button-bg,var(--primary));border:2px solid var(--button-bg,var(--primary))}
body[data-hero-style="solid"] .hero{background:var(--primary)}
body[data-hero-style="soft"] .hero{background:color-mix(in srgb,var(--primary) 8%,var(--bg))}
body[data-hero-style="gradient"] .hero{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--bg)),color-mix(in srgb,var(--secondary) 16%,var(--bg)))}
.hero{color:var(--hero-text,var(--text,#23202a))}
footer{background:var(--footer-bg,#17141c);color:var(--footer-text,#eee)}
.badge{background:color-mix(in srgb,var(--primary) 12%,var(--surface,#fff));color:var(--primary)}

/* Administración de temas */
.admin-page-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}.admin-page-head h1,.admin-page-head h2{margin:0 0 6px}.admin-panel{background:#fff;border:1px solid #e8e8ec;border-radius:16px;padding:18px}.theme-admin-grid{display:grid;gap:18px;margin-top:18px}.admin-subpanel{border-top:1px solid #eee;margin-top:20px;padding-top:16px}.admin-subpanel h3{margin:0 0 10px}.grow{flex:1 1 240px}.checkline{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;padding:10px 0}.checkline input{width:auto!important;margin-top:4px}.checkline span{display:grid;gap:2px}.checkline small{font-weight:400;color:#746c79}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-field{margin:0!important;padding:10px;border:1px solid #eee;border-radius:12px;display:grid!important;grid-template-columns:1fr 44px;gap:4px 10px;align-items:center}.color-field input{width:44px!important;height:34px!important;padding:2px!important;border-radius:8px!important}.color-field code{font-size:.74rem;color:#777}.admin-error{background:#fff0f0;border-color:#f3b6b6;color:#8d1b1b}
.preview-panel{position:relative}.theme-preview{--p:#7C3AED;--s:#F472B6;--a:#F59E0B;--bg:#FFF8FC;--txt:#23202A;--surf:#fff;--hbg:#fff;--htxt:#23202A;--hero-txt:#23202A;--fbg:#17141C;--ftxt:#EEEEEE;--bbg:#7C3AED;--btxt:#fff;--br:12px;--cr:16px;--fb:system-ui,sans-serif;--fh:system-ui,sans-serif;border:1px solid #ddd;border-radius:16px;overflow:hidden;background:var(--bg);color:var(--txt);font-family:var(--fb)}.preview-nav{padding:13px 14px;background:var(--hbg);color:var(--htxt);display:flex;justify-content:space-between;gap:10px}.preview-nav b,.preview-hero h3{font-family:var(--fh)}.preview-hero{padding:26px 16px;color:var(--hero-txt);background:linear-gradient(135deg,color-mix(in srgb,var(--p) 14%,var(--bg)),color-mix(in srgb,var(--s) 16%,var(--bg)))}.theme-preview[data-hero="solid"] .preview-hero{background:var(--p)}.theme-preview[data-hero="soft"] .preview-hero{background:color-mix(in srgb,var(--p) 8%,var(--bg))}.preview-hero h3{font-size:1.7rem;margin:8px 0}.preview-badge{display:inline-block;background:color-mix(in srgb,var(--p) 14%,var(--surf));color:var(--p);padding:4px 8px;border-radius:999px;font-size:.75rem}.preview-button{border:0;border-radius:var(--br);padding:10px 14px;background:var(--bbg);color:var(--btxt);font-weight:800}.theme-preview[data-button="soft"] .preview-button{background:color-mix(in srgb,var(--bbg) 14%,var(--surf));color:var(--bbg);border:1px solid color-mix(in srgb,var(--bbg) 30%,transparent)}.theme-preview[data-button="outline"] .preview-button{background:transparent;color:var(--bbg);border:2px solid var(--bbg)}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px}.preview-card{background:var(--surf);border-radius:var(--cr);overflow:hidden;border:1px solid #0001}.preview-card div{height:76px;background:linear-gradient(135deg,color-mix(in srgb,var(--s) 22%,var(--surf)),color-mix(in srgb,var(--a) 20%,var(--surf)))}.preview-card strong{display:block;padding:9px;font-family:var(--fh)}
@media(min-width:900px){.theme-admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.preview-panel{position:sticky;top:18px;align-self:start}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}