.elementor-kit-8{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Bodoni Moda";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Shippori Antique";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Shippori Antique";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h5{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* ======================================
   TRADUCE FRASE DEL CARRITO
   =================================*/ 
.fly-cart-body-content .woocommerce-mini-cart__empty-message { 
    color: transparent !important; 
    position: relative !important; 
    display: block !important; 
    width: 100% !important;
    box-sizing: border-box !important;
  } 
  
  .fly-cart-body-content .woocommerce-mini-cart__empty-message::after { 
    content: "Aún no has agregado productos a tu carrito." !important; 
    color: var(--minimog-color-body, #333) !important; 
    position: absolute !important; 
    left: 0 !important; 
    top: 0 !important; 
    white-space: normal !important; /* <- Esto era lo que cortaba la frase */
    word-break: break-word !important;
    width: 100% !important;
  } 

  .single-product .summary.entry-summary .entry-price-wrap .woocommerce-Price-amount { 
    font-size: 24px !important; 
  }
  
 /* =================================
   TRADUCE TEXTO DE PAG MI CUENTA
   ================================*/
   
/* Traducir la frase de contraseña en el formulario de registro de Mi Cuenta */
/* Traducir frase de contraseña en el registro de Mi Cuenta (Aislado) */
.woocommerce-account form.woocommerce-form-register > p:not([class]) {
    font-size: 0 !important;
    margin-bottom: 1.5em !important;
}

.woocommerce-account form.woocommerce-form-register > p:not([class])::before {
    content: "Se enviará un enlace a tu correo electrónico para establecer una nueva contraseña." !important;
    font-size: 14px !important;
    color: inherit !important;
    display: block !important;
}

 /* ======================================
   AJUSTES EN EL CARRITO LATERAL
   ====================================*/
   
/* Reducir el contenedor de la imagen en el side cart */
.fly-cart-body .product-thumbnail,
.widget_shopping_cart_content .product-thumbnail {
    max-width: 80px !important; /* Ajusta este valor al tamaño deseado (ej. 70px, 80px, 100px) */
    width: 100% !important;
    flex: 0 0 80px !important; /* Mantiene la proporción en layouts flexbox */
}

/* Forzar a la imagen a adaptarse al nuevo ancho del contenedor */
.fly-cart-body .product-thumbnail img,
.widget_shopping_cart_content .product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
} 

/* Ocultar únicamente el bloque de botones grises de Elementor Pro dentro del side cart */
.fly-cart-body .elementor-menu-cart__footer-buttons,
.widget_shopping_cart_content .elementor-menu-cart__footer-buttons {
    display: none !important;
}

/* Layout en Grid para alinear todo el texto a la derecha de la imagen */
.fly-cart-body-content .elementor-menu-cart__product {
    display: grid !important;
    grid-template-columns: 70px 1fr auto !important; /* Columna 1: Imagen, Columna 2: Texto, Columna 3: Eliminar */
    grid-template-rows: auto auto !important;
    gap: 4px 12px !important;
    align-items: start !important;
}

/* Colocar la imagen abarcando las dos filas a la izquierda */
.fly-cart-body-content .elementor-menu-cart__product-image {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 70px !important;
}

.fly-cart-body-content .elementor-menu-cart__product-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Forzar título y precio a la columna derecha */
.fly-cart-body-content .elementor-menu-cart__product-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
}

.fly-cart-body-content .elementor-menu-cart__product-price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
}

