:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Satisfy", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(139,189,84);
	--wd-alternative-color: rgb(250,114,32);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(123,187,221);
	--btn-accented-bgcolor-hover: rgb(103,167,202);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 700px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(140,189,84);
}

/* ==========================================================================
   SISTEMA DE COMBOS PREMIUM - ECOFRESH (VERSIÓN CORREGIDA Y OPTIMIZADA)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BARRA DE CONTROL SUPERIOR (CORREGIDA: TODO EN UNA SOLA LÍNEA)
   -------------------------------------------------------------------------- */
.combo-controls-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
}

.combo-progress {
    background: #fdf6e3 !important;
    color: #d97706 !important;
    padding: 0 20px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: 1px solid #fde68a !important;
    height: 44px !important;
    box-sizing: border-box !important;
    
    /* SOLUCIÓN: Evita que el texto "seleccionados" se baje */
    white-space: nowrap !important;
    flex-direction: row !important;
    gap: 8px !important;
}

.combo-progress.combo-complete {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border-color: #bbf7d0 !important;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.08) !important;
}

.combo-random-btn {
    background: #ffffff !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0 20px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 44px !important;
    transition: all 0.2s ease !important;
    
    /* SOLUCIÓN: Texto alineado horizontalmente con el dado */
    white-space: nowrap !important;
    flex-direction: row !important;
}
.combo-random-btn:hover { 
    background: #f8fafc !important; 
    border-color: #cbd5e1 !important; 
}

/* Botón de WhatsApp - Estilo Outline (Solo contorno y texto en una línea) */
.combo-whatsapp-btn {
    background: transparent !important;
    color: #25D366 !important;
    border: 2px solid #25D366 !important;
    padding: 0 20px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 44px !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    
    /* SOLUCIÓN: Fuerza a "Pedir por Wpp" a quedarse en una sola línea al lado del logo */
    white-space: nowrap !important;
    flex-direction: row !important;
}
.combo-whatsapp-btn:hover {
    background: #25D366 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.2) !important;
}

/* --------------------------------------------------------------------------
   2. REJILLA Y TARJETAS DE PRODUCTOS (AROMAS PEGADOS Y EN UNA LÍNEA)
   -------------------------------------------------------------------------- */
.wapf-field-group {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    margin-bottom: 24px !important;
}

.wapf-field-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 22px 12px !important; /* Padding optimizado */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    
    /* CORRECCIÓN: Alineación fija arriba y gap corto para pegar los contadores al texto */
    justify-content: flex-start !important; 
    gap: 10px !important; 
    
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01) !important;
    box-sizing: border-box !important;
}

.wapf-field-container:hover {
    border-color: #cbd5e1 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03) !important;
}

.wapf-field-container.is-active {
    border-color: #8bbd54 !important;
    background: #fbfdf7 !important;
    box-shadow: 0 10px 25px rgba(139, 189, 84, 0.1) !important;
}

.wapf-field-label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 0px !important;
    display: block !important;
    
    /* CORRECCIÓN: "Frescura Fusion" garantizado en una sola línea */
    white-space: nowrap !important; 
}

/* Goteros más cerca del texto */
.wapf-field-row:nth-child(1) .wapf-field-label::before,
.wapf-field-row:nth-child(2) .wapf-field-label::before,
.wapf-field-row:nth-child(3) .wapf-field-label::before {
    content: ""; 
    display: block; 
    width: 75px; 
    height: 75px; 
    margin: 0 auto 4px !important; /* Margen inferior mínimo para pegar el texto */
}

.wapf-field-row:nth-child(1) .wapf-field-label::before {
    background: url('https://ecofresh.com.co/wp-content/uploads/2026/05/mini-citric-4.png') center center/contain no-repeat !important;
}
.wapf-field-row:nth-child(2) .wapf-field-label::before {
    background: url('https://ecofresh.com.co/wp-content/uploads/2026/05/mini-herbal-2.png') center center/contain no-repeat !important;
}
.wapf-field-row:nth-child(3) .wapf-field-label::before {
    background: url('https://ecofresh.com.co/wp-content/uploads/2026/05/mini-frescura-2.png') center center/contain no-repeat !important;
}

/* --------------------------------------------------------------------------
   3. SELECTORES CÁPSULA (BOTONES CONTADORES)
   -------------------------------------------------------------------------- */
