.elementor-2211 .elementor-element.elementor-element-796c8d16{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2211 .elementor-element.elementor-element-2496b728{text-align:center;}.elementor-2211 .elementor-element.elementor-element-2496b728 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:34px;font-weight:bold;line-height:1em;letter-spacing:-0.7px;color:#FFFFFF;}#elementor-popup-modal-2211 .dialog-widget-content{animation-duration:0.8s;background-color:#000D1DE0;}#elementor-popup-modal-2211{background-color:rgba(176, 182, 182, 0.7);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-2211 .dialog-message{width:900px;height:100vh;align-items:center;}#elementor-popup-modal-2211 .dialog-close-button{display:flex;top:20px;font-size:22px;}body:not(.rtl) #elementor-popup-modal-2211 .dialog-close-button{right:20px;}body.rtl #elementor-popup-modal-2211 .dialog-close-button{left:20px;}#elementor-popup-modal-2211 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-2211 .dialog-close-button svg{fill:#FFFFFF;}#elementor-popup-modal-2211 .dialog-close-button:hover i{color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-2211 .elementor-element.elementor-element-2496b728 .elementor-heading-title{font-size:32px;}#elementor-popup-modal-2211 .dialog-message{width:100vw;}#elementor-popup-modal-2211{justify-content:center;align-items:center;}}@media(min-width:768px){.elementor-2211 .elementor-element.elementor-element-796c8d16{--content-width:560px;}}@media(max-width:767px){.elementor-2211 .elementor-element.elementor-element-796c8d16{--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-2211 .elementor-element.elementor-element-2496b728 .elementor-heading-title{font-size:22px;line-height:1.2em;}#elementor-popup-modal-2211 .dialog-message{width:100vw;}}/* Start custom CSS for wp-widget-woocommerce_product_search, class: .elementor-element-7cf4680 *//* Obligamos al formulario a comportarse como una sola fila rígida */
.buscador-general .woocommerce-product-search {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    border: none !important; /* El borde que envuelve a ambos */
    overflow: hidden; /* Corta lo que sobresalga */
    
}

/* El cuadro de texto: le quitamos su propio borde para usar el del contenedor */
.buscador-general .woocommerce-product-search input[type="search"] {
    flex: 1 !important;
    border: 1px solid #ccc !important;
    background-color: transparent;
    color: #fff;
    height: 62px !important;
    padding: 0 15px !important;
    margin: 0 -5px 0 0 !important;
    max-width: 85% !important; /* Evita que crezca de más */
}

.buscador-general .woocommerce-product-search input:active{
        border: 1px solid #ccc !important;
  
}

/* El botón: se pega a la derecha */
.buscador-general .woocommerce-product-search button {
    background-color: #fff !important;
    min-width: 15% !important;
    height: 62px !important;
    border-radius: 0 35px 35px 0 !important; /* El redondeado de la derecha */
    color: transparent !important;
    position: relative !important;
    flex-shrink: 0 !important; /* Impide que el botón se achique */
    border: none !important;
    margin: 0 !important;
}

/* El icono de la lupa */
.buscador-general .woocommerce-product-search button::before {
content: ""; /* Quitamos el código \f002 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px; /* Tamaño de la lupa */
    height: 20px;
    /* Dibujamos la lupa con un SVG en blanco */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23161f36' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    visibility: visible !important;
    display: block !important;
}


/* 5. Efecto Hover */
.buscador-general .woocommerce-product-search button:hover {
    background-color: #e3e3ee !important;

}



/* ELIMINAR EL BORDE AZUL (OUTLINE) AL HACER CLIC */

/* Aplicado al input de búsqueda */
.buscador-general .woocommerce-product-search input[type="search"]:focus {
    outline: none !important;
    box-shadow: none !important; /* Algunos navegadores usan sombra en lugar de borde */
    border: 1px solid #ccc !important; /* Mantenemos el borde gris que ya definiste */
}

/* Aplicado al botón por si acaso */
.buscador-general .woocommerce-product-search button:focus {
    outline: none !important;
    box-shadow: none !important;
}/* End custom CSS */