/*
Theme Name: Hello Elementor Child (Creallo Pro)
Theme URI: https://creallo.com/
Description: Tema optimizado para marcas B2B. Incluye panel de WhatsApp dinámico.
Author: Creallo Agencia de Marketing Digital
Template: hello-elementor
Version: 1.1.0
*/

/* Botón de WhatsApp Dinámico */
.creallo-wa-btn {
    display: inline-block;
    background-color: #25d366;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 5px;
    transition: transform 0.2s ease;
    vertical-align: middle;
}

.creallo-wa-btn:hover {
    transform: scale(1.05);
    background-color: #128c7e;
}

/* Ajustes para Elementor y WooCommerce */
.woocommerce-product-details__short-description {
    margin-bottom: 20px;
} 


/* --- RECUPERAR VISIBILIDAD EN CARRUSELES AYARYS --- */

/* Asegurar que las imágenes y títulos se vean */
.ayarys-product-swiper .product-card-ayarys {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.ayarys-product-swiper .card-image-wrapper img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Asegurar que el título y el botón sean visibles */
.ayarys-product-swiper .card-title {
    display: block !important;
    color: #005eb8 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.ayarys-product-swiper .btn-card-view {
    display: inline-block !important;
    background-color: #09a7f9 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Evitar que el CSS global de "ocultar precios" rompa el layout del carrusel */
.ayarys-product-swiper .price, 
.ayarys-product-swiper .add_to_cart_button {
    display: none !important;
}
/* Ocultar cualquier contenedor de WooCommerce que quede vacío */
.single-product div.product .summary.entry-summary,
.single-product div.product .woocommerce-product-gallery,
.single-product .onsale {
    display: none !important;
}

/* Asegurar que el diseño de Creallo ocupe el ancho correcto */
.ayarys-product-master {
    width: 100% !important;
    margin: 0 auto !important;
	display: block !important;} 
/*
.quantity {
  display: flex;
  align-items: center;
}

.quantity input {
  width: 60px;
  text-align: center;
}

.quantity button {
  width: 30px;
  height: 30px;
  background: #eee;
  border: none;
  cursor: pointer;
  font-size: 18px;
} 

.quantity {
    display: flex;
    align-items: center;
}

.quantity button {
    width: 30px;
    height: 30px;
}

.quantity input {
    width: 50px;
    text-align: center;
}
*/
.quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.quantity button {
    width: 35px;
    height: 35px;
    border: none;
    background: #f5f5f5;
    font-size: 18px;
    cursor: pointer;
    transition: 0.2s;
}

.quantity button:hover {
    background: #e0e0e0;
}

.quantity .minus {
    border-right: 1px solid #ddd;
}

.quantity .plus {
    border-left: 1px solid #ddd;
}

.quantity input.qty {
    width: 50px;
    height: 35px;
    border: none;
    text-align: center;
    font-size: 16px;
    outline: none;
    background: transparent;
}

/* --- CONTENEDOR PRINCIPAL --- */
.ayarys-carousel-section {
    padding: 40px 0;
    background-color: #fff;
}

.ayarys-carousel-section h2 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #005eb8;
    font-size: 32px;
    margin-bottom: 30px;
}

/* --- TARJETA DE PRODUCTO --- */
.product-card-ayarys {
    background: #fff;
    border: 2px solid #0056b3; /* Borde celeste de la imagen */
    border-radius: 30px; /* Radio pronunciado */
    padding: 20px 15px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}

.product-card-ayarys:hover {
    box-shadow: 0 10px 20px rgba(0, 195, 255, 0.2);
}

/* Imagen del Producto */
.product-card-ayarys img {
    max-width: 100%;
    height: 180px;
    object-fit: contain;
    margin-bottom: 15px;
}

/* Títulos y SKU */
.product-card-ayarys h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #888; /* Color gris para la categoría o prefijo */
    margin: 0;
    font-weight: 500;
}

.product-card-ayarys .product-title-bold {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #005eb8;
    font-weight: 800;
    display: block;
    margin-bottom: 15px;
}

/* --- SELECTOR DE CANTIDAD --- */
.product-card-ayarys .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.product-card-ayarys .quantity button {
    background: transparent;
    border: none;
    width: 35px;
    height: 35px;
    font-size: 20px;
    color: #bbb; 
 	  line-height: 20px;
    cursor: pointer;
}

.product-card-ayarys .quantity input.qty {
    width: 180px;
    height: 35px;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #005eb8;
    font-weight: 600;
    -moz-appearance: textfield;
}

.product-card-ayarys .quantity input::-webkit-outer-spin-button,
.product-card-ayarys .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* --- BOTÓN COTIZAR / AGREGAR --- */
.product-card-ayarys .add-to-cart-btn {
    background:  #0056b3; /* Gradiente Ayarys */
    color: #fff;
    border: none;
    width: calc(100% + 40px); /* Para que toque los bordes del card */
    margin: 0 -20px -20px -20px; 
    padding: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0 0 28px 28px; /* Redondeado solo abajo */ 
	display: block
}

.product-card-ayarys .add-to-cart-btn:hover {
	filter: brightness(1.1); 

} 

/* --- CHANCAR ESTILOS NATIVOS DE WOOCOMMERCE --- */

.woocommerce ul.products li.product, 
.archive.woocommerce ul.products li.product {
    background: #ffffff !important;
    border: 2px solid #005eb8 !important; /* Borde celeste Ayarys */
    border-radius: 35px !important;
    padding: 25px 10px 0px 10px !important; /* Sin padding abajo para el botón */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
}

/* Imagen del producto */
.woocommerce ul.products li.product a img,
.archive.woocommerce ul.products li.product a img {
    height: 180px !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
}

/* Título Azul Montserrat */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.archive.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    color: #005eb8 !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

/* SKU / MOD */
.woocommerce ul.products li.product .card-sku,
.archive.woocommerce ul.products li.product .card-sku {
    font-family: 'Raleway', sans-serif !important;
    color: #999999 !important;
    font-size: 13px !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* --- QUANTITY SELECTOR --- */
.woocommerce ul.products li.product .quantity,
.archive.woocommerce ul.products li.product .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid #dddddd !important;
    border-radius: 4px !important;
    margin: 0 auto 20px auto !important;
    width: 100% !important;
}

