/** Shopify CDN: Minification failed

Line 438:0 Expected "}" to go with "{"

**/
/* =========================================================
   VANTEK · CSS propio (vantek-overrides.css)
   Se carga desde snippets/vantek-head.liquid. Antes estaba pegado al final de
   archivos del fabricante (base.css, block-media-banner.css, template-collection.css)
   y se perdía al actualizar el tema. NO volver a pegarlo en archivos del fabricante.
   ========================================================= */

/* ---- Origen: base.css ---- */
/* MOBILE FIX: Evitar quiebre de precios/descuentos dentro del número en cards */
@media (max-width: 480px) {
  /* En grillas/cards de producto */
  .product-card .price,
  .product-card .price *,
  .product-item .price,
  .product-item .price *,
  .card-product .price,
  .card-product .price *,
  .grid-product .price,
  .grid-product .price * {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Mantener entero + centavos juntos si vienen separados (sup/span) */
  .product-card .money,
  .product-item .money,
  .card-product .money {
    display: inline-flex;
    align-items: baseline;
  }

  .product-card .price sup,
  .product-item .price sup,
  .card-product .price sup {
    font-size: 1em;
    vertical-align: baseline;
    top: auto;
  }
}
@media (max-width: 480px) {
  /* Cualquier precio en listados (colección, home, search) */
  .price, .price * {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  .price .money { display: inline-flex; align-items: baseline; }
  .price sup { font-size: 1em; vertical-align: baseline; top: auto; }
}
/* =========================================================
   VANTEK FIX – Banner superior con iconos (TODAS las colecciones)
   Replica la solución que funcionó en EcoFlow, pero aplicada a todas
   las instancias del banner y SOLO dentro del carrusel.
   ========================================================= */
@media screen and (max-width: 749px) {

  /* 1) Todas las instancias del banner en plantillas Shopify (EcoFlow, MOVA, etc.) */
  [id^="shopify-section-template--"][id*="__banner"] {

    /* 2) SOLO dentro de cada ítem/slide del carrusel */
    :is(.swiper-slide, .splide__slide, li) 
    :is(h1,h2,h3,h4,h5,h6,a,p,span,div,strong,em,[class*="title"],[class*="heading"]) {
      word-break: normal !important;
      overflow-wrap: break-word !important; /* rompe solo si es necesario */
      hyphens: none !important;
      white-space: normal !important;

      /* Si algún theme está recortando el texto (MOVA), lo anulamos */
      overflow: visible !important;
      text-overflow: clip !important;
    }

    /* 3) Evita recortes por flex en algunos layouts */
    :is(.swiper-slide, .splide__slide, li) * {
      min-width: 0 !important;
    }

    /* 4) Mismo concepto de EcoFlow: asegurar ancho mínimo del slide */
    .swiper-slide,
    .splide__slide,
    li {
      min-width: 180px;
    }
  }
}

/* ---- Origen: block-media-banner.css ---- */
/* VANTEK — Media banner: estandarizar altura SOLO en desktop (crop centrado, sin deformar) */
@media (min-width: 990px) {
  :root {
    --vantek-media-banner-max-h: 566px; /* base HOTO */
  }

  .media-banner__media {
    max-height: var(--vantek-media-banner-max-h);
    overflow: hidden;
  }

  /* Evita que el theme fuerce una proporción que rompa el recorte */
  .media-banner__media .video-section__media {
    aspect-ratio: auto !important;
  }

  .media-banner__media .video-section__media,
  .media-banner__media video,
  .media-banner__media iframe,
  .media-banner__media .deferred-media,
  .media-banner__media .parallax-ele {
    width: 100%;
    height: 100%;
    max-height: var(--vantek-media-banner-max-h);
    object-fit: cover;
    object-position: center;
    display: block;
  }
}

/* ---- Origen: template-collection.css ---- */
/* =========================================================
   VANTEK – Colección (mobile)
   Alinear bloque de precio hacia abajo en la tarjeta producto
   ========================================================= */
@media screen and (max-width: 749px) {

  /* 1) Asegura que la tarjeta pueda ocupar toda la altura del grid item */
  .collection .grid__item .card-wrapper,
  .collection .grid__item .card,
  .collection .grid__item .card-product,
  .collection .grid__item .product-card,
  .collection .grid__item .product-item {
    height: 100%;
  }

  /* 2) Convierte el bloque de “información” en layout vertical flexible */
  .collection .card__content,
  .collection .card__information,
  .collection .card-information,
  .collection .card-product__content,
  .collection .product-card__content,
  .collection .product-item__info,
  .collection .product-item__content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }

  /* 3) Empuja el precio hacia abajo (no afecta si el price no está dentro del content) */
  .collection .card__information .price,
  .collection .card-information .price,
  .collection .card__content .price,
  .collection .card-product__content .price,
  .collection .product-card__content .price,
  .collection .product-item__info .price,
  .collection .product-item__content .price,
  .collection .product-price {
    margin-top: auto;
  }

  /* 4) (Opcional) separación consistente antes de botones/acciones */
  .collection .quick-add,
  .collection .product-card__actions,
  .collection .card__actions,
  .collection .product-item__actions {
    margin-top: 10px;
  }
}
/* =========================================================
   VANTEK – Colección (desktop)
   Alinear bloque de precio hacia abajo en la tarjeta producto
   ========================================================= */
@media screen and (min-width: 750px) {

  /* 1) Asegura altura completa de la tarjeta dentro del grid */
  .collection .grid__item .card-wrapper,
  .collection .grid__item .card,
  .collection .grid__item .card-product,
  .collection .grid__item .product-card,
  .collection .grid__item .product-item {
    height: 100%;
  }

  /* 2) Contenedor del contenido en layout vertical flexible */
  .collection .card__content,
  .collection .card__information,
  .collection .card-information,
  .collection .card-product__content,
  .collection .product-card__content,
  .collection .product-item__info,
  .collection .product-item__content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }

  /* 3) Empuja el precio al fondo */
  .collection .card__information .price,
  .collection .card-information .price,
  .collection .card__content .price,
  .collection .card-product__content .price,
  .collection .product-card__content .price,
  .collection .product-item__info .price,
  .collection .product-item__content .price,
  .collection .product-price {
    margin-top: auto;
  }

  /* 4) Consistencia de espacio antes de botones/acciones */
  .collection .quick-add,
  .collection .product-card__actions,
  .collection .card__actions,
  .collection .product-item__actions {
    margin-top: 12px;
  }
}
/* =========================================================
   VANTEK – Colección
   Título fijo a 3 líneas y alineado justo sobre el precio
   ========================================================= */

