.elementor-5824 .elementor-element.elementor-element-1d226b2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--padding-top:0140px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-5824 .elementor-element.elementor-element-1d226b2:not(.elementor-motion-effects-element-type-background), .elementor-5824 .elementor-element.elementor-element-1d226b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-1d226b2 *//* =====================================================
   OASIS SHOP V3
====================================================== */

/* CONTENEDOR */

.oasis-shop{
    max-width:1450px;
    margin:auto;
    padding:60px 30px;
}

/* HEADER */

.oasis-shop-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:50px;
    gap:25px;
    flex-wrap:wrap;
}

.oasis-shop-info h1{
    font-size:44px;
    margin:0;
    font-weight:700;
}

.oasis-shop-info p{
    margin-top:10px;
    color:#7B7B7B;
    font-size:17px;
}

/* GRID */

.oasis-products{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:35px;
}

/* CARD */

.oasis-product{
    background:#FFFFFF;
    border-radius:22px; /* Mantiene la tarjeta redondeada, los botones serán rectos */
    overflow:hidden;
    transition:.30s;
    box-shadow:0 8px 28px rgba(0,0,0,.06);
}

.oasis-product:hover{
    transform:translateY(-10px);
    box-shadow:0 22px 50px rgba(0,0,0,.12);
}

.oasis-product a{
    text-decoration:none;
    color:inherit;
    display:block;
}

/* IMAGEN */

.oasis-image{
    background:#FAFAFA;
    padding:45px;
    aspect-ratio:1/1;
    display:flex;
    justify-content:center;
    align-items:center;
}

.oasis-image img{
    width:100%;
    max-height:240px;
    object-fit:contain;
    transition:.35s;
}

.oasis-product:hover img{
    transform:scale(1.07);
}

/* CONTENIDO */

.oasis-content{
    padding:28px;
}

/* TITULO */

.oasis-content h3{
    font-size:24px;
    line-height:1.35;
    font-weight:700;
    min-height:70px;
    margin-bottom:18px;
}

/* PRECIO */

.oasis-price{
    font-size:34px;
    font-weight:800;
    color:rgb(0, 16, 140);
    margin-bottom:22px;
}

/* BOTÓN */

.oasis-button{
    display:block;
    width:100%;
    padding:17px;
    text-align:center;
    border-radius:0; /* Esquinas rectas basadas en la imagen adjunta */
    background:rgb(0, 16, 140);
    color:#FFFFFF !important;
    font-size:17px;
    font-weight:700;
    transition:.30s;
}

.oasis-product:hover .oasis-button{
    background:rgb(0, 11, 100);
}

/* RESPONSIVE */