.woocommerce ul.products li.product .quantity button,
.archive.woocommerce ul.products li.product .quantity button {
    background: none !important;
    border: none !important;
    width: 30px !important;
    height: 35px !important;
    font-size: 18px !important;
    color: #cccccc !important;
    cursor: pointer !important;
}

.woocommerce ul.products li.product .quantity input.qty,
.archive.woocommerce ul.products li.product .quantity input.qty {
    width: 90px !important;
    height: 35px !important;
    border: none !important;
    border-left: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: #005eb8 !important;
}

/* --- BOTÓN AGREGAR (GRADIENTE TOTAL) --- */
.woocommerce ul.products li.product .button.alt,
.archive.woocommerce ul.products li.product .button.alt,
.woocommerce ul.products li.product .add_to_cart_button {
    width: calc(100% + 40px) !important;
    margin: 0 -20px !important; /* Expande el botón hasta el borde celeste */
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    border-radius: 0 0 30px 30px !important;
    display: block !important;
    cursor: pointer !important;
}

.woocommerce ul.products li.product .button.alt:hover {
    filter: brightness(1.1) !important;
}

/* --- AJUSTE MÓVIL 2 COLUMNAS --- */
@media (max-width: 768px) {
    .woocommerce ul.products li.product, 
    .archive.woocommerce ul.products li.product {
        padding: 15px 10px 0px 10px !important;
        border-radius: 25px !important;
    }

    .woocommerce ul.products li.product a img {
        height: 120px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
    }

    .woocommerce ul.products li.product .button.alt {
        width: calc(100% + 20px) !important;
        margin: 0 -10px !important;
        padding: 12px !important;
        font-size: 12px !important;
    }
} 

.woocommerce div.product form.cart { 
	margin-bottom: 0px 
} 

/* --- RESET Y AISLAMIENTO PARA AYARYS MY ACCOUNT --- */
.woocommerce-account .woocommerce {
    max-width: 1280px !important;
    margin: 60px auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    align-items: flex-start !important;
    float: none !important;
}

/* --- MENÚ LATERAL: FUERZA BRUTA --- */
.woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 280px !important;
    width: 280px !important;
    float: none !important;
    background: #f4f7f9 !important;
    padding: 30px !important;
    border-radius: 40px 40px 40px 0px !important;
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important; 
	flex-wrap: wrap;
    row-gap: 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    border: none !important;
    background: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 20px !important;
    background-color: transparent !important;
    color: #005eb8 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-radius: 15px !important;
    transition: 0.3s all ease !important;
}

/* Link Activo y Hover: Chancando colores del tema */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 15px rgba(0, 114, 255, 0.2) !important;
}

/* --- CONTENIDO PRINCIPAL: AISLAMIENTO --- */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1 !important;
    float: none !important;
    width: auto !important;
    background: #ffffff !important;
    padding: 45px !important;
    border-radius: 0px 70px 70px 70px !important;
    box-shadow: 0 15px 40px rgba(0, 94, 184, 0.08) !important;
    border: 1px solid #f0f0f0 !important;
}

/* --- BOTONES INTERNOS (CHANCANDO WOO) --- */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button.button {
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: #fff !important;
    padding: 15px 30px !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    display: inline-block !important;
}

/* --- ARREGLO PARA MÓVIL (EVITAR CHOQUE DE COLUMNAS) --- */
@media (max-width: 992px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        flex: 0 0 100% !important;
        border-radius: 30px !important;
    }
} 

/* --- SOLO AFECTA AL CONTENEDOR DE LA CUENTA, NO AL BUSCADOR --- */

/* Usamos > para que solo afecte al primer nivel */
.woocommerce-account > .woocommerce, 
.woocommerce-account #content > .woocommerce,
.woocommerce-account .entry-content > .woocommerce {
    max-width: 1280px !important;
    margin: 60px auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    align-items: flex-start !important;
    padding: 0 20px !important;
}

/* --- MENÚ LATERAL PROTEGIDO --- */
.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
    flex: 0 0 280px !important;
    width: 280px !important;
    background: #f4f7f9 !important;
    padding: 30px !important;
    border-radius: 40px 40px 40px 0px !important;
}

/* --- CONTENIDO PROTEGIDO --- */
.woocommerce-account .woocommerce > .woocommerce-MyAccount-content {
    flex: 1 !important;
    background: #ffffff !important;
    padding: 45px !important;
    border-radius: 0px 70px 70px 70px !important;
    box-shadow: 0 15px 40px rgba(0, 94, 184, 0.08) !important;
    border: 1px solid #f0f0f0 !important;
}

/* --- RESET PARA FIBOSEARCH (PROTECCIÓN EXTRA) --- */
/* Esto obliga al buscador a ignorar el flex del contenedor padre */
.dgwt-wcas-search-wrapp, 
.dgwt-wcas-open,
.woocommerce .dgwt-wcas-search-wrapp {
    display: block !important;
    width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
} 

/* Protege el buscador del header de cualquier estilo de WooCommerce */
.nav-row-pc .search-pc .dgwt-wcas-search-wrapp {
    position: relative !important;
    display: flex !important; /* Fibo suele usar flex interno */
    align-items: center !important;
    width: 280px !important; /* El ancho que definimos para tu header */ 
	gap:0px !important
}

/* --- 1. PROTECCIÓN DE LA PÁGINA DE CUENTA (AISLANDO FIBO) --- */

/* Aplicamos el diseño de Ayarys solo al contenedor de la cuenta, excluyendo el buscador */
.woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp) {
    max-width: 1280px !important;
    margin: 60px auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    align-items: flex-start !important;
    padding: 0 20px !important;
    float: none !important;
}

/* --- 2. MENÚ LATERAL PROTEGIDO --- */
.woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 280px !important;
    width: 280px !important;
    background: #f4f7f9 !important;
    padding: 30px !important;
    border-radius: 40px 40px 40px 0px !important;
    float: none !important;
}

