.elementor-795 .elementor-element.elementor-element-6f0eef5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-795 .elementor-element.elementor-element-a736266{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-795 .elementor-element.elementor-element-ab7260c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-795 .elementor-element.elementor-element-3b7662e{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-795 .elementor-element.elementor-element-3b7662e.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-795 .elementor-element.elementor-element-583e8ca{--grid-columns:1;}.elementor-795 .elementor-element.elementor-element-583e8ca > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-795 .elementor-element.elementor-element-583e8ca .elementor-pagination{text-align:center;}.elementor-795 .elementor-element.elementor-element-f4ad720{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6E6E6;--border-color:#E6E6E6;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-795 .elementor-element.elementor-element-0108282 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:600;text-transform:uppercase;font-style:italic;line-height:31px;}@media(max-width:1024px){.elementor-795 .elementor-element.elementor-element-583e8ca{--grid-columns:2;}}@media(max-width:767px){.elementor-795 .elementor-element.elementor-element-6f0eef5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-795 .elementor-element.elementor-element-583e8ca{--grid-columns:1;}.elementor-795 .elementor-element.elementor-element-0108282 .elementor-heading-title{font-size:13px;line-height:1.7em;}}@media(min-width:768px){.elementor-795 .elementor-element.elementor-element-ab7260c{--width:33.3333%;}.elementor-795 .elementor-element.elementor-element-f4ad720{--width:66.6666%;}}/* Start custom CSS for shortcode, class: .elementor-element-3b7662e *//* 1. Contenedor principal forzado al 100% */
.facetwp-type-search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important; /* <--- Fuerza el estiramiento */
    display: block !important; /* <--- Evita que se encoja */
    margin: 0 0 30px 0;
    position: relative;
}

/* 2. La caja de texto forzada */
.facetwp-type-search input.facetwp-search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important; /* <--- Fuerza el estiramiento */
    box-sizing: border-box !important; /* <--- Evita que el padding lo deforme */
    padding: 18px 25px !important;
    font-size: 16px !important;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50px !important; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

/* 3. Efecto Focus */
.facetwp-type-search input.facetwp-search:focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15) !important;
}

/* 4. Quitar la lupa */
.facetwp-type-search .facetwp-icon {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-583e8ca *//* Estilo para los botones de paginación */
.elementor-795 .elementor-element.elementor-element-583e8ca .elementor-pagination {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.elementor-795 .elementor-element.elementor-element-583e8ca .elementor-pagination a, 
.elementor-795 .elementor-element.elementor-element-583e8ca .elementor-pagination span {
    padding: 8px 20px !important;
    border: 1px solid #e0e6f7; /* Un gris azulado suave */
    border-radius: 50px; /* Estilo cápsula */
    text-decoration: none !important;
    color: #333 !important;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #ffffff;
}

/* Efecto al pasar el mouse (Hover) */
.elementor-795 .elementor-element.elementor-element-583e8ca .elementor-pagination a:hover {
    background-color: #f0f4ff; /* El celeste de tu logo muy bajito */
    border-color: #31a9e1; /* El azul de tu logo */
    color: #31a9e1 !important;
    transform: translateY(-2px);
}

/* Estilo para el número de página activo (si decides usar números después) */
.elementor-795 .elementor-element.elementor-element-583e8ca .elementor-pagination .current {
    background-color: #31a9e1 !important;
    color: white !important;
    border-color: #31a9e1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab7260c *//* Solo se aplica en Escritorio (pantallas mayores a 1024px) */
@media (min-width: 1025px) {
    .elementor-795 .elementor-element.elementor-element-ab7260c {
        height: calc(100vh - 150px); /* Ajusta según el alto de tu cabecera */
        overflow-y: auto;
        position: sticky;
        top: 130px; /* Ajusta para que no se pegue al borde superior */
    }
}

/* Estilo para la barra de scroll (Solo escritorio) */
@media (min-width: 1025px) {
    .elementor-795 .elementor-element.elementor-element-ab7260c::-webkit-scrollbar {
        width: 5px;
    }
    .elementor-795 .elementor-element.elementor-element-ab7260c::-webkit-scrollbar-thumb {
        background: #ced4da;
        border-radius: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4ad720 *//* Solo se aplica en Escritorio (pantallas mayores a 1024px) */
@media (min-width: 1025px) {
    .elementor-795 .elementor-element.elementor-element-f4ad720 {
        height: calc(100vh - 150px); /* Ajusta según el alto de tu cabecera */
        overflow-y: auto;
        position: sticky;
        top: 130px; /* Ajusta para que no se pegue al borde superior */
    }
}

/* Estilo para la barra de scroll (Solo escritorio) */
@media (min-width: 1025px) {
    .elementor-795 .elementor-element.elementor-element-f4ad720::-webkit-scrollbar {
        width: 5px;
    }
    .elementor-795 .elementor-element.elementor-element-f4ad720::-webkit-scrollbar-thumb {
        background: #ced4da;
        border-radius: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f0eef5 *//* PC: Pantalla dividida */
@media (min-width: 1025px) {
    .elementor-795 .elementor-element.elementor-element-6f0eef5 {
        height: calc(100vh - 100px);
        overflow-y: auto;
    }
}

/* MÓVIL: Liberación total */
@media (max-width: 1024px) {
    .elementor-795 .elementor-element.elementor-element-6f0eef5 {
        height: auto !important; 
        min-height: 0 !important; /* Quita cualquier altura mínima */
        max-height: none !important; 
        overflow: visible !important;
        width: 100% !important;
        position: relative !important; /* Asegura que no esté en fixed o absolute */
    }
}/* End custom CSS */