:root {
  --mp-brand:        #3498DB;
  --mp-brand-light:  #EBF5FB;
  --mp-brand-dark:   #2980B9;
  --mp-accent:       #E74C3C;
  --mp-navy:         #1C1C1C;
  --mp-slate:        #3D3D3D;
  --mp-gray-600:     #7F8C8D;
  --mp-gray-400:     #94A3B8;
  --mp-gray-200:     #E2E8F0;
  --mp-gray-100:     #F1F5F9;
  --mp-gray-50:      #F8FAFC;
  --mp-radius:       12px;
  --mp-radius-sm:    8px;
  --mp-shadow:       0 4px 16px rgba(28,28,28,0.08);
  --mp-shadow-lg:    0 12px 40px rgba(28,28,28,0.12);
  --mp-transition:   0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.page-home .elementor-section.elementor-top-section {

}

.page-home .elementor-section.elementor-top-section.section--gray {
  background: var(--mp-gray-50);
}

#titularcontenth2 {
  /*padding-top: 72px !important;*/
  padding-bottom: 0 !important;
}

#titularcontenth2 .elementor-heading-title,
.page-home .elementor-widget-heading .elementor-heading-title {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: var(--mp-navy);
  text-align: center;
  margin-bottom: 12px;
  line-height: 1.2;
}

#titularcontenth2 + .elementor-section .elementor-widget-text-editor p,
.page-home .elementor-widget-text-editor p {
  /*font-size: 18px;*/
  /*color: var(--mp-gray-600);*/
  /*text-align: center;*/
  /*max-width: 540px;*/
  /*margin: 0 auto 44px;*/
}
.seo-content {
  margin: 0px auto 50px;
  max-width: 820px;
}

.page-home .htmlcontent-item-cat,
.page-home .htmlcontent-cat-grid,
.page-home div[id*="ecommcategories"] .htmlcontent-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding-bottom: 72px;
}

.page-home .htmlcontent-item-cat a,
.page-home div[id*="ecommcategories"] .item-html a {
  display: block;
  position: relative;
  border-radius: var(--mp-radius);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  transition: transform var(--mp-transition), box-shadow var(--mp-transition);
}

.page-home .htmlcontent-item-cat a:hover,
.page-home div[id*="ecommcategories"] .item-html a:hover {
  transform: translateY(-5px);
  box-shadow: var(--mp-shadow-lg);
}

.page-home .htmlcontent-item-cat img,
.page-home div[id*="ecommcategories"] .item-html img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  display: block;
}

.page-home .htmlcontent-item-cat a:hover img,
.page-home div[id*="ecommcategories"] .item-html a:hover img {
  transform: scale(1.07);
}

.page-home .htmlcontent-item-cat .cat-overlay,
.page-home div[id*="ecommcategories"] .item-html .cat-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(28,28,28,0.92) 0%, rgba(28,28,28,0.5) 50%, rgba(28,28,28,0.1) 100%);
  z-index: 1;
}

.page-home .htmlcontent-item-cat .cat-body,
.page-home div[id*="ecommcategories"] .item-html .cat-body {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 2;
  padding: 24px;
}

.elementor-element-84ff400 .elementor-heading-title {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: var(--mp-navy) !important;
  text-align: center;
  letter-spacing: -0.5px;
}

.elementor-element-a6da501 .elementor-widget-container p,
.elementor-element-a6da501 p {
  font-size: 18px;
  color: var(--mp-gray-600);
  text-align: center;
  max-width: 540px;
  margin: 0 auto;
}

.page-home .products.row,
.page-home .product-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  float: none !important;
}

.page-home .product-miniature .card,
.page-home .product-miniature article {
  background: var(--mp-gray-50);
  border-radius: var(--mp-radius) !important;
  border: 1px solid var(--mp-gray-200) !important;
  overflow: hidden;
  transition: box-shadow var(--mp-transition), transform var(--mp-transition);
  box-shadow: none !important;
}

.page-home .product-miniature .card:hover,
.page-home .product-miniature article:hover {
  box-shadow: var(--mp-shadow) !important;
  transform: translateY(-3px);
}

.page-home .product-miniature .card-img-top,
.page-home .product-miniature .thumbnail-container img {
  border-radius: var(--mp-radius) var(--mp-radius) 0 0;
}