/* --- 3. CONTENIDO PROTEGIDO --- */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1 !important;
    background: #ffffff !important;
    padding: 45px !important;
    border-radius: 0px 70px 70px 70px !important;
    box-shadow: 0 15px 40px rgba(0, 94, 184, 0.08) !important;
    border: 1px solid #f0f0f0 !important;
    float: none !important;
}

/* --- 4. BLINDAJE TOTAL PARA FIBOSEARCH --- */
/* Forzamos a que el buscador ignore cualquier regla de flex o márgenes de la cuenta */
.dgwt-wcas-search-wrapp.woocommerce {
    display: block !important;
    width: 100% !important;
    max-width: 280px !important; /* El ancho de tu buscador en el header */
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Evitamos que los elementos internos del buscador hereden estilos de la cuenta */
.dgwt-wcas-search-wrapp.woocommerce * {
    max-width: none !important;
    background: transparent;
}

/* Estilo del botón de enviar de Fibo para que no se confunda con tus botones */
.dgwt-wcas-search-submit {
    background:  !important;
    border-radius: 0 6px 6px 0 !important;
}

/* --- 5. RESPONSIVE --- */
@media (max-width: 992px) {
    .woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp) {
        flex-direction: column !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
} 

/* --- ESTILO PARA EL HEADER DE LA PÁGINA MI CUENTA --- */

.woocommerce-account .page-header {
    text-align: center !important;
    padding: 60px 20px 20px !important;
    background-color:  !important; /* Fondo limpio */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Línea decorativa sobre el título (estilo Ayarys) */
.woocommerce-account .page-header::before {
    content: "" !important;
    width: 60px !important;
    height: 5px !important;
    background-color: #00a0df !important; /* Celeste de marca */
    margin-bottom: 20px !important;
    border-radius: 10px !important;
    display: block !important;
}

.woocommerce-account .entry-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 50px !important; /* REGLA ESTRICTA 50PX */
    font-weight: 800 !important;
    color: #005eb8 !important; /* Azul profundo de marca */
    margin: 0 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

/* Ajuste para móvil */
@media (max-width: 768px) {
    .woocommerce-account .entry-title {
        font-size: 32px !important;
    }
    .woocommerce-account .page-header {
        padding: 40px 20px 10px !important;
    }
} 

/* --- ESTILO PARA EL FORMULARIO DE LOGIN AYARYS --- */

.woocommerce-form-login {
    max-width: 500px !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    padding: 50px !important;
    border-radius: 70px 70px 70px 0px !important; /* Estilo Cápsula */
    box-shadow: 0 20px 50px rgba(0, 94, 184, 0.1) !important;
    border: 1px solid #f0f0f0 !important;
}

/* Etiquetas (Labels) */
.woocommerce-form-login label {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #005eb8 !important;
    margin-bottom: 10px !important;
}

/* Inputs de Texto y Password */
.woocommerce-form-login .input-text {
    width: 100% !important;
    padding: 15px 25px !important;
    border-radius: 50px !important; /* Estilo Cápsula */
    border: 1px solid #e1e1e1 !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 15px !important;
    background-color: #f4f7f9 !important;
    transition: 0.3s all ease !important;
    outline: none !important;
}

.woocommerce-form-login .input-text:focus {
    border-color: #00a0df !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 160, 223, 0.1) !important;
}

/* Botón de Acceso (Gradiente Ayarys) */
.woocommerce-form-login .woocommerce-form-login__submit {
    width: 100% !important;
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: #ffffff !important;
    padding: 18px !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: 0.4s !important;
    margin-top: 20px !important;
    box-shadow: 0 10px 20px rgba(0, 114, 255, 0.2) !important;
}

.woocommerce-form-login .woocommerce-form-login__submit:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 30px rgba(0, 114, 255, 0.3) !important;
    filter: brightness(1.1) !important;
}

/* Checkbox "Recuérdame" */
.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    color: #555555 !important;
    margin-top: 15px !important;
}

.woocommerce-form-login__rememberme input {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

/* Link "¿Olvidaste la contraseña?" */
.lost_password {
    text-align: center !important;
    margin-top: 25px !important;
}

.lost_password a {
    color: #00a0df !important;
    font-size: 14px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: 0.3s !important;
}

.lost_password a:hover {
    color: #005eb8 !important;
    text-decoration: underline !important;
}

/* Ajuste del botón de mostrar password (ojo) */
.show-password-input {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 20px !important;
    color: #005eb8 !important;
}

/* Responsive */
@media (max-width: 600px) {
    .woocommerce-form-login {
        padding: 30px 20px !important;
        border-radius: 40px 40px 40px 0px !important;
    }
} 

/* --- ESTILO PARA EL TÍTULO ACCEDER --- */

.woocommerce-account .woocommerce h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 32px !important; /* Un tamaño potente pero equilibrado para el login */
    font-weight: 800 !important;
    color: #005eb8 !important; /* Azul de marca */
    text-align: center !important;
    margin-bottom: 30px !important;
    position: relative !important;
    display:  !important;
    width: 100% !important;  
	display: none
}

/* Línea decorativa corta debajo del título "Acceder" */
.woocommerce-account .woocommerce h2::after {
    content: "" !important;
    display: block !important;
    width: 40px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #00f0ff, #0072ff) !important;
    margin: 10px auto 0 !important;
    border-radius: 10px !important;
}

/* En caso de que el h2 esté fuera del form, le damos aire */
.woocommerce-account .woocommerce h2 {
    margin-top: 20px !important;
}

/* --- ESTILO PARA RECUPERAR CONTRASEÑA AYARYS --- */

/* Contenedor del formulario de recuperación */
.woocommerce-ResetPassword {
    max-width: 550px !important;
    margin: 60px auto !important;
    background: #ffffff !important;
    padding: 50px !important;
    border-radius: 70px 70px 70px 0px !important; /* Estilo Cápsula Ayarys */
    box-shadow: 0 20px 50px rgba(0, 94, 184, 0.1) !important;
    border: 1px solid #f0f0f0 !important;
    text-align: center !important;
}