.collection .card__information,
.collection .card__content,
.collection .card-information,
.collection .card-product__content,
.collection .product-item__info,
.collection .product-item__content {
  display: flex;
  flex-direction: column;
}

/* 1) Título: forzar 3 líneas y reservar altura */
.collection .card__heading,
.collection .card__heading a,
.collection .product-title,
.collection .product-title a,
.collection .card__information h3,
.collection .card__information .h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;                 /* 3 líneas */
  overflow: hidden;

  line-height: 1.25;
  min-height: calc(1.25em * 3);          /* reserva espacio 3 líneas */
  margin-bottom: 6px;                    /* separación controlada hacia el precio */
}

/* 2) Precio: pegado abajo (si ya lo tienes, esto lo refuerza) */
.collection .card__information .price,
.collection .card-information .price,
.collection .card__content .price,
.collection .card-product__content .price,
.collection .product-item__info .price,
.collection .product-item__content .price,
.collection .product-price {
  margin-top: auto;
}

/* ---- Origen: sections/promotion-cards-pinning.liquid (cards de categorías del home) ---- */
    /* VANTEK: Tamaño de subtítulo (caption) solo en esta sección */
  .pcp .pcp__caption{
    font-size: 30px;
    line-height: 1.25;
  }

  @media screen and (max-width: 749px){
    .pcp .pcp__caption{
      font-size: 14px;
    }
  }
   /* VANTEK: Ajustes mobile para esta sección (FIX definitivo títulos + botón) */