.page-home .product-miniature .product-title a {
  font-size: 16px;
  font-weight: 700;
  color: var(--mp-navy);
  line-height: 1.35;
}

.page-home .product-miniature .price {
  font-weight: 800;
  font-size: 22px;
  color: var(--mp-brand-dark);
}

.page-home .product-miniature .product-flag {
  background: var(--mp-brand) !important;
  color: white !important;
  border-radius: 100px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
}

.elementor-element-ac5a8f9 {

}

.nosabes .elementor-heading-title {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: var(--mp-navy) !important;
  text-align: center !important;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}

.teayudamos .elementor-heading-title {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--mp-gray-600) !important;
  text-align: center !important;
  max-width: 540px;
  margin: 0 auto 44px !important;
}

.nosabesquemotorcontent {

}
ul#megaslider {
  margin-bottom: 0px;
}
.nosabesquemotorcontent .help-card {
  background: #ffffff;
  border: 1px solid var(--mp-gray-200);
  border-radius: var(--mp-radius);
  padding: 28px 24px;
  transition: border-color var(--mp-transition), box-shadow var(--mp-transition);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.nosabesquemotorcontent .help-card:hover {
  border-color: var(--mp-brand);
  box-shadow: var(--mp-shadow);
}
.nosabesquemotorcontent .help-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--mp-brand-light);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 24px;
  flex-shrink: 0;
}
.nosabesquemotorcontent .help-card h4 {
  font-size: 19px;
  font-weight: 700;
  color: var(--mp-navy);
  margin-bottom: 10px;
}
.nosabesquemotorcontent .help-card p {
  font-size: 15px;
  color: var(--mp-gray-600);
  line-height: 1.6;
  margin-bottom: 16px;
  flex: 1;
}
.nosabesquemotorcontent .help-card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-brand);
  text-decoration: none;
  transition: gap 0.2s;
  margin-top: auto;
}
.nosabesquemotorcontent .help-card:hover .help-card__link {
  gap: 8px;
}
.nosabesquemotorcontent .help-card__link svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* Anular estilos genéricos del widget que puedan interferir */
.nosabesquemotorcontent .elementor-widget-text-editor .elementor-widget-container {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  height: 100%;
}

.nosabesquemotorcontent .elementor-column {
  padding: 0 10px;
}

.nosabesquemotorcontent .elementor-widget-text-editor .elementor-widget-container {
  background: white;
  border: 1px solid var(--mp-gray-200);
  border-radius: var(--mp-radius);
  padding: 28px 24px;
  transition: border-color var(--mp-transition), box-shadow var(--mp-transition);
  height: 100%;
}

.nosabesquemotorcontent .elementor-widget-text-editor .elementor-widget-container:hover {
  border-color: var(--mp-brand);
  box-shadow: var(--mp-shadow);
}

.nosabesquemotorcontent .elementor-widget-text-editor p:first-child {
  font-size: 28px;
  margin-bottom: 12px;
}

.nosabesquemotorcontent .elementor-widget-text-editor h4 {
  font-size: 19px;
  font-weight: 700;
  color: var(--mp-navy);
  margin-bottom: 10px;
}

.nosabesquemotorcontent .elementor-widget-text-editor p {
  font-size: 15px;
  color: var(--mp-gray-600);
  line-height: 1.6;
  margin-bottom: 16px;
}

.nosabesquemotorcontent .elementor-widget-text-editor a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 700;
  color: var(--mp-brand);
  transition: gap 0.2s;
}

.nosabesquemotorcontent .elementor-widget-text-editor a:hover {
  gap: 8px;
}

@media (max-width: 1024px) {
  .page-home .htmlcontent-item-cat,
  .page-home .htmlcontent-cat-grid,
  .page-home div[id*="ecommcategories"] .htmlcontent-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-home .products.row,
  .page-home .product-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .page-home .elementor-section.elementor-top-section {
    padding-top: -5px;
    /* padding-bottom: 48px; */
  }

  #titularcontenth2 .elementor-heading-title,
  .nosabes .elementor-heading-title,
  .elementor-element-84ff400 .elementor-heading-title {
    font-size: 28px !important;
  }

  .nosabesquemotorcontent .elementor-column {
    padding: 0 0 16px;
  }
}