/* Texto de instrucciones */
.woocommerce-ResetPassword p:first-child {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #555555 !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}

/* Etiquetas (Labels) */
.woocommerce-ResetPassword label {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #005eb8 !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}

/* Input de texto */
.woocommerce-ResetPassword .input-text {
    width: 100% !important;
    padding: 16px 25px !important;
    border-radius: 50px !important; /* Cápsula */
    border: 1px solid #e1e1e1 !important;
    background-color: #f4f7f9 !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 15px !important;
    transition: 0.3s !important;
    outline: none !important;
}

.woocommerce-ResetPassword .input-text:focus {
    border-color: #00a0df !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 160, 223, 0.1) !important;
}

/* Botón Restablecer (Gradiente Ayarys) */
.woocommerce-ResetPassword .button {
    width: 100% !important;
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: #ffffff !important;
    padding: 18px !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: 0.4s !important;
    margin-top: 15px !important;
    box-shadow: 0 10px 20px rgba(0, 114, 255, 0.2) !important;
}

.woocommerce-ResetPassword .button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 30px rgba(0, 114, 255, 0.3) !important;
    filter: brightness(1.1) !important;
}

/* Ajustes de espaciado para los párrafos contenedores */
.woocommerce-ResetPassword .form-row {
    margin-bottom: 25px !important;
    float: none !important;
    width: 100% !important;
}

/* Notificaciones de error o éxito de WooCommerce */
.woocommerce-my-account .woocommerce-message, .woocommerce-my-account .woocommerce-error, .woocommerce-my-account .woocommerce-info {
    max-width: 550px !important;
    margin: 20px auto !important;
    border-radius: 15px !important;
    font-family: 'Raleway', sans-serif !important;
}

/* Responsive */
@media (max-width: 600px) {
    .woocommerce-ResetPassword {
        padding: 35px 25px !important;
        border-radius: 40px 40px 40px 0px !important; 
    } 
}  

/* --- ESTILOS PARA FILTROS AYARYS (CHECKBOXES CUADRADOS) --- */


/* 1. Contenedor Principal del Widget */
.widget_wpc_filters_widget {
    background-color: #f4f7f9 !important;
    padding: 30px !important;
    border-radius: 40px 40px 40px 0px !important; 
    font-family: '', sans-serif !important;
}

/* 2. Títulos de las Secciones */
.wpc-filter-header .wpc-filter-title {
    font-family: '', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #005eb8 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #00a0df;
    padding-bottom: 8px;
    display: inline-block;
}

/* 3. Personalización de los Checkboxes (CUADRADOS PREMIUM) */
.wpc-filters-checkboxes input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #00a0df !important;
    border-radius: 4px !important; /* Cuadrado con esquina suavizada */
    background: white !important;
    cursor: pointer !important;
    position: relative !important;
    outline: none !important;
    flex-shrink: 0 !important;
}

/* Estado Marcado (Checked) */
.wpc-filters-checkboxes input[type="checkbox"]:checked {
    background: #00a0df !important;
}

/* El "Check" blanco interno */
.wpc-filters-checkboxes input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* 4. Estilo de los Links y Textos */
.wpc-filter-link {
    text-decoration: none !important;
    color: #444 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: 0.3s !important;
}

.wpc-checkbox-item:hover .wpc-filter-link {
    color: #00a0df !important;
}

/* 5. Etiquetas de conteo */
.wpc-term-count {
    font-size: 11px !important;
    background: #e1e8ed !important;
    color: #005eb8 !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    margin-left: 8px !important;
}

/* 6. Botones de Aplicar Filtros */
.wpc-filters-apply-button {
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: white !important;
    font-family: '', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 14px 25px !important;
    border-radius: 50px !important;
    display: block !important;
    text-align: center !important;
    box-shadow: 0 8px 15px rgba(0, 114, 255, 0.2) !important;
    transition: 0.3s !important;
}

.wpc-filters-apply-button:hover {
    transform: translateY(-3px);
    filter: brightness(1.1);
}

/* 7. Ajuste para móvil */
.wpc-filters-open-button-container a {
    background: #005eb8 !important;
    border-radius: 50px !important;
} 

/* --- 1. OCULTAR CHECKBOXES --- */
.wpc-filters-checkboxes input[type="checkbox"] {
    display: none !important;
}

/* --- 2. ESTRUCTURA DE NIVELES (MENU ÁRBOL) --- */

/* Nivel 0 (Categoría Padre) */
.wpc-checkbox-item.level-0 {
    font-weight: 800 !important;
    padding-top: 15px !important;
    border-bottom: 1px solid #dcdcdc !important;
}

/* Nivel 1 (Subcategoría) */
.wpc-checkbox-item.level-1 {
    padding-left: 20px !important;
    font-weight: 500 !important;
}

/* Nivel 2 (Sub-subcategoría) */
.wpc-checkbox-item.level-2 {
    padding-left: 40px !important;
    font-size: 13px !important;
}

/* --- 3. ESTILO DE LA LÍNEA DE NIVEL (GUION) --- */
.wpc-checkbox-item.level-1::before {
    content: "—" !important;
    margin-right: 8px;
    color: #00a0df;
}

.wpc-checkbox-item.level-2::before {
    content: "•" !important;
    margin-right: 8px;
    color: #005eb8;
}

/* --- 4. ESTADO ACTIVO (Al hacer clic en la categoría) --- */
.wpc-checkbox-item.wpc-term-selected > .wpc-filter-link {
    color: #005eb8 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px;
}

/* --- 5. MANTENEMOS TU DISEÑO ORIGINAL (COLORES Y CONTENEDOR) --- */
.widget_wpc_filters_widget {
    background-color: #f4f7f9 !important;
    padding: 30px !important;
    border-radius: 40px 40px 40px 0px !important; 
    font-family: '', sans-serif !important;
}

.wpc-filter-header .wpc-filter-title {
    font-family: '', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #005eb8 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #00a0df;
    padding-bottom: 8px;
    display: inline-block;
}

.wpc-filter-link {
    text-decoration: none !important;
    color: #444 !important;
    font-size: 15px !important;
    transition: 0.3s !important;
}

.wpc-checkbox-item:hover .wpc-filter-link {
    color: #00a0df !important;
}