.wapf-field-input {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 40px !important;
    padding: 3px 6px !important;
    width: 125px !important;
    height: 38px !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
    margin: 0 auto !important;
}

.wapf-field-container.is-active .wapf-field-input {
    background: #ffffff !important;
    border-color: #8bbd54 !important;
}

.qty-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;      
    max-width: 28px !important;      
    min-height: 28px !important;
    max-height: 28px !important;
    aspect-ratio: 1 / 1 !important;  
    border-radius: 50% !important;
    flex-shrink: 0 !important;       
    padding: 0 !important;           
    margin: 0 !important;
    line-height: 1 !important;
    border: none !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.qty-btn:hover:not(:disabled) {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

.wapf-field-container.is-active .qty-btn:not(:disabled) { color: #8bbd54 !important; }
.wapf-field-container.is-active .qty-btn:hover:not(:disabled) { background: #f0fdf4 !important; }

.wapf-input {
    width: 32px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    padding: 0 !important;
    margin: 0 !important;
}

.qty-btn:disabled { opacity: 0.2 !important; cursor: not-allowed !important; }
.wapf-input::-webkit-outer-spin-button, .wapf-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.wapf-input[type=number] { -moz-appearance: textfield; }

/* --------------------------------------------------------------------------
   4. RESUMEN EN VIVO Y BARRA STICKY
   -------------------------------------------------------------------------- */
.combo-live-summary {
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 24px 0;
    padding: 10px 16px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
    font-size: 13px;
    color: #475569;
}
.summary-title { font-weight: 700; color: #1e293b; }
.summary-item { display: inline-flex; align-items: center; gap: 6px; }
.summary-item img { width: 22px; height: 22px; object-fit: contain; }

.combo-summary-sticky {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 13px !important;
    gap: 12px !important;
    margin-right: 15px !important;
    margin-left: 10px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.combo-summary-warning {
    color: #d97706 !important;
    font-weight: 700 !important;
    background: #fdf6e3 !important;
    padding: 0 16px !important;
    border-radius: 50px !important;
    border: 1px solid #fde68a !important;
}

.combo-summary-complete {
    color: #16a34a !important;
    font-weight: 700 !important;
    background: #f0fdf4 !important;
    padding: 0 16px !important;
    border-radius: 50px !important;
    border: 1px solid #bbf7d0 !important;
    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.08) !important;
}

.sticky-flavor-item { display: inline-flex !important; align-items: center !important; gap: 4px !important; }

/* --------------------------------------------------------------------------
   5. OPTIMIZACIÓN EN MÓVIL (MANTIENE LA FILA FLUIDA)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .combo-controls-wrapper {
        display: flex !important;
        flex-wrap: wrap !important; 
        gap: 8px !important;
        width: 100% !important;
    }
    
    .combo-progress {
        flex: 1 1 100% !important;
        height: 40px !important;
        font-size: 12px !important;
        white-space: normal !important; /* En móvil sí permitimos que se adapte si es muy angosto */
    }
    
    .combo-random-btn, .combo-whatsapp-btn {
        flex: 1 !important;
        height: 40px !important;
        font-size: 12px !important;
        padding: 0 8px !important;
        white-space: nowrap !important;
    }

    .wapf-field-group { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 12px !important; 
    }
    
    .wapf-field-container {
        display: flex !important; 
        flex-direction: row !important;
        align-items: center !important; 
        justify-content: space-between !important;
        padding: 12px 14px !important; 
        border-radius: 14px !important;
    }

    .wapf-field-label { 
        margin: 0 !important; 
        text-align: left !important; 
        display: flex !important; 
        align-items: center !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        flex: 1 !important;
        padding-right: 6px !important;
        white-space: normal !important; 
    }
    
    .wapf-field-row:nth-child(1) .wapf-field-label::before,
    .wapf-field-row:nth-child(2) .wapf-field-label::before,
    .wapf-field-row:nth-child(3) .wapf-field-label::before { 
        width: 42px !important; 
        height: 42px !important; 
        margin: 0 10px 0 0 !important; 
    }

    .wapf-field-input { 
        margin: 0 !important; 
        width: 112px !important;
        height: 36px !important;
        padding: 3px 4px !important;
    }
    
    .qty-btn {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        max-width: 26px !important;
        font-size: 15px !important;
    }
    
    .wapf-input {
        width: 30px !important;
        font-size: 14px !important;
    }
}

/* Ocultar elementos duplicados en barra sticky de Woodmart */
.wd-sticky-add-to-cart .wapf, .wd-sticky-add-to-cart .wapf-wrapper, 
.wd-sticky-add-to-cart .wapf-field-group, .wd-sticky-add-to-cart .wapf-field-row,
.wd-sticky-btn-cart .wapf, .wd-sticky-btn-cart .wapf-wrapper, 
.wd-sticky-btn-cart .wapf-field-group, .wd-sticky-btn-cart .wapf-field-row, 
.wd-sticky-btn-cart .wapf-field-container { display: none !important; }

/* Ocultar el texto original en inglés */
.wd-header-my-account .wd-tools-text {
    font-size: 0 !important;
}

/* Inyectar el texto correcto en español */
.wd-header-my-account .wd-tools-text::before {
    content: "MI CUENTA" !important;
    font-size: 13px !important; /* Ajusta el tamaño de la letra si lo ves muy grande o pequeño */
}

/* 1. SEGURO DE DESBORDAMIENTO: Fuerza a las filas de Woodmart a dejar salir el logo */
.whb-general-header, 
.whb-row, 
.whb-column,
.whb-main-header,
.whb-flex-row {
    overflow: visible !important;
}

/* 2. EFECTO FLOTANTE DIRECTO EN DESKTOP */
@media (min-width: 1025px) {
    
    /* Apuntamos al contenedor principal del logo que vimos en tu inspector */
    .site-logo {
        position: relative !important;
        z-index: 999 !important; /* Lo posiciona por encima del video */
        
        /* EMPUJE: Lo bajamos un 25% para que rompa la línea blanca y flote sobre el video */
        transform: translateY(25%) !important; 
        
        /* SOMBRA: Le da volumen y despegue visual */
        filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.15));
        
        /* TRANSICIÓN: Para que el movimiento al pasar el mouse sea una seda */
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease !important;
    }

    /* TAMAÑO DEL LOGO: Como el cliente lo quiere destacar, aquí controlamos su presencia */
    .site-logo img {
        max-height: 115px !important; /* Ajusta este número si lo quieres un poco más grande o pequeño */
        width: auto !important;
    }

    /* 3. INTERACCIÓN DINÁMICA (Efecto Hover) */
    .site-logo:hover {
        /* Baja un pelín más y se agranda un 4% de forma interactiva */
        transform: translateY(28%) scale(1.04) !important;
        /* Reacciona con un aura sutil del verde Ecofresh */
        filter: drop-shadow(0px 12px 20px rgba(139, 189, 84, 0.4));
    }
}