@media(max-width:1200px){
    .oasis-products{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:900px){
    .oasis-products{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:640px){
    .oasis-products{
        grid-template-columns:1fr;
    }
    .oasis-shop{
        padding:35px 20px;
    }
    .oasis-content h3{
        font-size:22px;
    }
    .oasis-price{
        font-size:30px;
    }
}

/* =====================================================
   OASIS SHOP - FILTROS (agregar al final de oasis-shop.css)
====================================================== */

/* Contenedor del form de filtros */
.oasis-shop-filters{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:40px;
    padding:22px;
    background:#FAFAFA;
    border-radius:0; /* Esquinas rectas para unificar estilo */
}

/* Reusa el look de tu .oasis-shop-sort para los dos selects */
.oasis-shop-filters .oasis-shop-sort{
    margin:0;
}

.oasis-shop-filters select{
    appearance:none;
    -webkit-appearance:none;
    background:#FFFFFF;
    border:1.5px solid #E4E4E4;
    border-radius:0; /* Esquinas rectas */
    padding:13px 40px 13px 18px;
    font-size:15px;
    font-weight:600;
    color:rgb(0, 16, 140);
    cursor:pointer;
    transition:.25s;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%2300108C' stroke-width='2' fill='none' fill-rule='evenodd'/></svg>");
    background-repeat:no-repeat;
    background-position:right 16px center;
    min-width:190px;
}

.oasis-shop-filters select:hover{
    border-color:rgb(0, 16, 140);
}

.oasis-shop-filters select:focus{
    outline:none;
    border-color:rgb(0, 16, 140);
    box-shadow:0 0 0 3px rgba(0, 16, 140, .10);
}

/* Link "Limpiar filtros" */
.oasis-clear-filters{
    font-size:15px;
    font-weight:700;
    color:#7B7B7B;
    text-decoration:underline;
    white-space:nowrap;
    transition:.2s;
}
.oasis-clear-filters:hover{
    color:rgb(0, 16, 140);
}

/* Estado sin productos */
.oasis-no-products{
    grid-column:1 / -1;
    text-align:center;
    padding:80px 20px;
    color:#7B7B7B;
}
.oasis-no-products p{
    font-size:18px;
    margin-bottom:24px;
}

/* Paginacion */
.oasis-pagination{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:50px;
}
.oasis-pagination .page-numbers{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:44px;
    padding:0 14px;
    border-radius:0; /* Esquinas rectas */
    background:#FFFFFF;
    color:rgb(0, 16, 140);
    font-weight:700;
    text-decoration:none;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
    transition:.25s;
}
.oasis-pagination .page-numbers:hover{
    background:rgb(0, 16, 140);
    color:#FFFFFF;
}
.oasis-pagination .page-numbers.current{
    background:rgb(0, 16, 140);
    color:#FFFFFF;
}

/* BUSQUEDA */
.oasis-filter-search{
    display:flex;
    align-items:center;
    background:#FFFFFF;
    border:1.5px solid #E4E4E4;
    border-radius:0; /* Esquinas rectas */
    overflow:hidden;
    flex:1 1 220px;
    min-width:200px;
    transition:.25s;
}
.oasis-filter-search:focus-within{
    border-color:rgb(0, 16, 140);
    box-shadow:0 0 0 3px rgba(0, 16, 140, .10);
}
.oasis-filter-search input{
    border:none;
    outline:none;
    padding:13px 12px 13px 18px;
    font-size:15px;
    width:100%;
    color:rgb(0, 16, 140);
    background:transparent;
}
.oasis-filter-search input::placeholder{
    color:#B0B0B0;
}
.oasis-filter-search button{
    border:none;
    background:transparent;
    color:rgb(0, 16, 140);
    padding:0 16px;
    cursor:pointer;
    display:flex;
    align-items:center;
    height:48px;
}
.oasis-filter-search button:hover{
    color:rgb(0, 11, 100);
}

/* RANGO DE PRECIO */
.oasis-filter-price{
    display:flex;
    align-items:center;
    gap:8px;
}
.oasis-filter-price input[type="number"]{
    width:110px;
    border:1.5px solid #E4E4E4;
    border-radius:0; /* Esquinas rectas */
    padding:13px 14px;
    font-size:15px;
    font-weight:600;
    color:rgb(0, 16, 140);
    outline:none;
    transition:.25s;
    -moz-appearance:textfield;
}
.oasis-filter-price input[type="number"]::-webkit-outer-spin-button,
.oasis-filter-price input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}
.oasis-filter-price input[type="number"]:focus{
    border-color:rgb(0, 16, 140);
    box-shadow:0 0 0 3px rgba(0, 16, 140, .10);
}
.oasis-filter-price span{
    color:#7B7B7B;
    font-weight:600;
}
.oasis-apply-price{
    border:none;
    background:rgb(0, 16, 140);
    color:#FFFFFF;
    font-weight:700;
    font-size:14px;
    padding:13px 20px;
    border-radius:0; /* Esquinas rectas */
    cursor:pointer;
    transition:.25s;
    white-space:nowrap;
}
.oasis-apply-price:hover{
    background:rgb(0, 11, 100);
}

/* RESPONSIVE */
@media(max-width:900px){
    .oasis-shop-filters{
        flex-direction:column;
        align-items:stretch;
    }
    .oasis-filter-search,
    .oasis-shop-cats,
    .oasis-shop-sort{
        width:100%;
    }
    .oasis-shop-cats select,
    .oasis-shop-sort select{
        width:100%;
    }
    .oasis-filter-price{
        width:100%;
    }
    .oasis-filter-price input[type="number"]{
        flex:1;
        width:auto;
    }
}

@media(max-width:640px){
    .oasis-shop-filters{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }
    .oasis-shop-filters select{
        width:100%;
    }
}/* End custom CSS */