:root{--blue:#3159a0;--orange:#ff7a00;--light:#eaf6ff;--text:#1d2738;--muted:#6c768a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}.topbar{height:42px;background:#f7f7f8;display:flex;gap:30px;align-items:center;justify-content:center;color:#424b5b}.topbar i,.orange{color:var(--orange)}.mainhead{background:var(--blue);display:flex;align-items:center;gap:22px;padding:18px 9%;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:27px;font-weight:800}.logo i{background:var(--orange);padding:12px;border-radius:9px}.logo img{max-height:45px}.search{flex:1;display:flex}.search input,.search select{padding:17px;border:0;border-right:1px solid #ddd;font-size:16px}.search input{flex:1;border-radius:7px 0 0 7px}.search button,button,.btn{background:var(--orange);border:0;color:#fff;padding:14px 24px;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.mainhead nav{display:flex;gap:10px}.mainhead nav a{position:relative;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);padding:10px 14px;border-radius:7px}.mainhead em{position:absolute;top:-8px;right:-8px;background:#ff5570;border-radius:50%;padding:3px 7px;font-style:normal}.menubar{display:flex;gap:28px;padding:16px 9%;box-shadow:0 1px 8px #ddd;background:#fff}.menubar a{text-decoration:none;color:#303848;font-weight:600}.hero{padding:25px 9%;display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px}.tile{background:var(--light);min-height:170px;border-radius:2px;padding:28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.tile h2{color:#69758b}.tile img{max-width:60%;max-height:210px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:45px 9%}.service{display:flex;gap:15px;align-items:center}.service i{font-size:42px;color:var(--blue)}.section{padding:25px 9%}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.card{position:relative;background:#fff;border-radius:10px;padding:18px;transition:.2s}.card:hover{box-shadow:0 6px 26px #0001;transform:translateY(-3px)}.card img{width:100%;height:230px;object-fit:contain}.badge{position:absolute;top:15px;left:15px;background:#ff5570;color:#fff;padding:7px;border-radius:7px;font-weight:800}.card .cat{color:var(--orange)}.price{font-size:23px;color:#ff3d4f}.old{text-decoration:line-through;color:#777}.colors{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.colorbox{width:31px;height:31px;border-radius:50%;border:2px solid #ddd;display:inline-flex;align-items:center;justify-content:center}.colorbox input{opacity:0}.colorbox:has(input:checked){outline:3px solid var(--blue)}.sizes label{display:inline-block;border:1px solid #ddd;border-radius:20px;padding:8px 12px;margin:4px}.sizes input{margin-right:5px}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:45px 9%}.product-page img.main{width:100%;border-radius:12px;background:#f6f6f6}.panel,.formbox{background:#fff;border:1px solid #e5e7ef;border-radius:12px;padding:20px;box-shadow:0 3px 18px #0000000b}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left}input,select,textarea{width:100%;padding:12px;border:1px solid #d8dce6;border-radius:6px;margin:5px 0 12px}textarea{min-height:90px}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:80vh}.side{background:#243b70;color:#fff;padding:20px}.side a{display:block;color:#fff;text-decoration:none;padding:12px;border-radius:6px}.side a:hover{background:#3159a0}.dashmain{padding:25px;overflow:auto}.tabs{display:flex;gap:10px;flex-wrap:wrap}.map{height:360px;background:linear-gradient(45deg,#e5f2ff,#fff);border:1px solid #ddd;border-radius:10px;position:relative;overflow:hidden}.pin{position:absolute;color:#ff3d4f;font-size:34px}.route{position:absolute;left:12%;right:12%;top:50%;height:4px;background:#3159a0}.whatsapp{position:fixed;right:22px;bottom:22px;background:#25D366;color:white;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:35px;box-shadow:0 5px 20px #0003}footer{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;background:#e9e9eb;padding:45px 13%;margin-top:40px}.copy{text-align:center;background:#e9e9eb;padding:18px}@media(max-width:900px){.mainhead,.menubar{padding:12px;flex-wrap:wrap}.search{order:3;flex-basis:100%}.hero,.grid,.services,.product-page,footer{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.side{position:relative}.tile{min-height:120px}}
/* Hero slideshow administrable desde Dashboard */
.hero-slider{display:block;position:relative;height:430px;margin:25px 9%;padding:0;border-radius:18px;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;display:flex;align-items:center}.hero-slide.active{opacity:1;z-index:1}.hero-copy{max-width:620px;color:#fff;padding:48px}.hero-copy h2{font-size:46px;line-height:1.05;margin:0 0 14px;color:#fff}.hero-copy p{font-size:19px;margin-bottom:22px}.live-map,.mini-map{height:380px;border:1px solid #ddd;border-radius:12px;overflow:hidden;background:#eaf6ff;margin:14px 0}.mini-map{height:260px}.map-empty{height:100%;display:grid;place-items:center;color:#69758b;font-weight:700;text-align:center;padding:20px}.courier-live{max-width:760px;margin:auto}.courier-status{font-weight:800;margin-top:10px;color:#0a7a20}@media(max-width:900px){.hero-slider{margin:12px;height:320px}.hero-copy{padding:28px}.hero-copy h2{font-size:32px}}