[hidden]{display:none!important}header{padding-block:22px;flex-wrap:wrap}.brand em{font-weight:800}.locations{display:flex;gap:10px}.locations button{position:relative;min-width:114px;padding:26px 12px 15px;border:2px solid #e6dce2;border-radius:24px;background:#fff;text-align:center;box-shadow:0 5px 0 #f1e8ed;min-height:132px}.locations button:after{content:'';position:absolute;bottom:6px;left:38%;width:24%;height:3px;background:currentColor;opacity:.3;border-radius:4px}.locations small,.locations strong,.locations span{display:block}.locations small{font-size:9px;letter-spacing:1px}.locations strong{font-size:15px}.locations span{font-size:12px}.locations .phone-camera{position:absolute;top:8px;left:35%;width:30%;height:5px;border-radius:7px;background:#e6dce2}.locations button[aria-pressed=true]{background:#fff0f6;border-color:#a73568;color:#942c5b}.locations button[aria-pressed=true] .phone-camera{background:#a73568}.category-picture{background:#fff!important;display:grid;place-items:center;overflow:hidden}.category-picture img{height:100%;width:100%;object-fit:contain}.category-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f0f4!important}.category-empty span{font-size:27px;color:#c6aa89}.category{border-radius:18px;padding:12px}.category strong{font-size:14px}.category .photo{height:140px}.category:hover{transform:translateY(-2px);border-color:#c87399}.card{box-shadow:0 3px 14px #3e291205}.notice{font-size:11px}nav button{border-radius:50px}h1{font-weight:800;letter-spacing:-.6px}.sheet-section h2{font-weight:800}.sheet-card{border-radius:18px}.sheet-card img{object-fit:contain}.sheet-card small{line-height:1.3}.sheet-card:last-child{grid-column:auto}.brand strong{font-weight:800}@media(max-width:650px){header{padding:18px;gap:16px}.brand{width:100%}.brand strong{font-size:26px}.locations{width:100%;gap:12px}.locations button{flex:1;min-height:112px;padding-top:23px}.locations strong{font-size:17px}.locations small{font-size:9px}.categories{gap:12px}.category .photo{height:130px}.sheet-grid{grid-template-columns:1fr 1fr}.sheet-card:last-child{grid-column:1/-1}.grid.metrics{grid-template-columns:1fr 1fr}.value{font-size:24px}nav{overflow-x:auto;flex-wrap:nowrap}nav button{white-space:nowrap;flex-shrink:0}}

.category .category-picture{display:block;height:155px;padding:6px;background:#fff!important}.category-picture img{display:block;width:100%;height:143px;max-height:143px;object-fit:contain;object-position:center}.sheet-card img{object-fit:contain;object-position:center}.product img{object-fit:contain!important;background:white}
.product-detail{display:flex;gap:18px;min-width:0}.product-visual{flex:0 0 100px;max-width:100px}.product-visual:empty{display:none}.product-thumb{display:block;width:100%;height:140px;object-fit:contain;background:white;border-radius:12px;margin-bottom:12px}.photo-pending{width:100px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f1f5;border-radius:12px;text-align:center;padding:8px}.photo-pending span{font-size:25px;color:#b39570}.photo-pending small{font-size:11px}.product-stock{grid-column:1/-1;width:100%;margin-top:8px;padding-top:12px;border-top:1px dashed #e9dce4}.product-stock summary{cursor:pointer;color:#745467;font-size:13px}.product-stock .actions{margin-top:14px}.stock-current{background:#faf0f6;border-radius:12px;padding:15px}.stock-current strong{display:block;font-size:26px}.film-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px}.checklist label{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eee8de}.checklist input{width:22px;height:22px;margin:0;accent-color:#a73568}.checklist input:checked+span{text-decoration:line-through;color:#8b867e}@media(max-width:650px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{gap:12px}.product-visual{flex-basis:82px;max-width:82px}.product-visual .photo-pending{width:82px}.product-thumb{height:120px}.sheet-card:last-child{grid-column:auto}.locations button{min-height:112px}}

nav{overflow:visible;flex-wrap:wrap}nav details{position:relative}nav details>summary{padding:12px 16px;cursor:pointer;border-radius:12px;background:#fff5f9;font-weight:700}nav details>div{position:absolute;z-index:15;top:100%;left:0;min-width:250px;padding:8px;display:grid;background:white;border:1px solid #eadce5;border-radius:14px;box-shadow:0 12px 28px #24201820}nav details button{text-align:left;white-space:normal}.route-actions{margin-bottom:20px}.brand-menu,.client-breakdown{border:1px solid #eadce5;border-radius:14px;padding:16px;margin:16px 0}.brand-menu summary,.client-breakdown summary,.history summary,.mold-card summary{cursor:pointer;padding:8px}.client-breakdown summary span{display:block;color:#665d53;margin-top:5px}.brand-menu .grid{margin-top:14px}.mold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.mold-card{border:1px solid #e5dfd6;border-radius:16px;padding:16px}.mold-card img{display:block;width:100%;height:260px;object-fit:contain}.mold-card h3{font-size:17px}nav details[open]{z-index:20}@media(max-width:600px){nav details>div{position:static;min-width:0}nav details{flex:1;min-width:160px}.mold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mold-card{padding:10px}.mold-card img{height:210px}}
/* Compact navigation: opened menus must never stretch their sibling buttons. */
nav{align-items:flex-start;gap:6px;padding-top:12px;padding-bottom:12px;overflow:visible}
nav>button,nav>details{align-self:flex-start;flex:0 0 auto}
nav button,nav details>summary{border-radius:7px;font-size:14px;min-height:40px;padding:9px 13px;line-height:1.4}
nav>button{height:40px}
nav details>summary{border:1px solid #eadce5;background:#fff8fb;font-weight:600;cursor:pointer}
nav details>div{min-width:235px;gap:3px;border-radius:9px;padding:6px;box-shadow:0 8px 20px #50304415}
nav details>div button{border:0;border-radius:5px;min-height:40px;height:auto;padding:9px 10px;background:white;white-space:normal}
nav details>div button:hover{background:#fcecf4}
nav details>div button.active{background:#a73568;color:white}
nav details:last-child>div{left:auto;right:0}
.route-actions{gap:6px;margin-bottom:16px}.route-actions button,.back-to-brands{padding:8px 12px;border-radius:7px;min-height:40px;font-size:14px}
.brand-picker{margin:18px 0}.picker-label{font-size:13px;font-weight:700;color:#725365;margin-bottom:10px}.brand-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:12px 0 20px}.brand-tile{display:flex;align-items:center;gap:10px;text-align:left;min-height:68px;padding:10px;border-radius:9px;border:1px solid #e7dce3;background:white}.brand-tile strong,.brand-tile small{display:block}.brand-tile strong{font-size:14px;color:#493743}.brand-tile small{font-size:11px}.brand-tile.active{border-color:#bd5585;background:#fff0f6;box-shadow:0 0 0 1px #bd5585}.brand-tile.active strong{color:#942c5b}.brand-badge{display:grid;place-items:center;flex:0 0 54px;min-width:54px;height:36px;padding:3px;border-radius:5px;background:#f3eff3;color:#3e3440;font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:-.3px}.badge-samsung{background:#edf0fa;color:#173c87;font-size:9px}.badge-iphone{background:#f2f2f5;font-size:13px;font-weight:500}.badge-honor{font-size:11px}.badge-xiaomi{background:#f4f0f8;color:#705786;font-size:24px;letter-spacing:-2px}.badge-vivo{color:#3158a8;font-size:21px;font-weight:400;letter-spacing:-2px}.badge-motorola{font-size:22px;color:#35577c}.mold-search-label{margin-top:12px}.mold-note{font-size:12px}.supplier-reference{margin:8px 0;font-size:12px}.supplier-reference summary{cursor:pointer}.glass-type-picker{margin-bottom:15px}.glass-type-picker select{max-width:300px}
@media(max-width:650px){
 nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:12px 18px;align-items:start}
 nav>button{grid-column:span 3;width:100%;height:42px;min-height:42px;white-space:normal}
 nav>details{grid-column:span 2;min-width:0;width:100%;position:relative}
 nav details>summary{height:44px;min-height:44px;padding:7px 5px;font-size:12px;line-height:1.2;border-radius:7px}
 nav details>div{position:absolute;top:calc(100% + 4px);left:0;min-width:230px;width:260px;max-width:calc(100vw - 36px)}
 nav details:nth-child(4)>div{left:50%;transform:translateX(-50%)}
 nav details:last-child>div{left:auto;right:0}
 nav details>div button{font-size:14px;min-height:42px}
 .brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brand-tile{min-height:65px;padding:8px;gap:7px}.brand-badge{flex-basis:48px;min-width:48px}.brand-tile strong{font-size:13px}.brand-tile small{font-size:11px}.mold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.film-photo-pending{display:grid;place-items:center;width:76px;min-height:95px;background:#f6eef3;border-radius:7px;padding:7px;text-align:center;font-size:11px;color:#87677a}

@media(max-width:650px){nav[aria-label="Secciones"]>details[open]{grid-column:1/-1;width:100%;min-width:0}nav[aria-label="Secciones"]>details[open]>div{position:static;left:auto;right:auto;transform:none;min-width:0;width:100%;max-width:100%;box-sizing:border-box;margin-top:5px}nav[aria-label="Secciones"]>details[open]>div button{width:100%;overflow-wrap:anywhere;text-align:left}}