/**
Theme Name: Astra child
Author: e-tecnia
Author URI: https://e-tecnia.es
Description: 
Version: 1.0.2
Text Domain: astra-child
Template: astra
*/



.filter-form {
    /* ///  END DECORATION CSS  ///  *//* etiqueta <p> con la opcion selecionada  *//* Ponemos un color de fondo y redondeamos las esquinas del thumb *//* Cambiamos el fondo y agregamos una sombra cuando esté en hover *//* Cambiamos el fondo cuando esté en active */
}

@media (min-width: 992px) {
    .filter-form {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.filter-form .form-group {
    position: relative;
    flex: 1;
    min-height: 70px;
    padding: 20px;
}

@media (min-width: 576px) {
    .filter-form .form-group {
        padding: 0 20px;
        border-bottom: 0;
    }
}

.filter-form .cont_select_center {
    width: 100%;
}

.filter-form .icon_select_mate {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 16px;
    height: 22px;
    transition: all 275ms;
    cursor: pointer;
}

@media (min-width: 576px) {
    .filter-form .icon_select_mate {
        top: 50px;
        right: 25px;
    }
}

.filter-form label {
    display: block;
    color: var(--e-global-color-0d28bcc );
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    cursor: pointer;
}

@media (min-width: 576px) {
    .filter-form label {
        font-size: 22px;
    }
}

.filter-form .select_mate {
    width: 100%;
    font-size: 1.13rem;
    transition: all 375ms ease-in-out;
    border: 2px solid var(--e-global-color-ffd2492 );
    border-radius: 10px !important;
    padding: 2px;
    /* Oculto el elemento select */
}

.filter-form .select_mate select {
    position: absolute;
    overflow: hidden;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.filter-form .select_mate p {
    margin: 0 !important;
    font-size: 16px;
}

@media (min-width: 576px) {
    .filter-form .select_mate p {
        background-color: #fff;
        font-size: 1.5rem !important;
        transition: all 375ms ease-in-out;
        padding: 5px 10px !important;
        width: 100%;
        height: 40px !important;
        color: var(--e-global-color-primary ) !important;
        display: flex;
        align-items: center;
    }
}

.filter-form .select_mate svg {
    fill: var(--e-global-color-ffd2492 ) !important;
}

.filter-form .cont_list_select_mate {
    position: relative;
    width: 100%;
    top: -25px;
}

.filter-form .cont_select_int {
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 999;
    overflow: hidden;
    height: 0;
    width: 100%;
    background-color: var(--e-global-color-ffd2492 );
    padding: 0;
    margin: 0;
    border-radius: 0 0 3px 3px;
    transition: all 375ms ease-in-out;
    max-height: 400px;
    overflow-y: scroll;
}

@media (max-width: 991.98px) {
    .filter-form .cont_select_int {
        width: 100vw;
        left: -20px;
    }
}

.filter-form .cont_select_int li {
    position: relative;
    float: left;
    width: 100%;
    background-color: var(--e-global-color-0d28bcc );
    list-style-type: none;
    padding: 8px 2%;
    margin: 0;
    transition: all 275ms ease-in-out;
    display: block;
    cursor: pointer;
    font-size: 1.3rem;
    color: white;
}

.filter-form .cont_select_int li:hover {
    background-color: #511213;
}

.filter-form .cont_select_int .active {
    background-color: #511213;
}

.filter-form .selecionado_opcion {
    width: 100%;
    display: block;
    margin: 0;
    cursor: pointer;
}

.filter-form .search-name {
    position: relative;
    background-color: #fff;
    font-size: 1.5rem !important;
    transition: all 375ms ease-in-out;
    padding: 5px 10px !important;
    width: 100%;
    height: 50px;
    color: var(--e-global-color-primary ) !important;


    border-width: 2px;
    border-color: var(--e-global-color-ffd2492 );
    border-radius: 10px;
}

.filter-form .search-name::placeholder{
    color: #CECECE !important;
}

@media (max-width: 1199.98px) {
    .filter-form .search-name {
        width: 100%;
    }
}

.filter-form button.btn-filtrar {
    font-family: "Arial", Sans-serif;
    font-weight: 600;
    fill: var(--e-global-color-707ecc5 );
    color: var(--e-global-color-707ecc5 );
    background-color: var(--e-global-color-ffd2492 );
    border-style: solid;
    border-width: 2px;
    border-color: var(--e-global-color-ffd2492 );
    border-radius: 10px;
    margin-top: 30px;
}

@media (max-width: 991.98px) {
    .filter-form button.btn-filtrar {
        width: 100%;
        margin: 0;
    }
}

.filter-form button.btn-filtrar:hover {
    background: #000;
    border-color: #000;
}

.filter-form .cont_select_int::-webkit-scrollbar {
    width: 4px;
    /* Tamaño del scroll en vertical */
}

.filter-form .cont_select_int::-webkit-scrollbar-thumb {
    background: #511213;
    border-radius: 0;
}

.filter-form .cont_select_int::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
}

.filter-form .cont_select_int::-webkit-scrollbar-thumb:active {
    background-color: #999;
}

@media (max-width: 991.98px) {
    .filtros-interno > .elementor-widget-container {
        background-color: #fff !important;
    }
}

.header-transparent {
    position: absolute;
    width: 100%;
}

.destacados-home span.elementor-icon.elementor-animation- {
    background: var(--e-global-color-0d28bcc );
    padding: 10px;
}

.elementor-970 .elementor-element.elementor-element-50ac236 .elementor-pagination .page-numbers {
    padding: 5px 10px;
}

.elementor-970 .elementor-element.elementor-element-50ac236 .elementor-pagination .page-numbers:hover,
.elementor-970 .elementor-element.elementor-element-50ac236 .elementor-pagination .page-numbers.current {
    background: var(--e-global-color-0d28bcc );
}

.elementor-970 .elementor-element.elementor-element-50ac236 .elementor-pagination .page-numbers.next,
.elementor-970 .elementor-element.elementor-element-50ac236 .elementor-pagination .page-numbers.prev {
    color: var(--e-global-color-0d28bcc );
}

.iconos .elementor-icon-box-wrapper {
    display: flex !important;
    text-align: left !important;
    flex-direction: row !important;
    align-items: center !important;
}

.iconos .elementor-icon-box-wrapper .elementor-icon-box-icon {
    margin-right: var(--icon-box-icon-margin, 15px) !important;
    margin-left: 0 !important;
    margin-bottom: unset !important;
}

.iconos .elementor-icon-box-wrapper .elementor-icon-box-content {
    flex-grow: 1 !important;
}

.iconos .elementor-icon-box-wrapper .elementor-icon-box-content p {
    margin: 0 !important;
}

/*# sourceMappingURL=style.css.map */