@media (max-width: 575px) {
  .page-home .htmlcontent-item-cat,
  .page-home .htmlcontent-cat-grid,
  .page-home div[id*="ecommcategories"] .htmlcontent-container {
    grid-template-columns: 1fr;
  }

  .page-home .products.row,
  .page-home .product-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

.categorieshome {
  padding-top: 0 !important;
  padding-bottom: 15px !important;
}

.categorieshome .elementor-col-33 {
  padding: 0 8px !important;
}

.categorieshome .elementor-column-wrap {
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: block !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  padding: 0px!important;
}
.categorieshome .elementor-column-wrap:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 40px rgba(28,28,28,0.18) !important;
}

.categorieshome .elementor-widget-wrap {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
}

.categorieshome .elementor-widget-image {
  position: relative !important;
  display: block !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0;
}
.categorieshome .elementor-widget-image .elementor-widget-container {
  line-height: 0 !important;
  padding: 0 !important;
}
.categorieshome .elementor-widget-image img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.7s ease !important;
}
.categorieshome .elementor-column-wrap:hover .elementor-widget-image img {
  transform: scale(1.07) !important;
}

.categorieshome .elementor-widget-image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
          to top,
          rgba(28,28,28,0.92) 0%,
          rgba(28,28,28,0.5) 50%,
          rgba(28,28,28,0.08) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.categorieshome .elementor-widget-text-editor {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.categorieshome .elementor-widget-text-editor .elementor-widget-container {
  padding: 24px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.categorieshome .cat-card__tag {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #3498DB !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.categorieshome .cat-card__title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
}

.categorieshome .cat-card__desc {
  font-size: 14px !important;
  color: rgba(255,255,255,0.55) !important;
  margin-bottom: 16px !important;
  line-height: 1.5 !important;
}

.categorieshome .cat-card__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #3498DB !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 22px !important;
  border-radius: 100px !important;
  transition: background 0.2s, gap 0.3s !important;
  cursor: pointer !important;
}
.categorieshome .elementor-column-wrap:hover .cat-card__cta {
  background: #2980B9 !important;
  gap: 10px !important;
}
.categorieshome .cat-card__cta svg {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
}

@media (max-width: 768px) {
  .categorieshome .elementor-col-33 {
    padding: 0 0 16px !important;
  }
}

/* ============================================================
   Bloque "Detrás de MATISMO hay un equipo que conoce el producto"
   (equipo experto / fabricación propia / garantía)
   Maqueta: <section class="made-spain">  ->  destino: section .elementor-element-7aa9d35
   Tarjetas .spain-card en columnas .seccionexperto .elementor-col-33
   ============================================================ */
.elementor-element-7aa9d35 {
  background: linear-gradient(135deg, #0A1F3D 0%, #1A74E2 100%) !important;
  padding: 90px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.elementor-element-7aa9d35::before {
  content: '';
  position: absolute;
  top: -150px; right: -150px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(255,122,41,0.20) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.elementor-element-7aa9d35::after {
  content: '';
  position: absolute;
  bottom: -150px; left: -150px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(91,168,255,0.20) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.elementor-element-7aa9d35 > .elementor-container {
  position: relative;
  z-index: 2;
}

/* Cabecera de la sección */
.elementor-element-7aa9d35 .section-title {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 48px;
}
.elementor-element-7aa9d35 .section-title .flag-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .5px;
  margin-bottom: 18px;
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
}
.elementor-element-7aa9d35 .section-title h2 {
  font-size: 42px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 14px;
  letter-spacing: -.5px;
  line-height: 1.15;
}
.elementor-element-7aa9d35 .section-title p {
  color: rgba(255,255,255,0.85);
  font-size: 17px;
  max-width: 640px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Rejilla de tarjetas (columnas Elementor col-33) */
.elementor-element-7aa9d35 .seccionexperto .elementor-col-33 {
  padding: 0 12px;
}
.elementor-element-7aa9d35 .seccionexperto .elementor-widget-text-editor,
.elementor-element-7aa9d35 .seccionexperto .elementor-widget-text-editor .elementor-widget-container {
  height: 100%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Tarjeta */
.elementor-element-7aa9d35 .spain-card {
  background: rgba(255,255,255,0.08);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 36px 28px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.15);
  transition: transform .3s, background .3s, border-color .3s;
  height: 100%;
}
.elementor-element-7aa9d35 .spain-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.3);
}
.elementor-element-7aa9d35 .spain-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, #FF7A29, #FFA15C);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 22px;
  box-shadow: 0 10px 24px rgba(255,122,41,0.4);
}
.elementor-element-7aa9d35 .spain-card h3 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #fff;
  letter-spacing: -.3px;
}
.elementor-element-7aa9d35 .spain-card p {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
  margin-bottom: 16px;
}
.elementor-element-7aa9d35 .spain-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.elementor-element-7aa9d35 .spain-card ul li {
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  padding: 6px 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.elementor-element-7aa9d35 .spain-card ul li::before {
  content: '\2713';
  color: #5BA8FF;
  font-weight: 800;
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}

@media (max-width: 1024px) {
  .elementor-element-7aa9d35 .section-title h2 { font-size: 32px; }
}
@media (max-width: 768px) {
  .elementor-element-7aa9d35 { padding: 60px 0 !important; }
  .elementor-element-7aa9d35 .section-title h2 { font-size: 26px; }
  .elementor-element-7aa9d35 .seccionexperto .elementor-col-33 { padding: 0 0 16px; }
}

/* ============================================================
   Bloque "¿Tienes un taller o eres instalador?"
   (Suministro / Catálogo profesional / Servicio logístico)
   Título .nosabes + subtítulo .teayudamos + tarjetas .help-card
   en columnas .nosabesquemotorcontent .elementor-col-33
   (override de las reglas previas para igualar la maqueta)
   ============================================================ */
.nosabes .elementor-heading-title {
  font-size: 42px !important;
  font-weight: 800 !important;
  color: #1A1A1A !important;
  text-align: center !important;
  letter-spacing: -.5px;
  line-height: 1.15;
  margin-bottom: 14px;
}
.teayudamos .elementor-heading-title {
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #6B7280 !important;
  text-align: center !important;
  max-width: 600px;
  margin: 0 auto 48px !important;
  line-height: 1.6;
}

.nosabesquemotorcontent .elementor-column {
  padding: 0 12px;
}
/* el widget-container es solo contenedor: sin caja propia (anula regla previa) */
.nosabesquemotorcontent .elementor-widget-text-editor,
.nosabesquemotorcontent .elementor-widget-text-editor .elementor-widget-container {
  height: 100%;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.nosabesquemotorcontent .elementor-widget-text-editor .elementor-widget-container:hover {
  border: 0 !important;
  box-shadow: none !important;
}

/* Tarjeta */
.nosabesquemotorcontent .help-card {
  background: #fff;
  border: 1.5px solid #E5EAF0;
  border-radius: 18px;
  padding: 36px;
  transition: border-color .25s, transform .25s, box-shadow .25s;
  height: 100%;
  display: block;
}
.nosabesquemotorcontent .help-card:hover {
  border-color: #1A74E2;
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(26,116,226,0.10);
}
.nosabesquemotorcontent .help-card .help-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, #1A74E2, #5BA8FF);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 24px;
  box-shadow: 0 8px 20px rgba(26,116,226,0.25);
}
.nosabesquemotorcontent .help-card h3 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #1A1A1A;
  line-height: 1.2;
}
.nosabesquemotorcontent .help-card p {
  color: #6B7280;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.6;
}
.nosabesquemotorcontent .help-card .help-link {
  color: #1A74E2;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap .2s, color .2s;
}
.nosabesquemotorcontent .help-card .help-link:hover {
  color: #FF7A29;
  gap: 10px;
}

@media (max-width: 1024px) {
  .nosabes .elementor-heading-title { font-size: 32px !important; }
}
@media (max-width: 768px) {
  .nosabes .elementor-heading-title { font-size: 26px !important; }
  .nosabesquemotorcontent .elementor-column { padding: 0 0 16px; }
}
@media(min-width: 1500px){
    body #megaslider .hero-text {
        max-width: 770px ! Important;
    }
}