/*inicio codifo mariposas
 * /* DISEÑO Y ANIMACIÓN DE LAS MARIPOSAS FLOTANTES */
.ecofresh-butterfly-particle {
    position: fixed;
    pointer-events: none;
    z-index: 999999 !important;
    transform: translate(-50%, -50%);
    opacity: 0;
    backface-visibility: hidden;
    will-change: transform, opacity;
    animation: 
        bflyVuelo 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
        bflyAleteo 0.15s ease-in-out infinite alternate;
}

@keyframes bflyVuelo {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
    }
    20% {
        opacity: 0.85;
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--bfly-x-move)), calc(-50% - 60px)) scale(0.8) rotate(var(--bfly-rot));
    }
}

@keyframes bflyAleteo {
    0% {
        transform: translate(-50%, -50%) scaleX(1);
    }
    100% {
        transform: translate(-50%, -50%) scaleX(0.2); /* Simula el ala cerrándose por completo */
    }
}

/* Ocultar el botón nativo de subir de WoodMart */
.scrollToTop {
    display: none !important;
}

/* Cambiar solo el botón de Instagram al verde de WhatsApp */
.wd-sticky-social .social-instagram {
    background-color: #8cbd54 !important;
    color: #ffffff !important;
}

/* Efecto al pasar el cursor (Hover) */
.wd-sticky-social .social-instagram:hover {
    background-color: #8cbd54 !important;
}

