/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.4
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ============================================================
   Buscador de piezas (página Buscar pieza, 10-oct-2026)
   ============================================================ */
.mxp-buscador{max-width:640px;margin:0 auto;font-size:100%}
.mxp-buscador label{display:block;font-weight:600;margin-bottom:8px}
.mxp-buscador-row{display:flex;gap:8px;flex-wrap:wrap}
.mxp-buscador-row input{flex:1 1 220px;padding:12px 14px;font-size:1.05rem;border:1px solid #ccc;border-radius:6px;min-width:0}
.mxp-buscador-btn{background:#1d2c3d;color:#fff;border:0;border-radius:6px;padding:12px 20px;font-size:1.05rem;font-weight:600;cursor:pointer}
.mxp-buscador-btn:hover{background:#0f1c2b}
.mxp-buscador-hint{color:#777;margin-top:10px;font-size:.92rem}
.mxp-loading,.mxp-error{padding:16px 0;font-weight:600}
.mxp-error{color:#b00020}
.mxp-tarjeta{display:flex;gap:16px;align-items:center;border:1px solid #e6e6e6;border-radius:8px;padding:14px;margin-top:14px;background:#fff}
.mxp-tarjeta-img{flex:0 0 96px}
.mxp-tarjeta-img img{max-width:96px;height:auto;border-radius:6px}
.mxp-tarjeta-info{flex:1;min-width:0}
.mxp-tarjeta-titulo{font-weight:700;font-size:1.05rem}
.mxp-tarjeta-sku{color:#888;font-size:.88rem;margin:2px 0}
.mxp-tarjeta-precio{margin:6px 0}
.mxp-tarjeta-btn{display:inline-block;background:#1f9d55;color:#fff;padding:9px 16px;border-radius:6px;font-weight:600;text-decoration:none}
.mxp-tarjeta-btn:hover{background:#187a43;color:#fff}
.mxp-sugerencias h3{margin-top:16px;font-size:1.05rem}
.mxp-aviso{border:1px solid #e6d9b8;background:#fdf6e3;border-radius:8px;padding:16px;margin-top:14px}
.mxp-aviso h3{margin:0 0 6px;font-size:1.05rem}
.mxp-aviso p{margin:0 0 10px}
.mxp-aviso-ok{margin-top:10px;font-weight:600;color:#1f7a3d}
@media (max-width:549px){.mxp-tarjeta{flex-direction:column;align-items:flex-start}}

/* ============================================================
   Trivia de la portada (10-oct-2026)
   ============================================================ */
.mxp-trivia{max-width:560px;margin:0 auto;background:#fff;border-radius:12px;padding:18px 20px;color:#1c1f24;box-shadow:0 2px 14px rgba(0,0,0,.18)}
.mxp-trivia .mxp-trivia-intro{margin:0 0 12px;font-size:.95rem;color:#1c1f24}
.mxp-trivia .mxp-q-prog{font-size:.82rem;font-weight:700;color:#1d6fb8;letter-spacing:.5px;margin:0 0 8px}
.mxp-trivia .mxp-q-timer{font-size:1.05rem;font-weight:800;color:#1d6fb8;margin:0 0 10px;font-variant-numeric:tabular-nums}
.mxp-trivia .mxp-q-timer-urgente{color:#c22}
.mxp-trivia .mxp-q-timer-fin{font-size:1.2rem;font-weight:800;color:#c22;margin:0 0 6px}
.mxp-trivia .mxp-trivia-inicio{text-align:center;padding:10px 0}
.mxp-trivia .mxp-trivia-inicio p{margin:0 0 12px;color:#41505f;font-size:.98rem}
.mxp-q{padding:0}
.mxp-q:first-of-type{border-top:0}
.mxp-trivia .mxp-q-titulo{font-weight:600;margin:0 0 10px;font-size:1.02rem;color:#1c1f24}
.mxp-q-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.mxp-q-opt{background:#f1f3f5;border:2px solid transparent;border-radius:10px;padding:10px 12px;min-height:44px;font-size:.95rem;cursor:pointer;font-weight:500;color:#2e4a63;text-align:left}
.mxp-q-opt:hover{background:#e4e9ee}
.mxp-q-opt.sel{background:#ff6b1a;border-color:#d94f00;color:#fff}
.mxp-trivia-btn{display:inline-block;margin-top:6px;min-height:44px;background:#1d2c3d;color:#fff;border:0;border-radius:8px;padding:12px 22px;font-size:1rem;font-weight:600;cursor:pointer}
.mxp-trivia-btn:hover{background:#0f1c2b}
.mxp-trivia .mxp-trivia-msg{padding:10px 0;font-weight:600;color:#1c1f24}
.mxp-trivia-win{text-align:center;padding:8px 0}
.mxp-trivia .mxp-trivia-win-titulo{font-size:1.15rem;font-weight:700;color:#1c1f24}
.mxp-trivia-codigo{display:inline-block;margin:12px 0 4px;font-size:1.6rem;font-weight:800;letter-spacing:2px;background:#fdf6e3;border:2px dashed #d94f00;border-radius:10px;padding:10px 22px;color:#d94f00}
.mxp-trivia .mxp-trivia-win-txt{margin:6px 0 14px;color:#555}
.mxp-trivia-shop{display:inline-block;background:#1f9d55;color:#fff;padding:12px 22px;border-radius:8px;font-weight:600;text-decoration:none}
.mxp-trivia-shop:hover{background:#187a43;color:#fff}
.mxp-trivia-lose{text-align:center;padding:6px 0}
.mxp-trivia .mxp-trivia-lose p{margin:0 0 6px;color:#555}

/* ============================================================
   Legibilidad de menús (Mario, 10-oct-2026): letra más grande
   y más clara en menú principal, categorías y sidebar BROWSE.
   ============================================================ */

/* Menú principal del header (Inicio, Tienda, Blog, Contacto) */
#masthead .header-nav.nav > li > a,
.header-nav.nav > li > a {
    font-size: 19px;
    font-weight: 700;
    color: #222222;
}

/* Dropdown de TIENDA (categorías: Motor, Frenos, Suspensión...) */
#wide-nav .nav-dropdown > li > a,
.header-nav .nav-dropdown > li > a {
    font-size: 22px;
    font-weight: 500;
    color: #222222;
}

/* Sidebar BROWSE de la página Tienda: todas las categorías */
.sidebar-inner ul.product-categories li a {
    font-size: 21px;
    color: #1d2c3d;
}
.sidebar-inner ul.product-categories > li > a {
    font-weight: 600;
}

/* Menú móvil (drawer/hamburguesa) */
.nav-vertical > li > a,
.off-canvas .nav-vertical > li > a {
    font-size: 18px;
    color: #222222;
}
.nav-vertical li li > a,
.off-canvas .nav-vertical li li > a {
    font-size: 18px;
    font-weight: 500;
    color: #222222;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ============================================================
   Bloque "Ofertas del día" — portada (mxp_ofertas_dia, 11-oct-2026)
   Hero oscuro + carrusel de tarjetas con scroll-snap y flechas.
   ============================================================ */
.mxp-ofertas{padding:46px 0 40px;background:linear-gradient(135deg,#0f1d33 0%,#1d2c3d 52%,#12233c 100%);overflow:hidden}
.mxp-ofertas-head{max-width:1200px;margin:0 auto 26px;padding:0 24px;text-align:center}
.mxp-ofertas-kicker{display:inline-block;background:#ff6b1a;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78em;padding:7px 18px;border-radius:999px;margin-bottom:14px}
.mxp-ofertas-titulo{color:#fff;font-size:2.3em;font-weight:800;margin:0 0 10px;line-height:1.15;text-transform:uppercase}
.mxp-of-hl{color:#ffb057}
.mxp-ofertas-sub{color:#c3cedb;font-size:1.05em;margin:0 auto;max-width:640px;line-height:1.5}
.mxp-ofertas-carousel{position:relative;max-width:1200px;margin:0 auto;padding:0 56px}
.mxp-ofertas-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(320px,72%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.mxp-ofertas-track::-webkit-scrollbar{height:8px}
.mxp-ofertas-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:99px}
.mxp-of-card{scroll-snap-align:start;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;flex-direction:column}
.mxp-of-media{position:relative;background:#f4f6f8}
.mxp-of-media img{display:block;width:100%;height:auto}
.mxp-of-badge{position:absolute;top:12px;left:12px;background:#e04f00;color:#fff;font-weight:800;font-size:.95em;padding:6px 12px;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.mxp-of-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.mxp-of-sku{color:#8a94a0;font-size:.75em;letter-spacing:.05em;text-transform:uppercase}
.mxp-of-nombre{font-size:1.02em;font-weight:700;color:#1d2c3d;margin:0;line-height:1.3}
.mxp-of-precios{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mxp-of-regular{color:#9aa4af;text-decoration:line-through;font-size:1.02em}
.mxp-of-sale{color:#e04f00;font-size:1.7em;font-weight:800}
.mxp-of-chips{display:flex;gap:6px;flex-wrap:wrap}
.mxp-of-chip{background:#eef3f8;color:#33475c;font-size:.78em;font-weight:600;padding:5px 11px;border-radius:999px}
.mxp-of-chip.mxp-of-3x2{background:#fff3e0;color:#b45309;border:1px dashed #ff8c1a;font-weight:700}
.mxp-of-btn{display:inline-block;margin-top:auto;background:#ff6b1a;color:#fff;font-weight:700;text-align:center;text-decoration:none;padding:12px 18px;border-radius:9px;min-height:44px;line-height:1.2;transition:background .2s}
.mxp-of-btn:hover{background:#e0550a;color:#fff}
.mxp-of-flecha{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:1.1em;cursor:pointer;transition:all .2s}
.mxp-of-flecha:hover{background:#ff6b1a;border-color:#ff6b1a}
.mxp-of-prev{left:0}
.mxp-of-next{right:0}
.mxp-ofertas-foot{max-width:1200px;margin:6px auto 0;padding:0 24px;text-align:center;color:#9fb0c4;font-size:.88em}
@media (max-width:768px){
.mxp-ofertas{padding:36px 0 30px}
.mxp-ofertas-titulo{font-size:1.65em}
.mxp-ofertas-sub{font-size:.95em}
.mxp-ofertas-carousel{padding:0 40px}
.mxp-ofertas-track{grid-auto-columns:82%;gap:12px}
.mxp-of-sale{font-size:1.5em}
.mxp-of-nombre{font-size:.95em}
}

/* ============================================================
   Confianza (portada) — tarjetas con iconos y logos, 11-oct-2026
   ============================================================ */
.mxp-cf-kicker{text-align:center;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.78em;color:#2563eb;margin:0 0 20px}
.mxp-cf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.mxp-cf-card{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:28px 22px 24px;text-align:center;box-shadow:0 2px 10px rgba(29,44,61,.06);transition:transform .18s ease, box-shadow .18s ease}
.mxp-cf-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(29,44,61,.12)}
.mxp-cf-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.mxp-cf-icon svg{width:30px;height:30px}
.mxp-cf-titulo{font-size:1.08em;font-weight:700;color:#1d2c3d;margin:0 0 8px}
.mxp-cf-texto{color:#5b6b7e;font-size:.95em;line-height:1.5;margin:0 0 14px}
.mxp-cf-chip{display:inline-block;background:#e9f9ef;color:#15803d;font-weight:600;font-size:.86em;line-height:1.35;border-radius:999px;padding:7px 16px;border:1px solid #cdeeda}
.mxp-cf-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;background:#f6f8fb;border:1px solid #eef1f6;border-radius:12px;padding:12px 14px;margin-top:2px}
.mxp-cf-lista{list-style:none;margin:0 auto 12px;padding:0;text-align:left;display:inline-block}
.mxp-cf-lista li{padding:6px 0 6px 28px;position:relative;color:#334155;font-size:.92em;line-height:1.45}
.mxp-cf-lista li::before{content:"✓";position:absolute;left:2px;top:6px;color:#d97706;font-weight:800}
.mxp-cf-nota{color:#8a97a8;font-size:.82em;margin:0}
@media (max-width:549px){
.mxp-cf-card{padding:24px 18px 20px}
.mxp-cf-logos{padding:10px}
}

/* ===== Fila Explora MexcoParts (¿Buscas pieza? / ¿Sabías que? / Remates) ===== */
.mxp-x3{max-width:1100px;margin:0 auto}
.mxp-x3-kicker{display:inline-block;font-size:.8em;font-weight:800;letter-spacing:.14em;color:#e8590c;text-transform:uppercase;margin-bottom:18px}
.mxp-x3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.mxp-x3-card{background:#fafbfc;border:1px solid #e8ecf1;border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.mxp-x3-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px}
.mxp-x3-icon-buscar{background:#eaf1fe;color:#2563eb}
.mxp-x3-icon-sabias{background:#e9f7ee;color:#2f9e44}
.mxp-x3-icon-remates{background:#fdeee4;color:#e8590c}
.mxp-x3-titulo{margin:0;font-size:1.15em;color:#1d2c3d}
.mxp-x3-texto{margin:0;color:#4a5568;font-size:.95em;line-height:1.5}
.mxp-x3-btn{display:inline-block;margin-top:auto;align-self:flex-start;background:#1d2c3d;color:#fff;font-weight:700;text-align:center;text-decoration:none;padding:12px 18px;border-radius:9px;min-height:44px;line-height:1.2;transition:background .2s}
.mxp-x3-btn:hover{background:#33475c;color:#fff}
.mxp-x3-btn-buscar{background:#2563eb}
.mxp-x3-btn-buscar:hover{background:#1d4ed8;color:#fff}
.mxp-x3-btn-sabias{background:#2f9e44}
.mxp-x3-btn-sabias:hover{background:#2b8a3e;color:#fff}
.mxp-x3-chip{display:inline-flex;align-items:center;margin-top:auto;align-self:flex-start;background:#fff3e0;color:#b45309;border:1px dashed #ff8c1a;font-weight:700;font-size:.85em;padding:8px 14px;border-radius:999px;min-height:44px}

/* ===== Botones de compartir (13oct26) ===== */
/* Fila en tienda / categorías */
.mxp-share-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
.mxp-share-label {
  font-weight: 600;
  color: #333;
  font-size: 16px;
}
/* Etiqueta sobre la fila nativa de la ficha de producto */
.product-info .share-row::before {
  content: "Compartir:";
  align-self: center;
  font-weight: 600;
  color: #333;
  font-size: 15px;
  margin-right: 2px;
}
/* Fila de la home */
.mxp-share-home {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  text-align: center;
}
.mxp-share-home .mxp-share-label {
  font-size: 17px;
}