/* Botón de eliminar en la esquina superior derecha */
.fly-cart-body-content .elementor-menu-cart__product-remove {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

/* Ocultar el subtotal intermedio únicamente en el carrito lateral */
.fly-cart-body-content .elementor-menu-cart__subtotal {
    display: none !important;
}

/* Ocultar el botón Cancelar en la ventana modal del cupón */
.form-coupon a[data-minimog-dismiss="1"] {
    display: none !important;
}

/* Alinear texto al centro y ajustar fuente a 12px solo en el modal de cupón */
.form-coupon .form-description {
    text-align: center !important;
    font-size: 16px !important;
}

 /* =====================================
   AJUSTES EN PAGINA DEL CARRITO
   ====================================*/

/* Alinear metadatos del producto a la izquierda únicamente en la página del carrito */
.woocommerce-cart .wc-block-components-product-metadata {
    text-align: left !important;
    align-items: flex-start !important;
}

/* Forzar la alineación en los contenedores e hijos internos si están centrados */
.woocommerce-cart .wc-block-components-product-metadata__description,
.woocommerce-cart .wc-block-components-product-details {
    text-align: left !important;
}

/* Modificar botón de Finalizar Compra en el carrito */
.woocommerce-cart .wc-block-cart__submit-button {
    background-color: #000000 !important;
    border-radius: 12px !important;
    border: none !important;
}

/* Mantener el color negro al pasar el cursor (hover) */
.woocommerce-cart .wc-block-cart__submit-button:hover {
    background-color: #000000 !important;
    opacity: 0.9 !important;
}


/* =======================================
   AJUSTES EN EL CHECKOUT WC
   =================================== */

/* Ocultar texto de política de privacidad únicamente en la página de checkout */
.woocommerce-checkout .woocommerce-privacy-policy-text, 
body.checkout-wc .woocommerce-privacy-policy-text {
    display: none !important;
} 

/* Eliminar espacio inferior en la columna del CheckoutWC */
body.checkout-wc .cfw-one-page-checkout #order_review > div:last-of-type,
.woocommerce-checkout .cfw-one-page-checkout #order_review > div:last-of-type {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.cfw-cart-table .cart-item-row .cfw-cart-item-image img {
    border: 3px solid #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
    box-sizing: border-box !important;
    display: block; /* Evita espacios no deseados debajo de la imagen */
}

/* Cambiar el radio de redondeo de los campos del Checkout (CheckoutWC) */
#cfw input[type="text"],
#cfw input[type="email"],
#cfw input[type="tel"],
#cfw input[type="number"],
#cfw input[type="password"],
#cfw select,
#cfw textarea,
#cfw .cfw-input-wrap input,
#cfw .select2-container--default .select2-selection--single {
    border-radius: 14px !important; /* Puedes ajustar este valor (ej. 16px u 8px) según prefieras */
}

/* ==============================
   AJUSTES EN LOS LIGHTBOX DE IMÁGENES
============================== */
/* Ocultar el título/nombre de la imagen en TODAS las Lightbox sin afectar nada más */
.lg-outer .lg-sub-html {
    display: none !important;
}


/* ==============================
   AJUSTES EN LA PASARELA DE PAGOS
============================== */
/* Redondear iconos*/
.payment_method_icons img {
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    overflow: hidden !important;
}

/* Homogeneizar tamaño y peso de texto en los títulos de métodos de pago */
.checkoutwc .payment_methods label.cfw-radio-reveal-label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #111111 !important;
}

/* Alinear el logo al centro*/
.cfw-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.cfw-logo .logo {
    margin-left: auto !important;
    margin-right: auto !important;
    background-position: center !important;
}

/* Aplica el tamaño específicamente al texto del placeholder (texto gris por defecto) */
.cfw-promo-row input[type="text"]::placeholder {
    font-size: 13px !important;
}

/* Oculta la etiqueta flotante al interactuar o escribir */
.cfw-promo-row .cfw-label-is-floated .cfw-floatable-label,
.cfw-promo-row input[type="text"]:focus + .cfw-floatable-label {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Mantiene el tamaño, altura y centrado del input exactamente igual al estado de reposo */
.cfw-promo-row .cfw-label-is-floated input[type="text"] {
    font-size: 12px !important;
    height: 48px !important; /* Altura fija para alineación exacta */
    min-height: 48px !important;
    padding-top: 0.82rem !important;
    padding-bottom: 0.82rem !important;
}

/* Radio de 14px para el campo de código de descuento en CheckoutWC */
#cfw .cfw-promo-row input[type="text"],
#cfw-cart-summary input[type="text"] {
    border-radius: 14px !important;
}

