.elementor-542 .elementor-element.elementor-element-27e67d48{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-repeater-item-17bf9a7 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://beautyandbrush.com.ec/wp-content/uploads/2020/02/bg-01-free-img.jpg);background-size:cover;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-repeater-item-17bf9a7 .elementor-background-overlay{background-color:#CCE3E412;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-repeater-item-2e8fbd6 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://beautyandbrush.com.ec/wp-content/uploads/2020/02/bg-01-free-img.jpg);background-size:cover;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-repeater-item-2e8fbd6 .elementor-background-overlay{background-color:#CCE3E412;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-repeater-item-7db23a8 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://beautyandbrush.com.ec/wp-content/uploads/2020/02/bg-01-free-img.jpg);background-size:cover;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-repeater-item-7db23a8 .elementor-background-overlay{background-color:#CCE3E412;}.elementor-542 .elementor-element.elementor-element-007a00c .swiper-slide{transition-duration:calc(5000ms*1.2);height:520px;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-button{background-color:#004750;border-radius:0px;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-button:hover{background-color:#009C9E;}.elementor-542 .elementor-element.elementor-element-007a00c .swiper-slide-contents{max-width:1200px;}.elementor-542 .elementor-element.elementor-element-007a00c .swiper-slide-inner{text-align:start;}.elementor-542 .elementor-element.elementor-element-007a00c .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:50px;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-heading{color:#004750;font-family:"Cabin", Sans-serif;font-size:52px;font-weight:700;line-height:1.1px;letter-spacing:0px;}.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-description{color:#2B2B2B;font-family:"Cabin", Sans-serif;font-size:18px;font-weight:400;line-height:1.5px;letter-spacing:0px;}.elementor-542 .elementor-element.elementor-element-2477946{--display:flex;}.elementor-542 .elementor-element.elementor-element-25a501a{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-542 .elementor-element.elementor-element-54d6789{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-542 .elementor-element.elementor-element-54d6789 .swiper-slide > .elementor-element{height:100%;}.elementor-542 .elementor-element.elementor-element-cb1aead{--display:flex;}.elementor-542 .elementor-element.elementor-element-0f9b7c8{--display:flex;}.elementor-542 .elementor-element.elementor-element-b4bba8b{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-542 .elementor-element.elementor-element-b4bba8b .swiper-slide > .elementor-element{height:100%;}.elementor-542 .elementor-element.elementor-element-c74ee3e{--display:flex;}.elementor-542 .elementor-element.elementor-element-f809334{--display:flex;}.elementor-542 .elementor-element.elementor-element-4ead23c{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-542 .elementor-element.elementor-element-4ead23c .swiper-slide > .elementor-element{height:100%;}.elementor-542 .elementor-element.elementor-element-a655c08{--display:flex;}.elementor-542 .elementor-element.elementor-element-c3a5b6e{--display:flex;}.elementor-542 .elementor-element.elementor-element-2745ee9{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-542 .elementor-element.elementor-element-2745ee9 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-542 .elementor-element.elementor-element-54d6789{--swiper-slides-to-display:2;}.elementor-542 .elementor-element.elementor-element-b4bba8b{--swiper-slides-to-display:2;}.elementor-542 .elementor-element.elementor-element-4ead23c{--swiper-slides-to-display:2;}.elementor-542 .elementor-element.elementor-element-2745ee9{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-542 .elementor-element.elementor-element-54d6789{--swiper-slides-to-display:1;}.elementor-542 .elementor-element.elementor-element-b4bba8b{--swiper-slides-to-display:1;}.elementor-542 .elementor-element.elementor-element-4ead23c{--swiper-slides-to-display:1;}.elementor-542 .elementor-element.elementor-element-2745ee9{--swiper-slides-to-display:1;}}/* Start custom CSS for slides, class: .elementor-element-007a00c *//* Título del hero */
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-heading {
  margin: 0 0 16px 0 !important;
  color: #004750 !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

/* Descripción */
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-description {
  max-width: 520px !important;
  margin: 0 0 24px 0 !important;
  color: #2B2B2B !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* Botón SHOP */
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-button {
  padding: 13px 28px !important;
  background: #004750 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-button:hover,
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-slide-button:focus {
  background: #009C9E !important;
  color: #FFFFFF !important;
}


/* Fondo mint + imagen suavizada */
/*.elementor-542 .elementor-element.elementor-element-007a00c .swiper-slide {*/
/*  background-color: #CCE3E4 !important;*/
/*}*/

/*.elementor-542 .elementor-element.elementor-element-007a00c .swiper-slide-bg {*/
/*  background-position: center right !important;*/
/*  background-repeat: no-repeat !important;*/
/*  background-size: cover !important;*/
/*  opacity: 0.72 !important;*/
/*}*/

/* Overlay mint degradado sobre la fotografía */
.elementor-542 .elementor-element.elementor-element-007a00c .swiper-slide-inner {
  background: linear-gradient(
    90deg,
    rgba(204, 227, 228, 0.96) 0%,
    rgba(204, 227, 228, 0.88) 36%,
    rgba(204, 227, 228, 0.48) 62%,
    rgba(204, 227, 228, 0.08) 100%
  ) !important;
}


/* Flechas del hero slider: SVG + compatibilidad legacy */
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button,
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button i {
  color: #004750 !important;
  font-size: 28px !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button svg,
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button svg path {
  fill: #004750 !important;
  transition: fill 0.25s ease !important;
}

.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button:hover,
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button:hover i {
  color: #009C9E !important;
  transform: scale(1.08);
}

.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button:hover svg,
.elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button:hover svg path {
  fill: #009C9E !important;
}

/* Puntos de navegación */
.elementor-542 .elementor-element.elementor-element-007a00c .swiper-pagination-bullet {
  width: 9px !important;
  height: 9px !important;
  background-color: #004750 !important;
  opacity: 0.35 !important;
}

.elementor-542 .elementor-element.elementor-element-007a00c .swiper-pagination-bullet-active {
  background-color: #009C9E !important;
  opacity: 1 !important;
}


/* Hero móvil: ocultar flechas para evitar superposición */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-007a00c .elementor-swiper-button {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6da0bd8 */.elementor-542 .elementor-element.elementor-element-6da0bd8 .elementor-heading-title {
  margin: 0 !important;
  color: #004750 !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c479a32 */.elementor-542 .elementor-element.elementor-element-c479a32 .elementor-button {
  padding: 0 0 4px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid #009C9E !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #009C9E !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.elementor-542 .elementor-element.elementor-element-c479a32 .elementor-button:hover,
.elementor-542 .elementor-element.elementor-element-c479a32 .elementor-button:focus {
  background: transparent !important;
  color: #004750 !important;
  border-bottom-color: #004750 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25a501a */.elementor-542 .elementor-element.elementor-element-25a501a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 24px 0;
  padding: 0;
  gap: 20px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-54d6789 *//* Flechas del carrusel de productos */
.elementor-542 .elementor-element.elementor-element-54d6789 {
  overflow: visible;
}

.elementor-542 .elementor-element.elementor-element-54d6789 .elementor-swiper-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: #004750 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 30px !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  z-index: 5;
}

.elementor-542 .elementor-element.elementor-element-54d6789 .elementor-swiper-button:hover {
  color: #009C9E !important;
  background: transparent !important;
  transform: scale(1.08);
}

.elementor-542 .elementor-element.elementor-element-54d6789 .elementor-swiper-button svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

/* Colocar las flechas fuera de las tarjetas */
.elementor-542 .elementor-element.elementor-element-54d6789 .elementor-swiper-button-prev {
  left: -38px !important;
}

.elementor-542 .elementor-element.elementor-element-54d6789 .elementor-swiper-button-next {
  right: -38px !important;
}


/* ==========================================
   LOOP CAROUSEL - NAVEGACIÓN RESPONSIVE
   ========================================== */

/* Escritorio y tablet: mostrar flechas, ocultar bolitas */
@media (min-width: 768px) {
  .elementor-542 .elementor-element.elementor-element-54d6789 .swiper-pagination {
    display: none !important;
  }
}

/* Móvil: ocultar flechas y conservar bolitas nativas */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-54d6789 .elementor-swiper-button {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2477946 */.elementor-542 .elementor-element.elementor-element-2477946 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 20px;
  box-sizing: border-box;
}

/* Cabecera de categoría en móvil */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-2477946 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }

  .elementor-542 .elementor-element.elementor-element-2477946 .elementor-widget-heading {
    min-width: 0 !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-2477946 .elementor-heading-title {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  .elementor-542 .elementor-element.elementor-element-2477946 .elementor-widget-button {
    justify-self: end !important;
    width: auto !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-2477946 .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-542 .elementor-element.elementor-element-2477946 .elementor-button {
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e459fec */.elementor-542 .elementor-element.elementor-element-e459fec .elementor-heading-title {
  margin: 0 !important;
  color: #004750 !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fceb165 */.elementor-542 .elementor-element.elementor-element-fceb165 .elementor-button {
  padding: 0 0 4px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid #009C9E !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #009C9E !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.elementor-542 .elementor-element.elementor-element-fceb165 .elementor-button:hover,
.elementor-542 .elementor-element.elementor-element-fceb165 .elementor-button:focus {
  background: transparent !important;
  color: #004750 !important;
  border-bottom-color: #004750 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f9b7c8 */.elementor-542 .elementor-element.elementor-element-0f9b7c8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 24px 0;
  padding: 0;
  gap: 20px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-b4bba8b *//* Flechas del carrusel de productos */
.elementor-542 .elementor-element.elementor-element-b4bba8b {
  overflow: visible;
}

.elementor-542 .elementor-element.elementor-element-b4bba8b .elementor-swiper-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: #004750 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 30px !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  z-index: 5;
}

.elementor-542 .elementor-element.elementor-element-b4bba8b .elementor-swiper-button:hover {
  color: #009C9E !important;
  background: transparent !important;
  transform: scale(1.08);
}

.elementor-542 .elementor-element.elementor-element-b4bba8b .elementor-swiper-button svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

/* Colocar las flechas fuera de las tarjetas */
.elementor-542 .elementor-element.elementor-element-b4bba8b .elementor-swiper-button-prev {
  left: -38px !important;
}

.elementor-542 .elementor-element.elementor-element-b4bba8b .elementor-swiper-button-next {
  right: -38px !important;
}

/* ==========================================
   LOOP CAROUSEL - NAVEGACIÓN RESPONSIVE
   ========================================== */

/* Escritorio y tablet: mostrar flechas, ocultar bolitas */
@media (min-width: 768px) {
  .elementor-542 .elementor-element.elementor-element-b4bba8b .swiper-pagination {
    display: none !important;
  }
}

/* Móvil: ocultar flechas y conservar bolitas nativas */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-b4bba8b .elementor-swiper-button {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb1aead */.elementor-542 .elementor-element.elementor-element-cb1aead {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 20px;
  box-sizing: border-box;
}

/* Cabecera de categoría en móvil */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-cb1aead {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }

  .elementor-542 .elementor-element.elementor-element-cb1aead .elementor-widget-heading {
    min-width: 0 !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-cb1aead .elementor-heading-title {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  .elementor-542 .elementor-element.elementor-element-cb1aead .elementor-widget-button {
    justify-self: end !important;
    width: auto !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-cb1aead .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-542 .elementor-element.elementor-element-cb1aead .elementor-button {
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d27f1c */.elementor-542 .elementor-element.elementor-element-5d27f1c .elementor-heading-title {
  margin: 0 !important;
  color: #004750 !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93bb0e2 */.elementor-542 .elementor-element.elementor-element-93bb0e2 .elementor-button {
  padding: 0 0 4px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid #009C9E !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #009C9E !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.elementor-542 .elementor-element.elementor-element-93bb0e2 .elementor-button:hover,
.elementor-542 .elementor-element.elementor-element-93bb0e2 .elementor-button:focus {
  background: transparent !important;
  color: #004750 !important;
  border-bottom-color: #004750 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f809334 */.elementor-542 .elementor-element.elementor-element-f809334 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 24px 0;
  padding: 0;
  gap: 20px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-4ead23c *//* Flechas del carrusel de productos */
.elementor-542 .elementor-element.elementor-element-4ead23c {
  overflow: visible;
}

.elementor-542 .elementor-element.elementor-element-4ead23c .elementor-swiper-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: #004750 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 30px !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  z-index: 5;
}

.elementor-542 .elementor-element.elementor-element-4ead23c .elementor-swiper-button:hover {
  color: #009C9E !important;
  background: transparent !important;
  transform: scale(1.08);
}

.elementor-542 .elementor-element.elementor-element-4ead23c .elementor-swiper-button svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

/* Colocar las flechas fuera de las tarjetas */
.elementor-542 .elementor-element.elementor-element-4ead23c .elementor-swiper-button-prev {
  left: -38px !important;
}

.elementor-542 .elementor-element.elementor-element-4ead23c .elementor-swiper-button-next {
  right: -38px !important;
}


/* ==========================================
   LOOP CAROUSEL - NAVEGACIÓN RESPONSIVE
   ========================================== */

/* Escritorio y tablet: mostrar flechas, ocultar bolitas */
@media (min-width: 768px) {
  .elementor-542 .elementor-element.elementor-element-4ead23c .swiper-pagination {
    display: none !important;
  }
}

/* Móvil: ocultar flechas y conservar bolitas nativas */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-4ead23c .elementor-swiper-button {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c74ee3e */.elementor-542 .elementor-element.elementor-element-c74ee3e {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 20px;
  box-sizing: border-box;
}

/* Cabecera de categoría en móvil */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-c74ee3e {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }

  .elementor-542 .elementor-element.elementor-element-c74ee3e .elementor-widget-heading {
    min-width: 0 !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-c74ee3e .elementor-heading-title {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  .elementor-542 .elementor-element.elementor-element-c74ee3e .elementor-widget-button {
    justify-self: end !important;
    width: auto !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-c74ee3e .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-542 .elementor-element.elementor-element-c74ee3e .elementor-button {
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-67b4ae8 */.elementor-542 .elementor-element.elementor-element-67b4ae8 .elementor-heading-title {
  margin: 0 !important;
  color: #004750 !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-483e775 */.elementor-542 .elementor-element.elementor-element-483e775 .elementor-button {
  padding: 0 0 4px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid #009C9E !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #009C9E !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.elementor-542 .elementor-element.elementor-element-483e775 .elementor-button:hover,
.elementor-542 .elementor-element.elementor-element-483e775 .elementor-button:focus {
  background: transparent !important;
  color: #004750 !important;
  border-bottom-color: #004750 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3a5b6e */.elementor-542 .elementor-element.elementor-element-c3a5b6e {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 24px 0;
  padding: 0;
  gap: 20px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-2745ee9 *//* Flechas del carrusel de productos */
.elementor-542 .elementor-element.elementor-element-2745ee9 {
  overflow: visible;
}

.elementor-542 .elementor-element.elementor-element-2745ee9 .elementor-swiper-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: #004750 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 30px !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  z-index: 5;
}

.elementor-542 .elementor-element.elementor-element-2745ee9 .elementor-swiper-button:hover {
  color: #009C9E !important;
  background: transparent !important;
  transform: scale(1.08);
}

.elementor-542 .elementor-element.elementor-element-2745ee9 .elementor-swiper-button svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

/* Colocar las flechas fuera de las tarjetas */
.elementor-542 .elementor-element.elementor-element-2745ee9 .elementor-swiper-button-prev {
  left: -38px !important;
}

.elementor-542 .elementor-element.elementor-element-2745ee9 .elementor-swiper-button-next {
  right: -38px !important;
}

/* ==========================================
   LOOP CAROUSEL - NAVEGACIÓN RESPONSIVE
   ========================================== */

/* Escritorio y tablet: mostrar flechas, ocultar bolitas */
@media (min-width: 768px) {
  .elementor-542 .elementor-element.elementor-element-2745ee9 .swiper-pagination {
    display: none !important;
  }
}

/* Móvil: ocultar flechas y conservar bolitas nativas */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-2745ee9 .elementor-swiper-button {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a655c08 */.elementor-542 .elementor-element.elementor-element-a655c08 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 20px;
  box-sizing: border-box;
}

/* Cabecera de categoría en móvil */
@media (max-width: 767px) {
  .elementor-542 .elementor-element.elementor-element-a655c08 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }

  .elementor-542 .elementor-element.elementor-element-a655c08 .elementor-widget-heading {
    min-width: 0 !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-a655c08 .elementor-heading-title {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  .elementor-542 .elementor-element.elementor-element-a655c08 .elementor-widget-button {
    justify-self: end !important;
    width: auto !important;
    margin: 0 !important;
  }

  .elementor-542 .elementor-element.elementor-element-a655c08 .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-542 .elementor-element.elementor-element-a655c08 .elementor-button {
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}/* End custom CSS */