/* Plega Movel · Hi-Fi shared */
:root{--brand:#f9b62a;--brand-deep:#c98a0e;--brand-tint:#fff1d2;--on-brand:#1d1c1a;--ink:#1d1c1a;--ink-2:#6b675f;--line:#e6e1d8;--bg:#f7f5f1;--card:#ffffff;--green:#6ea84a;--green-tint:#e9f2e0;--yellow:#f5c530;--yellow-tint:#fbf1cf;--red:#d8473a;--red-tint:#f9e3e0;--blue:#3c8bd1;--blue-tint:#e2eef8;--beige:#d9c5a4;--beige-tint:#f2ead9;--dark:#23211e}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:"Instrument Sans",system-ui,sans-serif;font-size:16px;line-height:1.5;min-width:1280px}
h1,h2,h3,h4{font-family:"Archivo",sans-serif;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.05}
a{color:var(--brand-deep);text-decoration:none}
a:hover{color:var(--brand)}
.wrap{width:1240px;margin:0 auto;padding:0 32px}
.kicker{font-family:"Archivo";font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep)}
.muted{color:var(--ink-2)}
/* announcement */
.announce{background:var(--dark);color:#eee9e0;font-size:13px}
.announce .wrap{display:flex;justify-content:center;gap:32px;padding:8px 32px}
.announce b{color:var(--brand);font-weight:600}
/* nav */
.nav{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav .wrap{display:flex;align-items:center;gap:28px;padding:16px 32px}
.logo{display:inline-flex;align-items:center;gap:9px;font-family:"Archivo";font-size:23px;font-weight:600;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.logo b{color:var(--brand);font-weight:600}
.logo .mark{width:40px;height:40px;flex:none;display:block}
.logo .mark img{width:100%;height:100%;object-fit:contain;display:block}
.links{display:flex;gap:22px;font-size:15px;font-weight:500}
.links a{color:var(--ink)}
.links a:hover{color:var(--brand-deep)}
.nsearch{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg);border:1.5px solid var(--line);border-radius:999px;padding:11px 18px;color:var(--ink-2);font-size:15px;min-width:200px}
.nsearch:hover{border-color:var(--brand)}
.nsearch svg{width:18px;height:18px;stroke:var(--ink-2);fill:none;stroke-width:2;stroke-linecap:round;flex:none}
.nsearch .kbd{margin-left:auto;font-size:12px;border:1px solid var(--line);border-radius:6px;padding:1px 7px;background:#fff;color:var(--ink-2)}
.nacts{display:flex;align-items:center;gap:12px;white-space:nowrap}
.tel{font-size:14px;font-weight:600;color:var(--ink)}
.cart{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--ink);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ink);background:#fff}
.cart:hover{background:var(--ink);color:#fff}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 26px;font-family:"Archivo";font-size:15px;font-weight:600;cursor:pointer;border:none;transition:.15s}
.btn.primary{background:var(--brand);color:var(--on-brand)}
.btn.primary:hover{background:var(--brand-deep);color:#fff}
.btn.dark{background:var(--ink);color:#fff}
.btn.dark:hover{background:#000;color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.light{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn.light:hover{border-color:var(--ink);color:var(--ink)}
/* chips */
.chip{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;background:#fff;color:var(--ink);cursor:pointer;transition:.12s;white-space:nowrap}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chip.on-brand{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.sw{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;flex:none}
.sw:hover{box-shadow:0 0 0 2px var(--ink)}
.sw.on{box-shadow:0 0 0 2.5px var(--brand)}
/* image slots */
.ph{position:relative;border-radius:14px;overflow:hidden;background:#ece8e0;display:block}
.ph image-slot{position:absolute;inset:0;width:100%;height:100%}
/* section head */
.shead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 20px}
.shead h2{font-size:30px}
.shead a{font-size:14px;font-weight:600}
/* footer */
.foot{background:var(--dark);color:#b8b2a6;margin-top:72px}
.foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:52px 32px 40px}
.foot h5{font-family:"Archivo";font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.foot a{display:block;color:#b8b2a6;font-size:14px;padding:4px 0}
.foot a:hover{color:#fff}
.foot .flogo{display:inline-flex;align-items:center;gap:9px;font-family:"Archivo";font-size:22px;font-weight:600;color:#fff}
.foot .flogo b{color:var(--brand)}
.foot .flogo .mark{width:40px;height:40px;background:#fff;border-radius:8px;padding:3px;flex:none}
.foot .flogo .mark img{width:100%;height:100%;object-fit:contain;display:block}
.foot p{font-size:14px;max-width:32ch}
.foot .base{border-top:1px solid #3a372f;padding:18px 32px;display:flex;justify-content:space-between;font-size:13px}
/* whatsapp */
.wa{position:fixed;right:26px;bottom:26px;z-index:90;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;border-radius:999px;padding:14px 22px 14px 16px;font-family:"Archivo";font-weight:600;font-size:15px;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:.15s}
.wa:hover{transform:translateY(-2px);color:#fff}
.wa svg{width:24px;height:24px;fill:#fff}
/* stats */
.stats{display:flex;gap:0;border:1.5px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.stat{flex:1;padding:22px 26px;border-right:1.5px solid var(--line)}
.stat:last-child{border-right:none}
.stat .n{font-family:"Archivo";font-size:28px;font-weight:700;letter-spacing:-.02em}
.stat .l{font-size:13px;color:var(--ink-2);margin-top:2px}

/* =========================================================
   RESPONSIVE (añadido 2026-10-09) — el handoff solo cubría 1280px.
   Breakpoints: ≤1100 tablet ancho · ≤900 tablet · ≤720 móvil · ≤480 móvil chico
   ========================================================= */
body{min-width:0}
.wrap{width:min(1240px,100%)}
img.pic{display:block;width:100%;height:100%;object-fit:cover}
.ph img.pic{position:absolute;inset:0}
.ph.contain img.pic{object-fit:contain;background:#fff;padding:6%}

/* nav: hamburguesa y menú móvil */
.burger{display:none;width:42px;height:42px;border:1.5px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex:none}
.burger svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}
.mmenu{display:none;background:#fff;border-bottom:1px solid var(--line)}
.mmenu.open{display:block}
.mmenu .wrap{display:flex;flex-direction:column;gap:2px;padding:10px 16px 16px}
.mmenu a{display:block;padding:12px 4px;font-family:"Archivo";font-size:17px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.mmenu a:last-of-type{border-bottom:none}
.mmenu .mtel{display:flex;gap:10px;margin-top:12px}
.mmenu .mtel .btn{flex:1;padding:12px 16px;font-size:14px}
.nsearch .lbl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

@media (max-width:1100px){
  .wrap{padding:0 24px}
  .nav .wrap{padding:14px 24px;gap:16px}
  .links{display:none}
  .burger{display:inline-flex}
  .announce .wrap{padding:8px 24px;gap:20px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .announce .wrap::-webkit-scrollbar{display:none}
  .announce span{white-space:nowrap}
}
@media (max-width:900px){
  .foot .wrap{grid-template-columns:1fr 1fr;gap:28px;padding:40px 24px 32px}
  .stats{flex-wrap:wrap}
  .stat{flex:1 1 50%;border-right:none;border-bottom:1.5px solid var(--line)}
  .stat:nth-child(odd){border-right:1.5px solid var(--line)}
  .stat:nth-last-child(-n+2){border-bottom:none}
  .shead{flex-wrap:wrap}
  .shead h2{font-size:26px}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .nav .wrap{padding:12px 16px;gap:10px;flex-wrap:wrap}
  .nav .nsearch{order:5;flex:1 1 100%;min-width:0;padding:10px 14px;font-size:14px}
  .nav .nsearch .kbd{display:none}
  .nacts{margin-left:auto}
  .tel{display:none}
  .cart{padding:9px 13px;font-size:13px}
  .logo{font-size:20px}.logo .mark{width:34px;height:34px}
  .announce .wrap{padding:8px 16px}
  .foot{margin-top:48px}
  .foot .wrap{grid-template-columns:1fr;gap:22px;padding:36px 16px 24px}
  .foot .base{flex-direction:column;gap:6px;padding:16px;text-align:center}
  .wa{right:16px;bottom:16px;padding:14px;border-radius:50%;gap:0}
  .wa span{display:none}
  .wa svg{width:28px;height:28px}
  .btn{padding:13px 20px;font-size:14px}
  .stat{padding:16px 18px}
  .stat .n{font-size:24px}
}
@media (max-width:480px){
  .stats{flex-direction:column}
  .stat{flex:1 1 100%;border-right:none!important;border-bottom:1.5px solid var(--line)!important}
  .stat:last-child{border-bottom:none!important}
}