.wpc-term-count {
    font-size: 11px !important;
    background: #e1e8ed !important;
    color: #005eb8 !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    margin-left: 8px !important;
} 

/* 1. Ocultamos la línea vertical por defecto */
.wpc-filters-checkboxes {
    position: relative;
    padding-left: 5px !important;
}

/* 2. Solo mostramos la línea vertical si el elemento tiene subniveles */
/* Esto busca que el .level-0 tenga un .level-1 debajo */
.wpc-checkbox-item.level-0:has(+ .level-1)::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 25px;
    bottom: 5px; /* La línea llega hasta el último subnivel */
    width: 2px;
    background-color: #dcdcdc;
}

/* 3. La ramita horizontal (solo aparece en subniveles) */
.wpc-checkbox-item.level-1::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 18px;
    width: 12px;
    height: 2px;
    background-color: #dcdcdc;
}
.wpc-checkbox-item.has-children::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 25px;
    bottom: 5px;
    width: 2px;
    background-color: #dcdcdc;
}
/* 4. Ajustes de espaciado para que no se encimen */
.wpc-checkbox-item.level-0 {
    position: relative;
    padding-bottom: 5px !important;
}

.wpc-checkbox-item.level-1 {
    padding-left: 30px !important;
    position: relative;
} 


/* --- 1. OCULTAR CHECKBOXES SOLO EN EL WIDGET DE FILTROS --- */
.widget_wpc_filters_widget .wpc-filters-checkboxes input[type="checkbox"] {
    display: none !important;
}

/* --- 2. ESTRUCTURA DE LISTA Y NIVELES --- */
.widget_wpc_filters_widget .wpc-checkbox-item {
    position: relative;
    padding: 6px 0 6px 15px !important;
    list-style: none !important;
}

/* --- 3. LA LÍNEA VERTICAL (SOLO EN HIJOS) --- */
/* Solo si la lista está anidada dentro de otro item */
.widget_wpc_filters_widget li > ul {
    position: relative;
    border-left: 1px solid #00a0df; 
    margin-left: 5px;
    padding-left: 15px;
}

/* La ramita horizontal para conectar al nivel */
.widget_wpc_filters_widget li > ul > li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 15px;
    width: 10px;
    height: 1px;
    background-color: #00a0df;
}

/* --- 4. TEXTOS Y NIVELES DE JERARQUÍA --- */
.widget_wpc_filters_widget .wpc-filter-link {
    text-decoration: none !important;
    color: #444 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Nivel 0 (Padres) con más peso */
.widget_wpc_filters_widget .level-0 > .wpc-filter-link {
    font-weight: 800 !important;
    color: #005eb8 !important;
}

/* --- 5. ESTADO ACTIVO (PINTAR CATEGORÍA SELECCIONADA) --- */
.widget_wpc_filters_widget .wpc-checkbox-item.wpc-term-selected > .wpc-filter-link {
    color: #00a0df !important;
    font-weight: 800 !important;
}

/* --- 6. MANTENER TU DISEÑO ORIGINAL (COLORES Y TÍTULO) --- */
.widget_wpc_filters_widget {
    background-color: #f4f7f9 !important;
    padding: 30px !important;
    border-radius: 40px 40px 40px 0px !important; 
    font-family: 'Raleway', sans-serif !important;
}

.widget_wpc_filters_widget .wpc-filter-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #005eb8 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #00a0df;
    padding-bottom: 8px;
    display: inline-block;
}

.widget_wpc_filters_widget .wpc-term-count {
    font-size: 11px !important;
    background: #e1e8ed !important;
    color: #005eb8 !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    margin-left: 8px !important;
}
/* --- ESTILOS PARA PAGINACIÓN AYARYS (MENOS REDONDEADO) --- */

.woocommerce-pagination {
    margin-top: 50px !important;
    text-align: center !important;
} 
body .wpc-filters-main-wrap li.wpc-term-item{
	margin-bottom: 0px !important
}
.woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    gap: 8px !important; 
}

.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Estilo Base: Cuadrados suavizados */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #005eb8 !important;
    background: #f4f7f9 !important;
    border-radius: 8px !important; /* REDONDEZ SUAVE, NO CÍRCULO */
    transition: all 0.3s ease !important;
    border: 1px solid #e1e8ed !important;
}

/* Página Activa con Gradiente */
.woocommerce-pagination ul.page-numbers li span.current {
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 5px 12px rgba(0, 114, 255, 0.2) !important;
}

/* Hover */
.woocommerce-pagination ul.page-numbers li a:hover {
    background: #005eb8 !important;
    color: #ffffff !important;
    border-color: #005eb8 !important;
    transform: translateY(-2px) !important;
}

/* Botones Anterior y Siguiente */
.woocommerce-pagination ul.page-numbers li a.next,
.woocommerce-pagination ul.page-numbers li a.prev {
    width: auto !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}

/* Eliminar separadores del tema */
.woocommerce-pagination ul.page-numbers li::after,
.woocommerce-pagination ul.page-numbers li::before,
.woocommerce-pagination nav.woocommerce-pagination ul li {
    display: none !important;
    border: none !important;
} 

/* --- MEJORA TÍTULO TIENDA --- */
.archive.post-type-archive-product .elementor-heading-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 50px !important; /* REGLA ESTRICTA */
    font-weight: 800 !important;
    color: #005eb8 !important;
    text-align: center !important;
    margin: 0px 0 20px 0 !important;
    line-height: 1.1 !important;
    display: block !important;
}

/* Línea decorativa arriba del título */
.archive.post-type-archive .elementor-heading-title::before {
    content: "" !important;
    width: 60px !important;
    height: 5px !important;
    background-color: #00a0df !important;
    margin: 0 auto 15px auto !important;
    border-radius: 10px !important;
    display: block !important;
}
/* --- MEJORA BARRA DE ORDENACIÓN --- */
.woocommerce-result-count {
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px !important;
    color: #666 !important;
    margin-top: 15px !important;
}