@media screen and (max-width: 749px){

  /* A) Menos padding vertical de la sección */
  [class^="section-"][class$="-padding"]:has(> .pcp){
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  /* B) Mantener imagen arriba y texto abajo */
  .shopify-section .pcp .pcp__card{
    display: flex;
    flex-direction: column;
  }
  .shopify-section .pcp .pcp__card__content{
    position: static !important;
    inset: auto !important;
  }

  /* C) Overlay como fondo del texto */
  .shopify-section .pcp .pcp__card__content--has-overlay{
    background: rgb(var(--color-overlay)) !important;
  }

  /* D) Footer en mobile: título centrado + flecha centrada abajo + altura estándar */
.shopify-section .pcp .pcp__card__content-inner{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  text-align: center;

  padding: 10px 12px !important;

  /* Altura estándar del bloque inferior (ajustada para "Paneles Solares" en 2 líneas + flecha) */
  min-height: 96px;
}

/* El wrapper del texto vuelve a comportarse normal (quitamos el "display: contents") */
.shopify-section .pcp .pcp__card__text{
  display: block;
  width: 100%;
}

/* E) Título: 2 líneas fijas (estandariza altura), sin cortes por letras */
.shopify-section .pcp .pcp__card__title{
  margin: 0;
  line-height: 1.15;

  /* Tamaño responsivo para que palabras largas (ej. Climatización) quepan mejor */
  font-size: clamp(14px, 3.8vw, 16px);

  /* No cortar palabras por letras */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  /* Reserva altura para 2 líneas (igual en todas las cards) */
  min-height: calc(1.15em * 2);

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.shopify-section .pcp .pcp__card__title a{
  white-space: inherit !important;
  word-break: inherit !important;
  overflow-wrap: inherit !important;
  hyphens: inherit !important;
}

/* F) Subtítulo (si existe): lo ocultamos en mobile para mantener estándar visual
   (si lo quieres visible, dímelo y lo acomodamos entre título y flecha) */
.shopify-section .pcp .pcp__card__subtitle{
  display: none !important;
}

/* G) Flecha centrada debajo del título */
.shopify-section .pcp .pcp__card__icon{
  width: 44px;
  margin-top: 8px;

  display: flex;
  justify-content: center;
  align-items: center;

  position: static !important;
  z-index: auto !important;
}
  /* I) RECORTE: que el bloque inferior (título + flecha) termine justo después del botón */
  .shopify-section .pcp .pcp__card__content-inner{
    padding-bottom: 8px !important; /* baja el “aire” inferior (ajusta 4–8px si quieres) */
    row-gap: 4px; /* opcional: reduce separación vertical interna */
  }

  /* Si el tema agrega espacio extra por el contenedor, lo anulamos */
  .shopify-section .pcp .pcp__card__content{
    padding-bottom: 0 !important;
  }

  /* Asegura que el botón no tenga margen inferior raro */
  .shopify-section .pcp .pcp__card__icon{
    margin-bottom: 0 !important;
  }

/* ---- Origen: sections/main-product.liquid (badges sobre la galería de la ficha) ---- */
  /* === Custom badges overlay on product gallery === */
[id^="MainProduct-"] .product__media-wrapper{
  position: relative; /* ancla para absolute */
}

/* contenedor de badges */
[id^="MainProduct-"] .product__media-wrapper .product__badges{
  position: absolute;
  top: 12px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none; /* no bloquea swipe/click de la galería */
}

/* si algún badge necesita click (normalmente no), lo habilitamos */
[id^="MainProduct-"] .product__media-wrapper .product__badges > *{
  pointer-events: auto;
}

/* soporta izquierda/derecha según clase */
[id^="MainProduct-"] .product__media-wrapper .product__badges--left{
  left: 12px;
  right: auto;
}
[id^="MainProduct-"] .product__media-wrapper .product__badges--right{
  right: 12px;
  left: auto;
}

/* ---- Origen: sections/maps.liquid (columna de info y textos largos) ---- */
@media screen and (min-width: 750px) {
  .maps .maps__info {
    flex: 0 0 var(--content-info-width);
    width: var(--content-info-width);
    min-width: 0;
  }
  .maps > .maps__google-maps {
    flex: 1 1 0;
    min-width: 0;
  }
  .maps__info .rte,
  .maps__info .rte *,
  .maps__info li,
  .maps__info a,
  .maps__info div {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}