/* 1. Ampliar el campo de texto del cupón */
#cfw .cfw-promo-row .col-7,
#cfw .cfw-promo-row div[class*="col-"]:first-child {
    flex: 0 0 75% !important;
    max-width: 75% !important;
}

/* 2. Reducir el ancho del contenedor del botón Aplicar y alineación vertical */
#cfw .cfw-promo-row .col-5,
#cfw .cfw-promo-row div[class*="col-"]:last-child {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    display: flex !important;
    align-items: stretch !important;
}

/* 3. Forzar al botón a igualar la altura de 48px, centrar el texto y mantener bordes */
#cfw .cfw-promo-row button,
#cfw .cfw-promo-row .btn,
.cfw-promo-row .cfw-secondary-btn {
    width: 100% !important;
    height: 48px !important; /* Igual exacto a la altura del input */
    min-height: 48px !important;
    font-size: 13px !important;
    border-radius: 14px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #C6C6C6 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Elimina bordes superiores, inferiores y sombras en toda la zona del total/subtotal */
#cfw-cart-summary-totals table tr.cart-subtotal th,
#cfw-cart-summary-totals table tr.cart-subtotal td,
#cfw-cart-summary-totals table tr.order-total th,
#cfw-cart-summary-totals table tr.order-total td,
#cfw-cart-summary-totals table tr {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ataca directamente a cualquier enlace dentro del contenedor de políticas */
div#cfw-store-policies-container a,
#cfw-store-policies-container ul li a,
.cfw-store-policies-container ul.cfw-store-policies li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}

/* Quita el borde simulado y aplica un subrayado real y delgado */
div#cfw-store-policies-container a,
#cfw-store-policies-container ul li a,
.cfw-store-policies-container ul.cfw-store-policies li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    
    /* 1. Eliminar la línea gruesa simulada (borde) */
    border-bottom: 0 !important;
    border: none !important;
    box-shadow: none !important;

    /* 2. Activar el subrayado nativo ultra delgado */
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}


/* ==============================
   MEJORA EL ESTILO DEL BOTÓN DEL FORM DEL FOOTER
============================== */

/* 1. Contenedor principal del formulario del footer */
.elementor-element-62384013 .elementor-form-fields-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  background-color: #ffffff !important;
  border-radius: 50px !important;
  padding: 5px 6px 5px 15px !important;
  box-sizing: border-box !important;
}

/* 2. Ajuste del grupo del campo de email en el footer */
.elementor-element-62384013 .elementor-form-fields-wrapper .elementor-field-type-email {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 !important;
  margin: 0 !important;
}

/* 3. Estilo del input de correo en el footer */
.elementor-element-62384013 .elementor-form-fields-wrapper input#form-field-email {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding-right: 45px !important;
  height: 45px !important;
  color: #000000 !important;
}

/* 4. Contenedor del botón de envío en el footer */
.elementor-element-62384013 .elementor-form-fields-wrapper .e-form__buttons {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  margin: 0 !important;
}

/* 5. Estilo del botón circular negro en el footer */
.elementor-element-62384013 .elementor-form-fields-wrapper .e-form__buttons button.elementor-button {
  background-color: #000000 !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  cursor: pointer !important;
}

/* 6. Flecha dentro del botón en el footer */
.elementor-element-62384013 .elementor-form-fields-wrapper .e-form__buttons button.elementor-button svg {
  fill: #ffffff !important;
  width: 16px !important;
  height: 16px !important;
}

/* =======================================
   AJUSTA EL MARGEN TOP DEL TOOLTIP DE MP
============================== */
/* Espaciado superior para el mensaje de cuotas Mercado Pago */
#tooltipComponent,
.mp-credits-tooltip-container {
    margin-top: 16px !important;
}

/* =======================================
   AJUSTA EL ANCHO DE LA IMAGEN DE LOGOS DE TARJETAS EN LA PRODUCT PAGE
============================== */
/* Tamaño de título en la página de producto individual */
.single-product .product-title-wrap h1,
.single-product h1.product_title,
.single-product .entry-title-entry {
    font-size: 26px !important;
    line-height: 1.3 !important;
}