/* Redondear solo los bordes izquierdos de la barra de redes sociales */
.wd-sticky-social .wd-social-icon {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/* Estiliza el desplegable de ciudad (Select2) para que combine con los demás campos del checkout */
.select2-container--default .select2-selection--single {
  height: 46px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal;
  padding: 0;
  color: #333;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
  right: 10px;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #999;
}

/* Caja de búsqueda dentro del dropdown abierto */
.select2-search--dropdown .select2-search__field {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 14px;
}

/* Lista de resultados */
.select2-results__option {
  padding: 8px 12px;
  font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #333; /* cambia este color por el color de marca de WoodMart si quieres */
}

.select2-dropdown {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}

#billing_city_text_field {
    display: none !important;
}

/* ==========================================================================
   LOGO AJUSTADO: MÁS GRANDE Y MÁS ABAJO EN MÓVIL
   ========================================================================== */
@media (max-width: 1024px) {
    /* Fijamos el logo en la parte superior */
    .whb-main-header .site-logo,
    .whb-clone .site-logo {
        position: fixed !important;
        top: 15px !important; /* Ajusta este valor si quieres que baje más desde el borde superior */
        left: 50% !important;
        transform: translateX(-50%) !important; 
        z-index: 999999 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Aumentamos el tamaño. Si 90px sigue siendo pequeño, puedes subir a 100px o 110px */
    .site-logo img {
        max-height: 90px !important; 
        width: auto !important;
        filter: drop-shadow(0px 6px 8px rgba(0,0,0,0.2)) !important;
    }
}

/* BARRA FLOTANTE PREMIUM (Escritorio / PC) */
.ecofresh-floating-bar {
    position: fixed !important;
    bottom: 25px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: fit-content !important;
    max-width: 92vw !important;

    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 100px !important;

    padding: 8px 8px 8px 26px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;

    z-index: 999999 !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(140, 182, 94, 0.06) !important;
    box-sizing: border-box !important;
    animation: bar-float-in 0.6s ease !important;
}

@keyframes bar-float-in {
    from { opacity: 0; transform: translateX(-50%) translateY(20px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* Texto */
.floating-bar-text {
    color: #2c2c2c !important;
    font-family: sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
    text-align: left !important;
}

/* Botón */
.floating-bar-btn {
    flex-shrink: 0 !important;
    background: linear-gradient(135deg, #9cd26b 0%, #7fb84e 100%) !important;
    color: #122405 !important;
    padding: 14px 24px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 14px rgba(124, 178, 76, 0.45) !important;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
    animation: btn-pulse 2.4s ease-in-out infinite !important;
    line-height: 1 !important;
}

.floating-bar-btn:hover {
    background: linear-gradient(135deg, #a8de78 0%, #8cc65a 100%) !important;
    transform: scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(124, 178, 76, 0.6) !important;
    animation-play-state: paused !important;
}

.floating-bar-btn:active {
    transform: scale(0.97) !important;
}

@keyframes btn-pulse {
    0%, 100% { box-shadow: 0 4px 14px rgba(124, 178, 76, 0.45); }
    50%      { box-shadow: 0 4px 20px rgba(124, 178, 76, 0.75), 0 0 0 6px rgba(124, 178, 76, 0.12); }
}

/* AJUSTE PARA CELULARES */
@media (max-width: 768px) {
    .ecofresh-floating-bar {
        bottom: 20px !important;
        left: 16px !important;
        right: 84px !important;   /* deja el espacio para el botón de WhatsApp */

        transform: none !important;
        width: auto !important;
        max-width: none !important;
        height: 54px !important;

        padding: 6px 6px 6px 16px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(140, 182, 94, 0.06) !important;

        display: flex !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .floating-bar-text {
        text-align: left !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        padding-right: 5px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .floating-bar-btn {
        padding: 0 16px !important;
        height: 100% !important;
        font-size: 11px !important;
        border-radius: 40px !important;
    }
}

/* Corrección de alineación del formulario de cupón */
form.checkout_coupon.woocommerce-form-coupon {
    display: flex !important;
    align-items: center !important; /* Alinea perfectamente la altura del botón e input */
    justify-content: flex-start !important;
    gap: 12px !important; /* Espacio horizontal entre el campo y el botón */
    flex-wrap: wrap !important;
}

/* Reset de los contenedores de párrafo de WooCommerce */
form.checkout_coupon.woocommerce-form-coupon p.form-row {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Asegurar misma altura para el input y el botón */
form.checkout_coupon.woocommerce-form-coupon input#coupon_code {
    height: 42px !important;
    margin: 0 !important;
}

form.checkout_coupon.woocommerce-form-coupon button[name="apply_coupon"] {
    height: 42px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}