/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.15.1762994395
Updated: 2025-11-12 18:39:55

*/
/* =========================================================
   MiMoto GLOBAL STYLE — Plan B Child Theme
   Paleta oficial + utilidades reusables
   ========================================================= */

:root{
  --mimoto-red: #cf0011;
  --mimoto-dark: #242a38;
  --mimoto-bluegray: #333949;
  --mimoto-light: #d9dfeb;
  --mimoto-white: #ffffff;

  --mimoto-radius: 14px;
  --mimoto-radius-lg: 18px;
  --mimoto-shadow: 0 8px 24px rgba(0,0,0,.08);

  --mimoto-font: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Base */
body{
  font-family: var(--mimoto-font);
  color: var(--mimoto-bluegray);
  background: var(--mimoto-white);
}

.mimoto-container{
  width: min(1200px, 92vw);
  margin: 0 auto;
  padding: 24px 0;
}

.mimoto-title{
  font-size: clamp(1.4rem, 3vw, 2.1rem);
  font-weight: 800;
  color: var(--mimoto-dark);
  margin: 0 0 8px;
}

.mimoto-sub{
  color: #6b7280;
  margin: 0 0 18px;
}

/* Grids */
.mimoto-grid{
  display: grid;
  gap: 16px;
}
.mimoto-grid-2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.mimoto-grid-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.mimoto-grid-4{ grid-template-columns: repeat(4, minmax(0,1fr)); }

@media (max-width: 1024px){
  .mimoto-grid-4{ grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 768px){
  .mimoto-grid-3,
  .mimoto-grid-4{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 520px){
  .mimoto-grid-2,
  .mimoto-grid-3,
  .mimoto-grid-4{ grid-template-columns: 1fr; }
}

/* Cards */
.mimoto-card{
  background: var(--mimoto-white);
  border: 1px solid var(--mimoto-light);
  border-radius: var(--mimoto-radius-lg);
  box-shadow: var(--mimoto-shadow);
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.mimoto-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

.mimoto-card-thumb{
  aspect-ratio: 16/10;
  background: #f3f4f6;
  display: grid;
  place-items: center;
}
.mimoto-card-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mimoto-card-body{
  padding: 12px 14px 14px;
}
.mimoto-card-title{
  font-weight: 800;
  color: var(--mimoto-dark);
  margin: 0 0 4px;
}
.mimoto-card-meta{
  font-size: .92rem;
  color: #6b7280;
}

/* Buttons */
.mimoto-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  border: 2px solid transparent;
  cursor: pointer;
  text-decoration: none !important;
  transition: all .15s ease;
  line-height: 1;
}
.mimoto-btn-primary{
  background: var(--mimoto-red);
  color: var(--mimoto-white);
}
.mimoto-btn-primary:hover{
  filter: brightness(.92);
  transform: translateY(-1px);
}
.mimoto-btn-outline{
  background: transparent;
  color: var(--mimoto-dark);
  border-color: var(--mimoto-light);
}
.mimoto-btn-outline:hover{
  border-color: var(--mimoto-red);
  color: var(--mimoto-red);
}

/* Pills / etiquetas */
.mimoto-pill{
  display:inline-block;
  font-size:.82rem;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  background: var(--mimoto-light);
  color: var(--mimoto-dark);
}

/* Breadcrumbs */
.mimoto-bc{
  font-size:.9rem;
  margin: 0 0 12px;
}
.mimoto-bc a{ color: var(--mimoto-dark); font-weight:700; }
.mimoto-bc a:hover{ color: var(--mimoto-red); }

/* Helpers */
.mimoto-muted{ color:#6b7280; }
.mimoto-center{ text-align:center; }
.mimoto-mt-2{ margin-top:8px; }
.mimoto-mt-3{ margin-top:12px; }
.mimoto-mt-4{ margin-top:16px; }

/* =========================================================
   MiMoto.mx — CSS GLOBAL Plan B
   Paleta oficial + componentes reutilizables
   ========================================================= */

/* ====== 1) Paleta oficial / variables ====== */
:root{
  --mm-red:        #cf0011;
  --mm-blue-dark:  #242a38;
  --mm-blue-gray:  #333949;
  --mm-gray-light: #d9dfeb;
  --mm-white:      #ffffff;

  /* extras útiles */
  --mm-radius: 16px;
  --mm-radius-sm: 10px;
  --mm-shadow: 0 8px 22px rgba(36,42,56,.10);
  --mm-shadow-soft: 0 4px 14px rgba(36,42,56,.08);
  --mm-border: 1px solid rgba(51,57,73,.12);
}

/* ====== 2) Layout base ====== */
.mimoto-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 16px 40px;
}

.mimoto-archive{
  min-height: 60vh;
}

/* Títulos */
.mimoto-title{
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 800;
  color: var(--mm-blue-dark);
  margin: 8px 0 4px;
  line-height: 1.2;
  letter-spacing: .2px;
}

.mimoto-sub{
  color: var(--mm-blue-gray);
  font-size: 14px;
  margin: 0 0 14px;
}

/* ====== 3) Grid reutilizable ====== */
.mimoto-grid{
  display: grid;
  gap: 14px;
}

.mimoto-grid-4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
.mimoto-grid-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.mimoto-grid-2{ grid-template-columns: repeat(2, minmax(0,1fr)); }

@media (max-width: 1024px){
  .mimoto-grid-4{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 768px){
  .mimoto-grid-4,
  .mimoto-grid-3{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px){
  .mimoto-grid-4,
  .mimoto-grid-3,
  .mimoto-grid-2{ grid-template-columns: 1fr; }
}

/* ====== 4) Cards Marca / Modelo / Sección ====== */
.mimoto-card{
  background: var(--mm-white);
  border: var(--mm-border);
  border-radius: var(--mm-radius);
  box-shadow: var(--mm-shadow-soft);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  text-decoration: none !important;
  color: inherit;
  display: flex;
  flex-direction: column;
}

.mimoto-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--mm-shadow);
  border-color: rgba(207,0,17,.25);
}

.mimoto-card-thumb{
  aspect-ratio: 16 / 9;
  background: var(--mm-gray-light);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mimoto-card-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mimoto-card-body{
  padding: 12px 12px 14px;
}

.mimoto-card-title{
  font-size: 16px;
  font-weight: 700;
  color: var(--mm-blue-dark);
  margin: 0;
}

.mimoto-card-meta{
  font-size: 12px;
  color: var(--mm-blue-gray);
  margin-top: 4px;
}

/* ====== 5) Botones MiMoto ====== */
.mimoto-btn,
.woocommerce a.button.mimoto-btn,
.woocommerce button.button.mimoto-btn{
  background: var(--mm-red) !important;
  color: var(--mm-white) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  border: none !important;
  transition: filter .16s ease, transform .16s ease;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.mimoto-btn:hover{
  filter: brightness(.92);
  transform: translateY(-1px);
}

.mimoto-btn-secondary{
  background: var(--mm-blue-dark) !important;
}

/* ====== 6) Diagrama / hotspots ====== */
.mimoto-diagrama-wrap{
  margin: 12px 0 18px;
  background: #fff;
  border: var(--mm-border);
  border-radius: var(--mm-radius);
  box-shadow: var(--mm-shadow-soft);
  padding: 12px;
}

.mimoto-diagrama-frame{
  position: relative;
  border-radius: var(--mm-radius-sm);
  overflow: hidden;
  background: var(--mm-white);
}

.mimoto-diagrama-img{
  width: 100%;
  height: auto;
  display: block;
}

/* botones hotspot */
.mimoto-hotspot{
  position: absolute;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--mm-red);
  color: #fff;
  border: 2px solid #fff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,.18);
  display: grid;
  place-items: center;
}

.mimoto-hotspot:hover{
  filter: brightness(.9);
}

/* ====== 7) Lista numerada del diagrama ====== */
.mimoto-diagrama-list{
  margin-top: 10px;
  border-top: var(--mm-border);
  padding-top: 10px;
}

.mimoto-diagrama-list .mimoto-num-row{
  display: grid;
  grid-template-columns: 54px 1fr auto;
  gap: 10px;
  padding: 8px 6px;
  border-bottom: var(--mm-border);
  align-items: center;
}

.mimoto-diagrama-list .mimoto-num{
  background: var(--mm-gray-light);
  color: var(--mm-blue-dark);
  font-weight: 800;
  font-size: 13px;
  padding: 6px 8px;
  border-radius: 999px;
  text-align: center;
}

.mimoto-diagrama-list .mimoto-num-title{
  font-size: 14px;
  color: var(--mm-blue-dark);
  font-weight: 600;
}

.mimoto-diagrama-list .mimoto-num-price{
  font-size: 14px;
  color: var(--mm-blue-gray);
  font-weight: 700;
}

.mimoto-alert{
  background: #fff4f4;
  border: 1px solid rgba(207,0,17,.25);
  color: var(--mm-blue-dark);
  padding: 10px 12px;
  border-radius: var(--mm-radius-sm);
  font-size: 14px;
  margin: 8px 0;
}

/* ====== 8) Ajustes de Woo dentro de sección ====== */
.mimoto-archive .woocommerce-result-count,
.mimoto-archive .woocommerce-ordering{
  display: none !important; /* en secciones OEM no queremos ordenar/filtrar por defecto */
}

/* Cards Woo más compactas en secciones */
.mimoto-archive ul.products li.product{
  border: var(--mm-border);
  border-radius: var(--mm-radius);
  padding: 10px;
  box-shadow: var(--mm-shadow-soft);
  background: var(--mm-white);
}

.mimoto-archive ul.products li.product:hover{
  box-shadow: var(--mm-shadow);
  border-color: rgba(207,0,17,.2);
}

.mimoto-archive ul.products li.product .button{
  border-radius: 999px !important;
  background: var(--mm-blue-dark) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* ====== 9) Utilidades rápidas ====== */
.mimoto-pill{
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--mm-gray-light);
  color: var(--mm-blue-dark);
  font-size: 12px;
  font-weight: 700;
}

.mimoto-muted{ color: var(--mm-blue-gray); }
.mimoto-center{ text-align:center; }

:root{
  --mm-red:#cf0011;
  --mm-blue-dark:#242a38;
  --mm-blue-gray:#333949;
  --mm-gray:#d9dfeb;
  --mm-white:#ffffff;

  --mm-radius:16px;
  --mm-shadow:0 8px 24px rgba(0,0,0,.08);
  --mm-maxw:1200px;
}

/* Layout base */
.mimoto-home{ background: var(--mm-white); color: var(--mm-blue-dark); }
.mimoto-container{
  max-width: var(--mm-maxw);
  margin: 0 auto;
  padding: 0 16px;
}
.mimoto-section{ padding: 56px 0; }

/* Topbar */
.mimoto-topbar{
  background: var(--mm-blue-dark);
  color: var(--mm-white);
  font-size: 14px;
  padding: 10px 0;
}
.mimoto-topbar-inner{
  display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.mimoto-topbar-left span{ margin-right:12px; opacity:.95; }
.mimoto-topbar-whatsapp{
  color: var(--mm-white);
  background: rgba(255,255,255,.1);
  padding: 6px 10px;
  border-radius: 999px;
  text-decoration:none;
}

/* Grid utils */
.mimoto-grid{ display:grid; gap:16px; }
.mimoto-grid-3{ grid-template-columns: repeat(3,1fr); }
.mimoto-grid-4{ grid-template-columns: repeat(4,1fr); }

/* Cards */
.mimoto-card{
  background: var(--mm-white);
  border:1px solid var(--mm-gray);
  border-radius: var(--mm-radius);
  padding:18px;
  box-shadow: var(--mm-shadow);
  text-decoration:none;
  color: inherit;
  transition: transform .15s ease, border-color .15s ease;
}
.mimoto-card:hover{
  transform: translateY(-3px);
  border-color: var(--mm-red);
}
.mimoto-card-media img{ width:100%; height:auto; border-radius:12px; display:block; }
.mimoto-card-placeholder{
  background: var(--mm-gray);
  height:120px; border-radius:12px;
}
.mimoto-card-cta{ color: var(--mm-red); font-weight:700; }

/* Buttons */
.mimoto-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:12px;
  font-weight:700; text-decoration:none; gap:8px;
}
.mimoto-btn-primary{
  background: var(--mm-red); color: var(--mm-white);
}
.mimoto-btn-outline{
  border:2px solid var(--mm-red); color: var(--mm-red); background:transparent;
}

/* Hero */
.mimoto-hero{ background: linear-gradient(180deg,#fff, #f7f8fb); }
.mimoto-hero-inner{
  display:flex; gap:24px; align-items:center; justify-content:space-between;
}
.mimoto-badge{
  display:inline-block; font-size:13px; font-weight:800;
  background: var(--mm-gray); color: var(--mm-blue-dark);
  padding:6px 10px; border-radius:999px; margin-bottom:10px;
}
.mimoto-hero-title{ font-size: clamp(28px,3vw,40px); line-height:1.15; margin:0 0 10px; }
.mimoto-hero-subtitle{ font-size:18px; opacity:.9; margin-bottom:12px; }

.mimoto-quick-search{
  background:#fff; border:1px solid var(--mm-gray); border-radius:14px;
  padding:12px; margin:12px 0;
}
.mimoto-label{ font-weight:700; font-size:14px; display:block; margin-bottom:6px; }
.mimoto-help{ font-size:13px; opacity:.75; margin-top:6px; }

.mimoto-hero-buscador{
  background:#fff; border:1px dashed var(--mm-gray); border-radius:14px;
  padding:14px; margin:12px 0;
}
.mimoto-mini-title{ font-size:16px; margin:0 0 4px; }
.mimoto-mini-subtitle{ font-size:14px; opacity:.8; margin:0 0 10px; }

.mimoto-hero-benefits{ margin:10px 0 14px; padding-left:18px; }
.mimoto-hero-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.mimoto-hero-mockup{
  background:#fff; border:1px solid var(--mm-gray);
  border-radius:18px; box-shadow: var(--mm-shadow); overflow:hidden;
  min-width: 320px;
}
.mimoto-hero-mockup-header{
  background: var(--mm-blue-dark); color:#fff; padding:10px 12px; font-weight:800;
}
.mimoto-hero-mockup-body{ display:grid; grid-template-columns:1.2fr .8fr; gap:10px; padding:12px; }
.mimoto-hero-diagram{ background: var(--mm-gray); height:220px; border-radius:12px; }
.mimoto-hero-list-title{ font-weight:800; margin-bottom:6px; }
.mimoto-hero-mockup-footer{ padding:10px 12px; font-size:13px; opacity:.9; }

/* Steps */
.mimoto-steps .mimoto-step{
  text-align:center; padding:18px; border-radius:14px; background:#fff; border:1px solid var(--mm-gray);
}
.mimoto-step-num{
  width:38px; height:38px; display:grid; place-items:center;
  background: var(--mm-red); color:#fff; border-radius:999px; margin:0 auto 8px; font-weight:900;
}

/* Diagrama mockup */
.mimoto-diagramas-inner{ display:flex; gap:20px; align-items:center; justify-content:space-between; }
.mimoto-diagramas-mockup{
  position:relative; background:#fff; border:1px solid var(--mm-gray);
  border-radius:18px; box-shadow: var(--mm-shadow);
  width: 360px; height: 260px; display:grid; place-items:center;
}
.mimoto-diagramas-mockup-diagram{ width:90%; height:70%; background: var(--mm-gray); border-radius:12px; }
.mimoto-diagramas-mockup-hotspots .spot{
  position:absolute; background: var(--mm-red); color:#fff; width:26px; height:26px;
  border-radius:999px; display:grid; place-items:center; font-weight:900; font-size:12px;
}
.spot-1{ top:22%; left:18%; }
.spot-2{ top:50%; left:60%; }
.spot-3{ top:72%; left:35%; }

/* Testimonios */
.mimoto-testimonio{
  background:#fff; border:1px solid var(--mm-gray); padding:16px; border-radius:14px;
}
.mimoto-stars{ color: var(--mm-red); font-weight:900; margin-bottom:6px; }

/* Responsive */
@media (max-width: 1024px){
  .mimoto-grid-4{ grid-template-columns: repeat(2,1fr); }
  .mimoto-grid-3{ grid-template-columns: repeat(2,1fr); }
  .mimoto-hero-inner, .mimoto-diagramas-inner{ flex-direction:column; }
  .mimoto-hero-mockup{ width:100%; }
}
@media (max-width: 640px){
  .mimoto-grid-4, .mimoto-grid-3{ grid-template-columns:1fr; }
  .mimoto-hero-mockup-body{ grid-template-columns:1fr; }
}




/* ===== MiMoto OEM Sticky Search Bar (global) ===== */

:root{
  --mm-header-h: 0px; /* Se auto-ajusta con JS */
}

/* ===== MiMoto OEM Search Bar (FIXED real bajo header) ===== */

#mimoto-oembar.mimoto-oembar{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;              /* JS lo ajusta debajo del header */
  z-index: 9999;
  background: #fff;
  border-bottom: 1px solid var(--mm-gray, #d9dfeb);
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
/* Spacer debajo de la barra */
.mimoto-oembar-spacer{
  height: 0; /* JS lo ajusta a la altura real de la barra */
}


.mimoto-oembar-inner{
  max-width: var(--mm-maxw, 1200px);
  margin: 0 auto;
  padding: 8px 16px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mimoto-oembar-label{
  font-weight: 800;
  font-size: 14px;
  color: var(--mm-blue-dark, #242a38);
  white-space: nowrap;
}

.mimoto-oem-search{
  display: flex;
  gap: 8px;
  flex: 1;
  min-width: 240px;
  max-width: 720px;
}

.mimoto-oem-input{
  flex: 1;
  height: 42px;
  border: 1px solid var(--mm-gray, #d9dfeb);
  border-radius: 10px;
  padding: 0 12px;
  font-size: 15px;
  outline: none;
}

.mimoto-oem-input:focus{
  border-color: var(--mm-red, #cf0011);
  box-shadow: 0 0 0 3px rgba(207,0,17,.12);
}

.mimoto-oem-btn{
  height: 42px;
  padding: 0 14px;
  border: none;
  border-radius: 10px;
  background: var(--mm-red, #cf0011);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.mimoto-oembar-help{
  font-size: 13px;
  font-weight: 700;
  color: var(--mm-blue-gray, #333949);
  text-decoration: none;
  white-space: nowrap;
  opacity: .9;
}

.mimoto-oembar-help:hover{
  color: var(--mm-red, #cf0011);
  opacity: 1;
}

/* Mobile */
@media (max-width: 640px){
  .mimoto-oembar-inner{
    gap: 6px;
  }
  .mimoto-oembar-label{
    width: 100%;
    font-size: 13px;
  }
  .mimoto-oem-search{
    width: 100%;
    max-width: none;
  }
}

.mimoto-oembar{
  position: sticky;
  top: var(--mm-header-h, 0px);
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid var(--mm-gray, #d9dfeb);
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}







/* ===== TopNav estilo Partzilla (MiMoto) ===== */

#mimoto-topnav.mimoto-topnav{
  position: fixed;
  left: 0; right: 0; top: 0;
  z-index: 9999;
  background: var(--mm-blue-dark,#242a38);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

.mimoto-topnav-inner{
  max-width: var(--mm-maxw,1200px);
  margin: 0 auto;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Spacer */
.mimoto-topnav-spacer{ height: 0; }

/* Botones */
.mimoto-topnav-btn{
  display: inline-flex;
  align-items:center;
  gap:6px;
  background: transparent;
  color:#fff;
  border: none;
  cursor:pointer;
  font-weight: 800;
  font-size: 14px;
  padding: 8px 8px;
  border-radius: 10px;
}
.mimoto-topnav-btn:hover{
  background: rgba(255,255,255,.08);
}

/* Hamburger */
.mimoto-burger{
  width: 22px; height: 16px; display:grid; gap:4px;
}
.mimoto-burger span{
  height: 3px; width: 100%;
  background:#fff; border-radius: 2px;
}

/* Logo */
.mimoto-topnav-logo .custom-logo-link{
  display:flex; align-items:center;
}
.mimoto-topnav-logo img.custom-logo{
  max-height: 36px; width: auto; display:block;
}
.mimoto-logo-text{
  color:#fff; text-decoration:none; font-weight:900; font-size:18px;
}

/* Productos button */
.mimoto-products-btn{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}
.mimoto-caret{ font-size:12px; opacity:.9; }

/* Search */
.mimoto-topnav-search{
  display:flex;
  align-items:center;
  flex:1;
  max-width: 720px;
  background:#fff;
  border-radius: 10px;
  overflow:hidden;
}
.mimoto-topnav-input{
  flex:1;
  height: 42px;
  border: none;
  padding: 0 12px;
  font-size: 15px;
  outline: none;
  color: var(--mm-blue-dark,#242a38);
}
.mimoto-topnav-searchbtn{
  height: 42px;
  padding: 0 12px;
  border: none;
  background: var(--mm-red,#cf0011);
  color:#fff;
  font-weight: 900;
  cursor:pointer;
}

/* Cart */
.mimoto-cart-link{
  position: relative;
  display:flex; align-items:center; gap:6px;
  color:#fff; text-decoration:none; font-weight:800;
  padding: 6px 8px; border-radius: 10px;
}
.mimoto-cart-link:hover{ background: rgba(255,255,255,.08); }
.mimoto-cart-count{
  position:absolute;
  top:-4px; right:-4px;
  background: var(--mm-red,#cf0011);
  color:#fff; font-size:11px; font-weight:900;
  width:18px; height:18px; border-radius:999px;
  display:grid; place-items:center;
}

/* ===== Drawers ===== */
.mimoto-drawer{
  position: fixed; inset: 0;
  z-index: 9998;
  display: none;
}
.mimoto-drawer[aria-hidden="false"]{ display:block; }

.mimoto-drawer-overlay{
  position: absolute; inset:0;
  background: rgba(0,0,0,.45);
}

/* Panel base */
.mimoto-drawer-panel{
  position: absolute;
  background:#fff; color: var(--mm-blue-dark,#242a38);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  border-radius: 16px;
  padding: 16px;
}

/* Drawer menú (lado izquierdo) */
.mimoto-menu-drawer .mimoto-drawer-panel{
  top: 12px; bottom:12px; left: 12px;
  width: min(340px, 92vw);
  overflow:auto;
}

/* Panel productos (drop grande centrado) */
.mimoto-products-modal .mimoto-drawer-panel{
  top: 80px; left: 50%; transform: translateX(-50%);
  width: min(900px, 94vw);
  max-height: 80vh;
  overflow:auto;
}

/* Close button */
.mimoto-drawer-close{
  position: sticky; top:0;
  margin-left:auto;
  background:#fff; border:1px solid var(--mm-gray,#d9dfeb);
  width:36px; height:36px; border-radius:10px;
  font-size:22px; cursor:pointer;
}

/* Titles */
.mimoto-drawer-title{ margin:0 0 6px; font-size:18px; font-weight:900; }
.mimoto-drawer-sub{ margin:0 0 12px; opacity:.8; }

/* Menú items */
.mimoto-drawer-menu{
  list-style:none; padding:0; margin:10px 0 0;
  display:grid; gap:8px;
}
.mimoto-drawer-menu a{
  display:block; padding:10px 12px;
  border-radius:10px; text-decoration:none;
  color: var(--mm-blue-dark,#242a38);
  background: #f7f8fb;
  border:1px solid var(--mm-gray,#d9dfeb);
  font-weight:700;
}
.mimoto-drawer-menu a:hover{
  border-color: var(--mm-red,#cf0011);
}

/* No scroll cuando drawer abierto */
body.mimoto-no-scroll{ overflow:hidden; }

/* Responsive */
@media (max-width: 780px){
  .mimoto-topnav-inner{ flex-wrap:wrap; }
  .mimoto-topnav-search{ order: 10; width:100%; max-width: none; }
  .mimoto-products-modal .mimoto-drawer-panel{ top: 70px; }
}



/* ===========================
   MiMoto.mx Footer Grande OEM
   Paleta oficial Plan B
=========================== */

.mimoto-footer {
  background: #242a38; /* azul oscuro */
  color: #ffffff;
  margin-top: 40px;
  font-size: 15px;
}

.mimoto-footer__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 42px 18px 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.mimoto-footer__col h3 {
  font-size: 16px;
  margin: 0 0 10px 0;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: .2px;
}

.mimoto-footer__list {
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
}

.mimoto-footer__list li {
  padding: 6px 0;
  border-bottom: 1px solid rgba(217,223,235,.12);
  color: #d9dfeb; /* gris claro */
}

.mimoto-footer__text {
  color: #d9dfeb;
  line-height: 1.5;
  margin: 0 0 10px 0;
}

.mimoto-footer__small {
  font-size: 12px;
  color: #d9dfeb;
  opacity: .9;
}

.mimoto-footer__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 12px;
}

.mimoto-stars {
  color: #cf0011; /* rojo oficial */
  font-weight: 900;
  letter-spacing: 2px;
}

.mimoto-footer__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.mimoto-badge {
  background: rgba(207,0,17,.12);
  color: #ffffff;
  border: 1px solid rgba(207,0,17,.6);
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
}

.mimoto-footer__link {
  color: #ffffff;
  text-decoration: underline;
  font-weight: 600;
}

.mimoto-footer__link:hover {
  color: #cf0011;
}

.mimoto-footer__cta {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.mimoto-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

.mimoto-btn--primary {
  background: #cf0011;
  color: #ffffff;
  border: 1px solid #cf0011;
}

.mimoto-btn--primary:hover {
  filter: brightness(1.06);
}

.mimoto-btn--ghost {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(217,223,235,.5);
}

.mimoto-btn--ghost:hover {
  border-color: #ffffff;
}

.mimoto-footer__mt { margin-top: 14px; }

/* Barra inferior */
.mimoto-footer__bottom {
  background: #333949; /* azul gris */
  border-top: 1px solid rgba(217,223,235,.15);
  padding: 14px 12px;
}

.mimoto-footer__bottom-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: space-between;
  align-items: center;
}

.mimoto-footer__brands,
.mimoto-footer__legal {
  font-size: 13px;
  color: #d9dfeb;
}

.mimoto-footer__brands a,
.mimoto-footer__legal a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
}

.mimoto-footer__brands a:hover,
.mimoto-footer__legal a:hover {
  color: #cf0011;
}

.mimoto-footer__copy {
  max-width: 1200px;
  margin: 8px auto 0;
  font-size: 12px;
  color: #d9dfeb;
  opacity: .9;
  text-align: center;
}

/* Responsive */
@media (max-width: 1024px){
  .mimoto-footer__wrap { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px){
  .mimoto-footer__wrap { grid-template-columns: 1fr; }
  .mimoto-footer__cta { flex-direction: column; }
}



/* Quitar exceso de espacio antes del footer en páginas cortas */
.site-content,
#content,
.ast-container,
.ast-plain-container,
.ast-page-builder-template .site-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Tu footer ya trae su propio margen, lo bajamos un poco */
.mimoto-footer { margin-top: 10px; }

/* ===========================
   Íconos de métodos de pago
=========================== */
.mimoto-pay-icons{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 8px 0 12px;
}

.mimoto-pay-icons img{
  height: 28px;
  width: auto;
  background: #ffffff; /* fondo blanco para logos oscuros */
  border: 1px solid rgba(217,223,235,.25);
  border-radius: 8px;
  padding: 4px 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* móvil */
@media (max-width: 560px){
  .mimoto-pay-icons img{ height: 24px; }
}

/* lista compacta opcional */
.mimoto-footer__list--compact li{
  border-bottom: none;
  padding: 4px 0;
}

/* ===========================
   Íconos de paqueterías
=========================== */
.mimoto-ship-icons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin: 8px 0 10px;
}

.mimoto-ship-icons img{
  height: 26px;
  width:auto;
  background:#ffffff;
  border:1px solid rgba(217,223,235,.25);
  border-radius:8px;
  padding:4px 6px;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
}

@media (max-width:560px){
  .mimoto-ship-icons img{ height:22px; }
}

/* ===========================
   Google Reviews Compacto
=========================== */
.mimoto-gr--compact .mimoto-gr__summary{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}

.mimoto-gr__stars{
  color:#cf0011;
  font-weight:900;
  letter-spacing:1px;
}

.mimoto-gr__list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:8px;
}

.mimoto-gr__review{
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(217,223,235,.12);
  border-radius:10px;
  padding:8px 10px;
}

.mimoto-gr__review-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:13px;
  margin-bottom:2px;
}

.mimoto-gr__review-stars{
  color:#cf0011;
  font-weight:800;
}

.mimoto-gr__review-time{
  font-size:12px;
  color:#d9dfeb;
  opacity:.8;
  margin-bottom:4px;
}

.mimoto-gr__review-text{
  font-size:13px;
  color:#ffffff;
  line-height:1.4;
}

.mimoto-gr__attr{
  font-size:11px;
  color:#d9dfeb;
  opacity:.8;
  margin-top:6px;
}

.mimoto-footer__text--small{
  font-size:13px;
  line-height:1.45;
}


/* ===========================
   Botones oficiales WhatsApp
=========================== */
:root{
  --wa-green: #25D366;     /* verde oficial WhatsApp */
  --wa-green-dark: #128C7E;/* verde oscuro oficial */
  --wa-green-hover: #1ebe5d;
}

.mimoto-btn--whatsapp{
  background: var(--wa-green);
  color: #ffffff !important;
  border: 1px solid var(--wa-green);
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(37, 211, 102, .35);
}

.mimoto-btn--whatsapp:hover{
  background: var(--wa-green-hover);
  border-color: var(--wa-green-hover);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(37, 211, 102, .45);
}

.mimoto-btn--whatsapp:active{
  background: var(--wa-green-dark);
  border-color: var(--wa-green-dark);
  transform: translateY(0);
}

.mimoto-btn--whatsapp:focus-visible{
  outline: 3px solid rgba(37, 211, 102, .45);
  outline-offset: 2px;
}

/* Variante ghost WhatsApp (para botón secundario) */
.mimoto-btn--whatsapp-ghost{
  background: transparent;
  color: #ffffff !important;
  border: 1.5px solid var(--wa-green);
  font-weight: 800;
}

.mimoto-btn--whatsapp-ghost:hover{
  background: rgba(37,211,102,.12);
  border-color: var(--wa-green-hover);
}

/* Tamaño opcional para CTA */
.mimoto-btn--lg{
  padding: 12px 16px;
  font-size: 15px;
  border-radius: 12px;
}


/* Mejorar contraste del texto en CTA "No encontraste tu pieza" */
.mimoto-cta-support p,
.mimoto-cta-support .mimoto-footer__text{
  color: #333949 !important; /* azul gris oscuro de tu paleta */
  opacity: 1 !important;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 500;
}


/* ===== Home Destacados: tamaño de cards e imágenes ===== */
.mimoto-destacados .woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
}

.mimoto-destacados .woocommerce ul.products li.product{
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

.mimoto-destacados .woocommerce ul.products li.product a img{
  width: 100%;
  height: auto;
  max-height: 180px;
  object-fit: contain;
}

/* 2 columnas en móvil */
@media (max-width: 768px){
  .mimoto-destacados .woocommerce ul.products{
    grid-template-columns: repeat(2, 1fr);
  }
}