/* =======================================
   AJUSTA EL ANCHO DE LA IMAGEN DE LOGOS DE TARJETAS EN LA PRODUCT PAGE
============================== */
.single-product .trust-badge-image img,
.single-product img.trust-badge-image {
    width: 350px !important;
    height: auto !important;
}

/* =======================================
   AJUSTA EL PADDING TOP DE LA PÁGINA DE PRODUCTOS ==================== */

/* Reduce el espacio superior del título exclusivamente en la página de la tienda (Shop/Catálogo) */
.post-type-archive-product .page-content,
body.post-type-archive-product #page-content.page-content {
    margin-top: 50px !important; /* Cambia de 100px a 20px para subir el título */
    padding-top: 0 !important;
}

/* Ajuste específico para móvil y tablet por si el tema tiene reglas de media query propias */
@media screen and (max-width: 991px) {
    .post-type-archive-product .page-content,
    body.post-type-archive-product #page-content.page-content {
        margin-top: 15px !important;
        padding-top: 0 !important;
    }
}

/* =======================================
   AJUSTA EL BADGE DE PERSONALÍAZLO EN LOS PRODUCTOS DE WOO==================== */
/* Contenedor del badge dentro de la tarjeta */
.sl-badge-wrapper {
    position: absolute !important;
    top: 12px;
    right: 12px; /* Cambiado a la derecha para no chocar con el descuento */
    z-index: 99;
    pointer-events: none;
}

/* Tamaño de la insignia gráfica */
.sl-badge-img {
    width: 54px !important;
    height: 54px !important;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
}

/* =======================================
   AJUSTE RESPONSIVE MÓVIL PARA EL BADGE
======================================= */
@media (max-width: 768px) {
    /* Ajuste del contenedor en pantallas pequeñas */
    .sl-badge-wrapper {
        top: 8px !important;
        right: 8px !important;
    }

    /* Reducción del tamaño de la insignia gráfica */
    .sl-badge-img {
        width: 32px !important;
        height: 32px !important;
    }
}
    
/* =======================================
   AJUSTA EL BOTÓN/BURBUJA DE WHATSAPP==================== */
/* Botón flotante adosado a la derecha */
.sl-wa-float-btn {
    position: fixed;
    top: 80%; /* Altura en la pantalla */
    right: 0;  /* Pegado al borde derecho */
    z-index: 99999;
    background-color: #25D366; /* Verde oficial WhatsApp */
    width: 37px;
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 12px;    /* Esquina curva arriba izquierda */
    border-bottom-left-radius: 12px; /* Esquina curva abajo izquierda */
    box-shadow: -2px 3px 10px rgba(0,0,0,0.2);
    transition: transform 0.2s ease, background-color 0.2s ease;
}

/* Icono SVG */
.sl-wa-icon {
    width: 25px;
    height: 25px;
}

 /* =================================
   VALORACIONES Y RESEÑAS DE PRODUCTOS
   ================================*/
/* Tamaño de texto de valoraciones/comentarios */
.woocommerce-product-rating,
.woocommerce-product-rating a {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

/* Oculta las estrellas de valoración en las tarjetas de productos */
.product-info .reviews-wrap,
ul.products li.product .star-rating,
ul.products li.product .reviews-wrap,
.woocommerce .star-rating {
    display: none !important;
}

/* Ocultar de forma precisa el avatar de los usuarios en las reseñas de producto */
.woocommerce-Reviews .comment-author img.avatar,
.woocommerce-Reviews .woo-comment-author img.avatar {
    display: none !important;
}

/* Ajustar el espacio izquierdo para que los nombres se alineen correctamente */
.woocommerce-Reviews .comment-text,
.woocommerce-Reviews .woo-comment-content {
    margin-left: 0 !important;
    padding-left: 0 !important;
}/* End custom CSS */