.woocommerce-ordering select {
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px !important;
    color: #005eb8 !important;
    background-color: #f4f7f9 !important;
    border: 1px solid #e1e8ed !important;
    padding: 10px 15px !important;
    border-radius: 8px !important; /* Menos redondeado, como la paginación */
    outline: none !important;
    cursor: pointer !important;
} 

/* --- AJUSTE DE SEPARACIÓN CON EL HEADER --- */
.ayarys-product-master {
    margin-top: 60px !important; /* Espacio extra entre header y contenido */
    padding-top: 40px !important;
    font-family: 'Raleway', sans-serif !important;
    /* ... resto de tus estilos ... */
}

/* Si tienes un Breadcrumb (miga de pan) justo arriba del título */
.woocommerce-breadcrumb {
    max-width: 1280px;
    margin: 0 auto 20px auto;
    padding: 0 20px;
    font-size: 13px;
    color: #888;
}

@media (max-width: 768px) {
    .ayarys-product-master {
        margin-top: 30px !important; /* Un poco menos en móvil */
    }
}

.libro-btn {
    /* Gradiente Ayarys para resaltar la acción */
    background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: #ffffff !important;
    padding: 18px 30px !important;
    border: none !important;
    width: 100% !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    margin-top: 25px !important;
    
    /* Estilo Cápsula */
    border-radius: 50px !important;
    
    /* Sombra y Transición */
    box-shadow: 0 10px 20px rgba(0, 114, 255, 0.2) !important;
    transition: all 0.4s ease !important;
    outline: none !important;
}

.libro-btn:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 30px rgba(0, 114, 255, 0.35) !important;
    filter: brightness(1.1) !important;
}

.libro-btn:active {
    transform: translateY(-1px) !important;
} 

.libro-form .seccion-tit {
    /* Color de fondo: Azul profundo Ayarys */
    background: #005eb8 !important;
    color: #ffffff !important;
    
    /* Espaciado y tipografía */
    padding: 12px 25px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    
    /* Estilo Cápsula Ayarys (Redondeado a la derecha, recto a la izquierda) */
    border-radius: 0px 50px 50px 0px !important;
    
    /* Margen y Sombra */
    margin: 35px 0 20px -20px !important; /* El -20px lo hace "sobresalir" un poco si el contenedor tiene padding */
    display: inline-block !important; /* Para que no ocupe todo el ancho si no es necesario, o cámbialo a block si prefieres barra completa */
    box-shadow: 4px 4px 15px rgba(1, 39, 100, 0.1) !important;
    
    /* Línea decorativa lateral celeste */
    border-left: 5px solid #00f0ff !important;
}

.single-product .ayarys-forced-cart-wrapper .quantity button{

    height: 100%;
    width: 50px;
    background: white !important;
    color: #525252;
    font-size: 25px;
    line-height: 25px;  

} 

.single-product .ayarys-forced-cart-wrapper .quantity input{

    height: 100%;
    width: 100px;
    background: white !important;
    color: #525252;
    font-size:15px;  
	border: none !important;
    line-height: 25px;  

} 
.single-product .ayarys-forced-cart-wrapper .quantity { 
	margin-bottom: 20px !important;
	border-radius: 0px 
} 
@media (max-width: 767px){
	.single-product .quantity{
    width: 100%;
    display: flex;
    justify-content: space-between;
	}
}

.woocommerce-cart  .quantity button{

    height: 100%;
    width: 50px;
    background: white !important;
    color: #525252;
    font-size: 25px;
    line-height: 25px;  

} 

.woocommerce-cart .quantity input.qty{

    height: 100%;
    width: 100px;
    background: white !important;
    color: #525252;
    font-size:15px;  
	border: none !important;
    line-height: 25px;  

} 
.single-product .ayarys-forced-cart-wrapper .quantity { 
	margin-bottom: 20px !important;
	border-radius: 0px 
} 

/* 1. Estilizamos el botón que ya existe (clase .wc-forward) */
.woocommerce-message a.button.wc-forward {
   background: linear-gradient(90deg, #00f0ff 0%, #0072ff 100%) !important;
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    transition: 0.3s all ease !important;
    border: none !important;
    box-shadow: 0 5px 15px rgba(0, 240, 255, 0.3) !important;
    display: inline-block !important;
    margin-left: 20px !important;
    line-height: 1 !important;
    margin-right: 0;
    margin-left: auto !important;
}

/* 2. Efecto al pasar el mouse */
.woocommerce-message a.button.wc-forward:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 240, 255, 0.4) !important;
    filter: brightness(1.1) !important;
}

/* 3. Limpiamos la caja del mensaje para que sea moderna */
.woocommerce-message {
    border: none !important;
    background-color: #f0f9ff !important; /* Azul pálido de fondo */
    border-left: 6px solid #005eb8 !important; /* Barra lateral Ayarys */
    border-radius: 15px 50px 50px 15px !important;
    padding: 15px 30px !important;
    box-shadow: 0 10px 30px rgba(0, 94, 184, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; 
	max-width: 1280px !important
}

/* Ajuste para móviles: botón abajo y centrado */
@media (max-width: 768px) {
    .woocommerce-message {
        flex-direction: column !important;
        text-align: center !important;
        padding: 20px !important;
        gap: 15px !important;
    }
    
    .woocommerce-message a.button.wc-forward {
        margin-left: 0 !important;
        width: 100% !important;
    }
} 

/* El h2 - Sin mayúsculas forzadas y color #005eb8 */
.categories-header h2, 
.brands-header h2, 
.featured-header h2, 
.header-elegir h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(26px, 3.5vw, 40px) !important; 
    color: #005eb8 !important; /* Azul solicitado */
    font-weight: 800 !important;
    text-transform: none !important; /* Quita las mayúsculas forzadas */
    letter-spacing: -0.3px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    padding: 0 !important;
}

/* El Before - Línea de acento */
.categories-header::before, 
.brands-header::before, 
.featured-header::before, 
.header-elegir::before {
    content: "" !important;
    width: 60px !important;
    height:5px !important;
    background-color: #09a6f8  !important; /* Color cyan de la marca */
    margin-bottom: 12px !important;
    border-radius: 10px !important;
    display: block !important;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .categories-header h2, 
    .brands-header h2, 
    .featured-header h2, 
    .header-elegir h2 {
        font-size: 26px !important; /* Tamaño cómodo para móvil */
    }
    
    .categories-header::before, 
    .brands-header::before, 
    .featured-header::before, 
    .header-elegir::before {
        width: 35px !important;
        margin-bottom: 10px !important;
    }
} 

