.elementor-kit-5{--e-global-color-primary:#F9F5EC;--e-global-color-secondary:#D4CCC4;--e-global-color-text:#181818;--e-global-color-accent:#624E3B;--e-global-color-1273ba3:#263D9D94;--e-global-color-8f691e5:#11F2F3;--e-global-color-2a74d05:#92929294;--e-global-color-157c2d0:#696969;--e-global-color-ac534ad:#FFFFFF;--e-global-color-fbf8f8d:#000000;--e-global-color-cee7781:#F8F9FA;--e-global-typography-primary-font-family:"MONTSERRAT";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"MONTSERRAT";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"MONTSERRAT";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"MONTSERRAT";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Color blanco por defecto en el header */
.elementor-nav-menu a {
  color: white !important;
}

/* Cuando el header tiene clase .active (ej. al hacer scroll), texto en negro */
.active .elementor-nav-menu a {
  color: black !important;
}

/* También cambia el icono del menú hamburguesa si lo usas */
.active .eicon-menu-bar {
  color: #000 !important;
}

/* Ícono del carrito: blanco por defecto */
.elementor-menu-cart__toggle svg {
  fill: white !important;
}

/* Cambiar color del ícono del carrito a negro cuando el header está activo */
.active .elementor-menu-cart__toggle svg {
  fill: black !important;
}
/* Ícono "Mi cuenta" por defecto */
a[href*="my-account"] svg {
  fill: white !important;
}

/* Ícono "Mi cuenta" cuando el header tiene la clase .active */
.header.active a[href*="my-account"] svg {
  fill: black !important;
}

/* Color por defecto */
.elementor-button-icon-qty {
  background-color: white !important;
  color: black !important;
}

/* Color cuando el header tiene la clase .active */
.header.active .elementor-button-icon-qty {
  background-color: red !important;
  color: white !important;
}


/* Estilo por defecto */
.elementor-button.elementor-button-link.elementor-size-sm {
  background-color: white !important;
  color: black !important;
  border: 2px solid white !important;
  transition: all 0.3s ease;
}
/* Estilo por defecto: fondo transparente, borde y texto blanco */
.elementor-button.elementor-button-link.elementor-size-sm {
  background-color: transparent !important;
  color: white !important;
  border: 2px solid white !important;
  transition: all 0.3s ease;
}

/* Estilo cuando el header tiene clase .active: fondo transparente, borde y texto negro */
.header.active .elementor-button.elementor-button-link.elementor-size-sm {
  background-color: transparent !important;
  color: black !important;
  border: 2px solid black !important;
}

/* Color por defecto (blanco) */
.e-font-icon-svg.e-fas-arrow-right {
  fill: white !important;   /* Para SVG */
  color: white !important;  /* Por si es fuente */
  transition: all 0.3s ease;
}

/* Color cuando el header tiene clase .active */
.header.active .e-font-icon-svg.e-fas-arrow-right {
  fill: black !important;
  color: black !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MONTSERRAT';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lafabricasalon.com/wp-content/uploads/2025/05/Montserrat-Regular.woff') format('woff');
}
@font-face {
	font-family: 'MONTSERRAT';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */