:root {
  --bg: #07111f;
  --panel: rgba(255,255,255,0.08);
  --text: #f5f7fb;
  --muted: #8ea0b8;
  --primary: #34d399;
  --accent: #3b82f6;
  --danger: #ef4444;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:radial-gradient(circle at top left,#172554,#07111f 55%,#020617);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}a,button,input,select,textarea{font:inherit}.hero{position:relative;overflow:hidden;isolation:isolate;padding:5rem 1.5rem 4rem;display:flex;justify-content:center;align-items:center;min-height:78vh;background:radial-gradient(circle at top left,#2563eb22,transparent 35%)}.hero-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(20px) brightness(.42) saturate(.8);transform:scale(1.08);z-index:-2;animation:heroPulse 18s ease-in-out infinite}.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,17,31,.95),rgba(7,17,31,.55));z-index:-1}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,17,31,.95),rgba(7,17,31,.6));z-index:-1}.hero-content{position:relative;max-width:780px;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08));backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.4);border-radius:32px;padding:2.2rem}.hero-badge{display:inline-block;margin-bottom:.8rem;padding:.45rem .8rem;border-radius:999px;background:rgba(52,211,153,.16);border:1px solid rgba(52,211,153,.3);color:#c8ffe3;font-size:.85rem}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--primary);font-size:.8rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:.4rem 0}.hero p{color:var(--muted);font-size:1.1rem}.btn{display:inline-block;padding:.8rem 1.25rem;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;box-shadow:0 10px 30px rgba(59,130,246,.25)}.btn-secondary{background:rgba(255,255,255,.1);color:var(--text);border:1px solid rgba(255,255,255,.12)}.btn-whatsapp{background:#25D366;color:#fff}.btn-block{display:block;text-align:center}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.catalog-toolbar{max-width:760px;margin:-1.2rem auto 0;padding:0 1.5rem;position:relative;z-index:2}.search-shell{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(0,0,0,.22)}.search-icon{font-size:1.2rem;color:#0f172a}.catalog-toolbar input{width:100%;border:0;outline:none;background:transparent;color:#0f172a;padding:0}.catalog-toolbar input::placeholder{color:#64748b}.filter-bar{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding:1rem 1.5rem;position:sticky;top:0;background:rgba(7,17,31,.8);backdrop-filter:blur(10px);z-index:50}.filter-chip{padding:.7rem 1rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text);border-radius:999px;cursor:pointer}.filter-chip.active{background:var(--primary);color:#082f2d}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:1.5rem;max-width:1280px;margin:0 auto}.catalog-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 1.5rem 1.5rem}.section-block{max-width:1280px;margin:0 auto 2rem}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem 1rem}.section-heading a{color:var(--primary)}.swipe-hint{display:none;color:var(--muted);font-size:.85rem;padding:0 1.5rem 1rem}.product-card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(52,211,153,.35);border-radius:24px;overflow:hidden;backdrop-filter:blur(12px);transition:transform .3s,box-shadow .3s,opacity .4s;animation:fadeUp .6s ease both;box-shadow:0 12px 35px rgba(2,6,23,.28),inset 0 0 0 1px rgba(255,255,255,.04)}.product-card::before{content:'';position:absolute;inset:0;border-radius:24px;border:2px solid rgba(59,130,246,.75);pointer-events:none;opacity:.95;z-index:2}.product-card::after{content:'';position:absolute;inset:8px;border-left:3px solid rgba(52,211,153,.95);border-top:3px solid rgba(52,211,153,.95);border-radius:14px;pointer-events:none;opacity:.95;z-index:2}.product-media{position:relative;overflow:hidden}.product-media img{border-radius:16px 16px 0 0}.product-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 22px 50px rgba(0,0,0,.32)}.product-link{display:block}.product-media{aspect-ratio:4/3;background:#0f172a}.product-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.product-card:hover .product-media img{transform:scale(1.05)}.placeholder{display:grid;place-items:center;height:100%;color:var(--muted)}.product-info{padding:1rem}.product-actions{padding:0 1rem 1rem}.badge{display:inline-block;padding:.35rem .6rem;border-radius:999px;font-size:.76rem;margin-bottom:.5rem}.bg-success{background:#16a34a}.bg-warning{background:#facc15}.bg-danger{background:#dc2626}.bg-secondary{background:#64748b}.price{font-size:1.3rem;font-weight:700}.price.large{font-size:2rem}.category-name{color:var(--muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card,.card-form,.detail-card,.stat-card{background:var(--panel);padding:1.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.auth-card{width:min(420px,100%)}.auth-card input,.card-form input,.card-form textarea,.card-form select,.filter-row input,.filter-row select{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;margin:.35rem 0 .8rem;background:#0f172a;color:var(--text)}.button,.card-form button,.filter-row button{padding:.8rem 1rem;border:0;border-radius:12px;background:var(--primary);color:#052e16;cursor:pointer}.admin-shell{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:240px;padding:1.5rem;background:#020617;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:2}.sidebar a{display:block;padding:.8rem 1rem;border-radius:12px;color:var(--muted);margin-bottom:.4rem;pointer-events:auto}.sidebar a:hover{background:rgba(52,211,153,.14);color:#fff}.admin-main{flex:1;padding:1.5rem;min-width:0;min-height:100vh}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table a,.table button,.button,.card-form button,.filter-row button{pointer-events:auto;display:inline-block}.table th,.table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.stat-card h3{margin:0 0 .4rem;color:var(--muted)}.stat-card p{font-size:2rem;margin:0}.filter-row{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.recent-list{margin-top:1.5rem;background:var(--panel);padding:1rem 1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.recent-list ul{padding-left:1.2rem;color:var(--muted)}.recent-list li{margin-bottom:.5rem}.toast{position:fixed;top:1rem;right:1rem;z-index:2000;padding:.9rem 1rem;border-radius:14px;color:white;box-shadow:0 15px 40px rgba(0,0,0,.25);max-width:320px}.toast-success{background:linear-gradient(90deg,#22c55e,#16a34a)}.toast-error{background:linear-gradient(90deg,#ef4444,#dc2626)}.settings-note{color:var(--muted);margin-bottom:1rem}.detail-page{padding:2rem;max-width:1280px;margin:0 auto}.detail-card{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem}.detail-gallery img{width:100%;border-radius:16px;margin-bottom:1rem;cursor:zoom-in}.back-link{display:inline-block;margin-bottom:1rem}.thumb-card{background:rgba(255,255,255,.05);padding:.5rem;border-radius:12px}.thumb-card img{width:100%;height:auto;border-radius:8px}.image-gallery-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.lightbox{position:fixed;inset:0;background:rgba(2,6,23,.95);display:none;align-items:center;justify-content:center;padding:1rem;z-index:1000}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:16px;transform:scale(1.02)}.lightbox-close,.lightbox-nav{position:absolute;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:2rem;padding:.3rem .7rem;border-radius:999px;cursor:pointer}.lightbox-close{top:1rem;right:1rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spinBorder{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes heroPulse{0%,100%{transform:scale(1.04) translateY(0)}50%{transform:scale(1.1) translateY(-4px)}}@media (max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-card{grid-template-columns:1fr}}@media (max-width:600px){.swipe-hint{display:block}.section-block.mobile-swipe .catalog-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1rem 1rem;gap:.8rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.section-block.mobile-swipe .product-card{flex:0 0 82vw!important;min-width:82vw!important;max-width:82vw!important;scroll-snap-align:start!important;box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.06)!important;border-radius:20px!important}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1rem}.catalog-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0 1rem 1rem}.section-heading{padding:0 1rem .8rem}.catalog-toolbar{padding:0 1rem}.filter-bar{justify-content:flex-start;overflow:auto}.detail-page{padding:1rem}.hero{padding:3.5rem 1rem 2rem}.product-card{border-radius:18px}.product-card::before{border-radius:18px}.product-info{padding:.8rem}.product-actions{padding:0 .8rem .8rem}.product-info h3{font-size:1rem}.price{font-size:1rem}}
.inline-form{display:inline-block;margin:0}.inline-form select{padding:.45rem .65rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0f172a;color:var(--text)}.copy-code{margin-left:.5rem;padding:.3rem .55rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);color:var(--text);cursor:pointer}.pagination{display:flex;gap:1rem;align-items:center;margin:1rem 0}.pagination a,.pagination span{padding:.65rem .9rem;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.empty-state{margin:1rem 1.5rem;padding:1rem;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:var(--muted);text-align:center}.dashboard-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.muted{color:var(--muted)}.image-manage-form{align-items:start}.image-manage-form .thumb-card{display:flex;flex-direction:column;gap:.55rem}.image-manage-form input[type=number]{width:100%;padding:.65rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0f172a;color:var(--text)}.image-path{font-size:.78rem;color:var(--muted);word-break:break-all}.form-actions{grid-column:1/-1}.related-section{margin-top:2rem}@media (max-width:900px){.dashboard-panels{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
.admin-list-thumb{width:92px;height:62px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0f172a;display:block}.admin-list-placeholder{display:grid;place-items:center;color:var(--muted);font-size:.8rem}.settings-preview{display:block;max-width:180px;max-height:90px;object-fit:contain;margin:.25rem 0 .75rem;padding:.45rem;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.favicon-preview{width:48px;height:48px}.site-logo{width:min(320px,82vw);max-height:180px;object-fit:contain;margin:0 auto 1.15rem;display:block}.admin-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin:0 0 1.5rem;line-height:1.15}.admin-brand img{width:160px;max-width:100%;height:86px;object-fit:contain;object-position:left center;border-radius:12px;background:rgba(255,255,255,.08);padding:.35rem}.admin-brand span{display:block;font-size:1.35rem}.share-button{margin-top:.75rem;width:100%}@media (max-width:600px){.site-logo{width:min(260px,76vw);max-height:140px}}