/* --- FORZAR FUENTE MONTSERRAT EN TODA LA WEB --- */

/* 1. Importamos la fuente desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* 2. Aplicamos a absolutamente todos los elementos */
* {
    font-family: 'Montserrat', sans-serif !important;
}
/*
/* 3. Aseguramos que los elementos específicos de WordPress/Plugins no la ignoren 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, select, textarea {
    font-family: 'Montserrat', sans-serif !important;
}*/

/* 3. EXCEPCIONES: No aplicar a clases de iconos */
/* Añadimos las clases más comunes de FontAwesome, Elementor e Iconos de Redes Sociales */
[class^="fa-"], [class*=" fa-"], 
[class^="fas "], [class*=" fas "],
[class^="fab "], [class*=" fab "],
[class^="far "], [class*=" far "],
[class^="elementor-icons-"], [class*=" elementor-icons-"],
.fa, .fas, .far, .fab, .elementor-icons,
i,   
span[class*="icon"], 
span[class*="symbol"] {
    font-family: inherit !important; /* Permite que el icono use su propia fuente */
}

/* 4. Forzar que los iconos de FontAwesome mantengan su fuente original */
.fa, .fas, .far, .fab {
    font-family: "Font Awesome 5 Free" !important;
   
}

.fab {
    font-family: "Font Awesome 5 Brands" !important;
} 



/* PESO NORMAL (400) - Añade esto */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2); /* URL de ejemplo para el peso 400 */
}

/* PESO NEGRITA (700) - El que ya tienes */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2);
} 
.woocommerce-mini-cart-item .quantity {
    display: block !important;
    width: auto;
    max-width: max-content;
    padding: 2px 10px;
    left: 100px;
    top: auto !important;
    bottom: auto!important;
}

/* --- 1. ESTRUCTURA DEL SIDEBAR --- */
#sidebar-carrito {
    position: fixed;
    top: 0;
    right: -100%; /* Oculto por defecto */
    width: 100%;
    max-width: 400px;
    height: 100vh;
    background: #ffffff;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif !important;
}

#sidebar-carrito.activo {
    right: 0;
}

/* --- 2. HEADER DEL SIDEBAR --- */
.sidebar-header {
    padding: 25px;
    background: #005eb8; /* Tu azul corporativo */
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#cerrar-sidebar {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

#cerrar-sidebar:hover {
    transform: rotate(90deg);
}

