/**
 * Cabecera y pie heredados de la tienda mercitheshop.com
 * Medidas verificadas contra la tienda a 1920, 1280 y 375 px.
 */
:root{
  --mc-verde:#056C5F; --mc-negro:#0A0A0A; --mc-gris:#777777;
  --mc-gris-suave:#EAEBED; --mc-blanco:#FFFFFF;
  --mc-f:'Poppins', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

/* ── barra verde ── */
.mc-envio{background:var(--mc-verde);color:#fff;font-size:14px;font-weight:400;font-family:var(--mc-f)}
.mc-envio .mc-wrap{padding:0 75px 0 35px;height:41px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mc-rrss{display:flex;gap:14px;align-items:center}
.mc-rrss img{width:18px;height:18px;display:block}

/* ── fila del logo ── */
.mc-cabecera{background:var(--mc-negro)}
.mc-cabecera .mc-wrap{padding:0 43px 0 35px;height:92px;display:flex;align-items:center;justify-content:space-between;position:relative}
.mc-buscador{display:flex;align-items:center;background:#fff;border-radius:25px;width:350px;height:42px;overflow:hidden}
.mc-buscador input{border:0;outline:0;font-family:var(--mc-f);font-size:13px;width:300px;padding:0 20px;height:42px;color:#2B2B2B;background:transparent}
.mc-buscador button{border:0;background:transparent;width:34px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mc-buscador img{width:18px;height:20px}
.mc-marca{position:absolute;left:50%;transform:translateX(-50%);width:170px;display:block}
.mc-marca img{width:100%;height:auto;display:block}
.mc-iconos{display:flex;gap:16px;align-items:center;margin-left:auto}
.mc-iconos img{width:24px;height:24px;display:block}

/* ── menú ── */
.mc-nav{background:var(--mc-negro);border-top:1px solid rgba(255,255,255,.1)}
.mc-nav .mc-wrap{padding:10px 0;min-height:56px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.mc-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap}
.mc-nav a{color:#fff;text-decoration:none;font-family:var(--mc-f);font-size:16px;font-weight:400;padding:0 16px;height:36px;display:flex;align-items:center;border-bottom:2px solid transparent;transition:border-color .18s,opacity .18s}
.mc-nav a:hover{opacity:.72;color:#fff}
.mc-nav .current-menu-item>a,.mc-nav .mc-activo>a{border-bottom-color:var(--mc-verde)}
@media (max-width:1200px) and (min-width:992px){.mc-nav a{padding:0 8px}}

/* ── franja de aviso ── */
.mc-aviso{background:var(--mc-gris-suave);color:var(--mc-gris);text-align:center;font-family:var(--mc-f);font-size:13px;padding:15px 24px}
.mc-aviso a{color:var(--mc-verde);font-weight:600;text-decoration:none}

/* ── pie ── */
.mc-pie{background:var(--mc-negro);color:#fff;font-family:var(--mc-f);font-size:14px;font-weight:300}
.mc-pie .mc-wrap{padding:38px 15px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:38px;align-items:start}
.mc-pie a{color:#fff;font-size:14px;font-weight:300;text-decoration:none;transition:opacity .18s}
.mc-pie a:hover{opacity:.7;color:#fff}
.mc-pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.mc-pie h2{margin:0 0 15px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-family:var(--mc-f)}
.mc-pie .mc-marca-pie{width:200px;display:block}
.mc-pie .mc-marca-pie img{width:100%;height:auto;display:block}
.mc-pie .mc-rrss{margin-top:14px}
.mc-pie .mc-rrss img{width:22px;height:22px}
.mc-copy{border-top:1px solid rgba(255,255,255,.12)}
.mc-copy .mc-wrap{padding:18px 15px;font-size:12px;color:rgba(255,255,255,.45);display:block}

/* ── WhatsApp flotante ── */
.mc-wasap{position:fixed;right:15px;bottom:15px;width:60px;height:60px;display:block;z-index:999999}
.mc-wasap img{width:60px;height:60px;display:block}

/* ── móvil ── */
.mc-menu-movil{display:none;background:none;border:0;padding:0;color:#fff;cursor:pointer;width:26px;height:28px;align-items:center;margin-left:auto}
.mc-menu-movil svg{width:26px;height:18px;display:block}
.mc-barra-inferior{display:none;position:fixed;left:0;right:0;bottom:0;height:48px;background:var(--mc-negro);z-index:999998;padding:0 5.5px;align-items:center;justify-content:space-between}
.mc-barra-inferior a{width:91px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff}
.mc-barra-inferior img,.mc-barra-inferior svg{width:22px;height:22px;color:#fff}
.mc-panel{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:100%;background:#fff;z-index:999999;transform:translateX(100%);transition:transform .5s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mc-panel.mc-abierto{transform:translateX(0)}
.mc-panel-cab{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.mc-panel-cab h2{margin:0;font-family:var(--mc-f);font-size:20px;font-weight:700;text-transform:uppercase;color:#000}
.mc-panel-cerrar{background:none;border:0;padding:0;cursor:pointer;color:#000;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.mc-panel-cerrar svg{width:18px;height:18px}
.mc-panel ul{list-style:none;margin:0;padding:0}
.mc-panel li{border-top:1px solid #ececec}
.mc-panel li a{display:block;padding:12px 20px;font-family:var(--mc-f);font-size:14px;font-weight:500;color:#000;text-decoration:none}
.mc-panel-fondo{position:fixed;inset:0;background:transparent;z-index:999998;opacity:0;pointer-events:none;transition:opacity .5s ease}
.mc-panel-fondo.mc-abierto{opacity:1;pointer-events:auto}

@media (max-width:991px){
  .mc-envio,.mc-buscador,.mc-iconos,.mc-nav,.mc-wasap{display:none}
  .mc-cabecera .mc-wrap{height:70px;padding:0 23px 0 45px}
  .mc-marca{position:static;transform:none;width:100px}
  .mc-menu-movil{display:flex}
  .mc-barra-inferior{display:flex}
  body{padding-bottom:48px}
  .mc-aviso{font-size:15px;padding:22px 24px;line-height:1.5}
  .mc-pie .mc-wrap{grid-template-columns:1fr 1fr;gap:30px}
}
@media (prefers-reduced-motion:reduce){.mc-panel,.mc-panel-fondo{transition:none}}