/* --- 3. CONTENIDO Y LISTA DE PRODUCTOS --- */
.sidebar-contenido {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

/* Eliminar estilos por defecto de la lista de WC */
ul.woocommerce-mini-cart {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

li.woocommerce-mini-cart-item {
    display: flex !important;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    gap: 15px;
}

/* Imagen del producto */
li.woocommerce-mini-cart-item img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 12px;
    margin: 0 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Texto del producto */
li.woocommerce-mini-cart-item a:not(.remove) {
    font-size: 14px;
    font-weight: 600;
    color: #005eb8 !important;
    text-decoration: none;
    line-height: 1.3;
}

/* Botón eliminar (X) */
li.woocommerce-mini-cart-item a.remove {
    position: absolute;
    top: 10px;
    right: 0;
    color: #ff4d4d !important;
    font-size: 18px !important;
    background: transparent !important;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.3s;
}

li.woocommerce-mini-cart-item a.remove:hover {
    background: #fff0f0 !important;
}

/* Cantidad */
span.quantity {
    display: block;
    font-size: 13px;
    color: #64748b;
    margin-top: 5px;
}

/* --- 4. TOTAL Y BOTONES --- */
p.woocommerce-mini-cart__total {
    padding: 20px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    margin: 0 !important;
    text-align: center;
    font-size: 18px;
    color: #005eb8;
}

p.woocommerce-mini-cart__buttons {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Estilo de los botones */
.woocommerce-mini-cart__buttons a.button {
    width: 100%;
    text-align: center;
    padding: 15px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px;
    transition: all 0.3s ease;F
    border: none !important;
}

/* Botón Ver Carrito */
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
    background: #eaf5fc !important;
    color: #00a0df !important;
}

/* Botón Generar Cotización (Checkout) */
.woocommerce-mini-cart__buttons a.button.checkout {
    background: linear-gradient(90deg, #09e7fa, #09a6f8) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(9, 231, 250, 0.4);
}

.woocommerce-mini-cart__buttons a.button:hover {
    transform: translateY(-2px);
    filter: brightness(1.1);
}

/* Scrollbar personalizado */
.sidebar-contenido::-webkit-scrollbar {
    width: 5px;
}
.sidebar-contenido::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.sidebar-contenido::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
	/* --- ESTILO MINI CART AYARYS --- */

/* 1. Contenedor del ítem */
.woocommerce-mini-cart-item {
    display: flex !important;
    align-items: center;
    gap: 15px;
    padding: 15px 10px !important;
    border-bottom: 1px solid #e2e8f0;
    position: relative;
    transition: background 0.3s ease;
}

.woocommerce-mini-cart-item:hover {
    background-color: #f8fafc;
}

/* 2. Imagen del producto */
.woocommerce-mini-cart-item img {
    width: 65px !important;
    height: 65px !important;
    border-radius: 12px; /* Bordes suaves */
    object-fit: cover;
    margin: 0 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* 3. Enlace y Texto del producto */
.woocommerce-mini-cart-item a:not(.remove) {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #005eb8 !important; /* Tu azul oscuro */
    text-decoration: none;
    line-height: 1.3;
    display: block;
}

/* 4. Cantidad y Precio */
.woocommerce-mini-cart-item .quantity {
    display: block;
    font-size: 13px !important;
    color: #64748b !important; /* Gris profesional */
    margin-top: 4px;
    font-family: 'Raleway', sans-serif !important;
}

/* 5. Botón eliminar (La X) */
.woocommerce-mini-cart-item a.remove {
    position: absolute !important;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 24px !important;
    height: 24px !important;
    line-height: 22px !important;
    border-radius: 50% !important;
    background-color: #f1f5f9 !important;
    color: #ef4444 !important; /* Rojo sutil */
    text-align: center;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.woocommerce-mini-cart-item a.remove:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* --- AJUSTES PARA LAPTOP (1400px) --- */
@media (max-width: 1440px) {
    .woocommerce-mini-cart-item {
        padding: 12px 8px !important;
    }
    .woocommerce-mini-cart-item a:not(.remove) {
        font-size: 13px !important;
	}  } 

/* --- ALINEACIÓN AVANZADA MINI CART AYARYS --- */

.woocommerce-mini-cart-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    padding: 15px 40px 15px 10px !important; /* Espacio a la derecha para la X */
    border-bottom: 1px solid #eef2f6 !important;
    position: relative !important;
    list-style: none !important;
}

/* Contenedor del link que envuelve imagen y texto */
.woocommerce-mini-cart-item a:not(.remove) {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #005eb8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Alineación de la Imagen */
.woocommerce-mini-cart-item img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
    margin: 0 !important;
    flex-shrink: 0 !important; /* Evita que la imagen se achique */
}

/* Alineación de Cantidad y Precio */
.woocommerce-mini-cart-item .quantity {
    position: absolute !important;
    left: 87px; /* Alineado justo debajo del inicio del texto */
    bottom: 12px;
    font-size: 12px !important;
    color: #00a0df !important; /* Azul Ayarys */
    font-weight: 600 !important;
    font-family: 'Raleway', sans-serif !important;
}

/* Botón Eliminar (La X) perfectamente centrado a la derecha */
.woocommerce-mini-cart-item a.remove {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f1f5f9 !important;
    color: #ef4444 !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    z-index: 10 !important;
}

.woocommerce-mini-cart-item a.remove:hover {
    background-color: #ef4444 !important;
    color: #fff !important;
}

/* Ajuste para Laptops (1400px) */
@media (max-width: 1440px) {
    .woocommerce-mini-cart-item a:not(.remove) {
        font-size: 13px !important;
    }
    .woocommerce-mini-cart-item img {
        width: 50px !important;
        height: 50px !important;
    }
    .woocommerce-mini-cart-item .quantity {
        left: 77px;
    }
} 

/* --- ALINEACIÓN TOTAL MINI CART AYARYS --- */

.woocommerce-mini-cart-item {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 10px !important;
    border-bottom: 1px solid #eef2f6 !important;
    position: relative !important;
}

/* 1. Contenedor de Imagen y Texto (Enlace principal) */
.woocommerce-mini-cart-item a:not(.remove) {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex: 1 !important; /* Toma todo el espacio disponible */
    text-decoration: none !important;
    margin-right: 25px !important; /* Espacio de seguridad para la X */
}

/* 2. Ajuste de la Imagen */
.woocommerce-mini-cart-item img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important; /* Evita que la imagen se deforme */
    margin: 0 !important;
}

/* 3. Ajuste de la Cantidad (Ahora fluye con el texto) */
.woocommerce-mini-cart-item .quantity {
    display: block !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 13px !important;
    color: #00a0df !important; /* Azul Ayarys */
    font-weight: 600 !important;
    margin-top: 4px !important;
}

/* 4. Botón Eliminar (La X) */
.woocommerce-mini-cart-item a.remove {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f1f5f9 !important;
    color: #ef4444 !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    flex-shrink: 0 !important;
}

/* Evitar que el texto choque si es muy largo */
.woocommerce-mini-cart-item a:not(.remove) {
    display: flex !important;
    flex-wrap: wrap !important; /* Permite que el texto y cantidad se organicen */
}

/* Laptop 1400px */
@media (max-width: 1440px) {
    .woocommerce-mini-cart-item img {
        width: 50px !important;
        height: 50px !important;
    }
}

.woocommerce-mini-cart-item .quantity { display: block !important; width: auto; 
max-width: max-content;
    padding: 2px 10px;
    left: 100px;}


.woocommerce a.added_to_cart {
	display: none !important
}



.woocommerce .button.single_add_to_cart_button  {
    vertical-align: middle;
    float: left;
    align-items: center !important;
    display: flex !important;
} 
.ayarys-forced-cart-wrapper .single_add_to_cart_button:hover {
    vertical-align: middle;
    float: left;
    align-items: center !important;
    display: flex !important; 
	background: #005eb8  !important
}
button.single_add_to_cart_button.button.alt {
    background-color: #005eb8 !important; 
	transition: background-color 0.3s ease !important;
}

body .woocommerce-message {
    border: none !important;
    background-color: #f0f9ff !important;
    border-left: 6px solid #005eb8 !important;
    border-radius: a 15px 50px 50px 15px !important;
    padding: 15px 30px !important;
    box-shadow: 0 10px 30px rgba(0, 94, 184, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1280px !important;
    margin: auto !important;
    margin-top: 20px;
} 
.header-scrolled .logo-pc{
	margin-top: -10px
}
.cart-count{
	background:#09a7f9!important
}
.tab-link.active::before{ 
	height:3px !important;
	border-radius: 5px
} 

.swiper-slide.swiper-slide-visible.swiper-slide-fully-visible {
    overflow: hidden;
}

.swiper-slide-thumb-active {
    border-radius: 15px !important;
    border: solid 1px #005eb8 !important;
} 

.cat-marca a:hover  {
	transition: all .5s
}
.cat-marca a:hover  {
    color: #333333ad;
	text-decoration: underline; 
}
.woocommerce-breadcrumb a:hover {
	color: #005eb8; 
	text-decoration: underline
} 

.swiper-button-next:after, .swiper-button-prev:after {
	background: transparent !important
}
.chat-btn:hover {
	transition: all .5s;
    background: #e8f3f9; 
color: #005eb8;
    border-color: #e8f3f9;
} 
.single-product .cotizacion-form-card{
	padding-bottom: 0px !important
} #contacto {
	scroll-margin-top: 150px !important
}