/*Estilos Dark*/
body.dark h1,body.dark h2,body.dark h3,body.dark h4{color:var(--blanco);}
body.dark .itemProductoMvendido p{color:var(--blanco);}
body.dark .flexPrecios .precioReal{color:var(--blanco);}
body.dark .cuadritoOferta{background-color:var(--principal);}
body.dark .mostrarTodos{color:var(--blanco);}
body.dark .suscripcion{background-color:var(--principal);}
body.dark .cjSus h5, body.dark .cjSus h6{color:var(--blanco);}
body.dark .cjSus label{color:var(--blanco);}
body.dark .coreoFlexS button:hover{background-color:var(--negro);}
body.dark .filtrotexto{color:var(--blanco);}
body.dark .filtroselect select{color:var(--blanco);}
body.dark .filtroselect select option{color:var(--negro);}
body.dark .flexPrecios .precioOferta{color:var(--blanco);}
h1,h2,h3,h4{
    text-align:center;
    font-weight:600;color:var(--negro);
    font-size:30px;
    padding:40px 0px 10px 0px;
}
h2{margin-bottom:0px;}
h3,h4{margin-bottom:20px;}
.mostrarTodos{
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: -25px;
    margin-bottom: 25px;
    padding: 8 0 8 0;
    border: 1px solid silver;
    width: 185px;
    border-radius: 30px;
    font-size: 13px;
    color: var(--negro);
    align-items: center;
    cursor: pointer;
    letter-spacing: 2px;
    transition: all ease .3s;
}
.mostrarTodos:hover{letter-spacing:1px;}
.mostrarTodos i{font-size:10px;padding-left:5px;}
.dark h2#swal2-title {
    color: var(--negro) !important;
}

.containerMasVendido{
    width:100%;position: relative;
    max-width:1500px;
    height:auto;
    margin:auto;
    display:flex;padding-left:10px;
    padding-right:10px;
}

.itemProductoMvendido{
    min-width:300px;width:310px;margin:10px;
    height:auto;padding-bottom:10px;
    overflow: hidden;
}

.imgPmV1,.imgPmV2{
    width:100%; 
    height:350px;max-height:350px;
}

.itemProductoMvendido:hover > .imgPmV2{
    opacity:1;
}

.imgPmV2{
    margin-top:-350px;
    opacity:0;transition:all ease .3s;
}




/*MANTENIMIENTO*/

.containerMantenimiento {
    padding: 20px;
    border-radius: 10px;
    max-width: 400px;
    margin-top:100px;
}

.containerMantenimiento .icon {
    width:280px;
    animation: bounce 2s infinite;
}

.containerMantenimiento h1 {
    font-size: 22px;
    color: var(--negro);
    padding:0px !important;
}

.containerMantenimiento p {
    color: var(--grisoscuro2);
    margin: 10px 0;
}




/*OFERTA - AGOTADO*/
.cuadritoOferta,.cuadritoAgotado{
    margin-top:0px;position:absolute;
    height:35px;font-weight:350;
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--blanco);
    font-size:16px;z-index:1;
}
.cuadritoOferta{width:70px;background-color:rgb(243, 28, 0);margin-left:240px;}
.cuadritoAgotado{background-color:var(--negro);width:100px;margin-left:210px;}


/*Corazón FAVORITO*/
.favoritoAnadir{
    margin-top:295px;position:absolute;height:60px;width:60px;
    background-color:transparent;z-index:1;cursor: pointer;
    margin-left:250px;display:flex;justify-content:center;align-items:center;
    transition:all ease .3s;
}
.favoritoAnadir i{
    color: rgb(248, 248, 248);font-size:28px;transition:all ease .3s;
    text-shadow: -1px 0 var(--negro), 0 1px var(--negro), 1px 0 var(--negro), 0 -1px var(--negro);
}
.favoritoAnadir:hover  i{
    color:var(--principal);text-shadow:none;transform:scale(1.2);
}

/*Titulo del producto*/
.itemProductoMvendido a{text-decoration:none;color:var(--negro)}
.itemProductoMvendido p{
    font-size:20px;text-align:left;margin-top:10px;line-height:25px;font-weight:500;
}
.flexPrecios{
    display: flex;
    text-align: left;
    align-items:center;
    margin: auto;
    width:100%;
    margin-top: -10px;
}
.flexPrecios span{
    font-size:16px;width:100px;font-weight:400;
}

.controlspanSize{
    font-size:14px;width:100px;font-weight:400;
}

.flexPrecios .precioReal{
    color:var(--negro);font-size:18px;width:100%;
}

.flexPrecios .precioOferta{
    color:var(--negro);font-size:15.5px;text-decoration:line-through;width:100%;
}


/*Puntuaciones*/

.reseniasProductoCantidadProducts{
    display: flex;
    justify-content: space-around;
    align-items:center;
    font-size:12px;
    width:120px;height:30px;overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
    align-items: center;
    margin-top:-20px;
    margin-left:-3px;
}
.reseniasProductoCantidadProducts i{color:rgb(255, 208, 0);}
.reseniasProductoCantidadProducts p{padding-top:3px;}

.reseniasProductoCantidadProductsS{
    display: flex;
    justify-content: space-around;
    align-items:center;
    font-size:12px;
    width:100px;height:30px;overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
    align-items: center;
    margin-top:-20px;
    margin-left:-3px;
}
.reseniasProductoCantidadProductsS i{color:rgb(255, 208, 0);}



.flexPrecios2{
    display: flex;
    text-align: left;
    justify-content: space-between;
    align-items:center;
    width:60%;
    margin-top:0px;
}
.flexPrecios2 span{
    font-size:16px;width:100px;font-weight:400;
}

.flexPrecios2 .precioReal{
    color:var(--negro);font-size:18px;width:100%;
}

.flexPrecios2 .precioOferta{
    color:var(--negro);font-size:15.5px;text-decoration:line-through;width:100%;
}


/*Vista Detalles*/
.lookProduct{
    position:absolute;
    margin-left:15px;z-index:1; margin-top:280px;
    font-size:14px;transition:all ease .3s;
    width:280px;padding-top:10px;padding-bottom:10px;text-align:center;
    background-color: #ffdc41;opacity:0;cursor:pointer;
    border-radius:5px;
}

.itemProductoMvendido:hover .lookProduct{
    margin-top:250px;opacity:1;
}


.categoriasImgEnlaces{
    display:flex;
    margin-top:-30px;margin:auto;
    justify-content:center;
    width:100%;max-width:1550px;
    height:auto;flex-wrap: wrap;
}

.catImgEnlace{
    width:400px;height:280px;background-color: rgb(216, 216, 216);
    margin:15px;overflow:hidden;position: relative;display:flex;justify-content:center;align-items:center;
}

.catImgEnlace img{
    height:100%;width:100%;
    float:right;transition:all ease .3s;
}

.catImgEnlace:hover img{
    opacity:1;transform:scale(1.2);
}

.superponerGenralAimgCe{
    position:absolute;
    width:100%;height:100%;
    display:flex;align-items:center;
    justify-content:center;
}

.superponerAimgCe{
    position:absolute;padding:20px;padding-top:15px;
    width:93%;height:91%;border:2px solid #ffffff;
}

.superponerAimgCe .titulo{
    text-shadow:3px 3px 10px rgba(0, 0, 0, 0.623);padding-bottom:10px;
    font-size:40px;color:var(--blanco);line-height:38px;margin-top:10px;margin-bottom:10px;font-weight:700;text-transform:uppercase;
}

.superponerAimgCe .categoria{
    text-shadow:1px 1px 5px rgba(0, 0, 0, 0.623);
    font-size:25px;color:var(--blanco);
    line-height:35px;margin-top:10px;font-weight:600;text-transform:uppercase;
}
.categoria::after,.categoria::before{
    content:'';
    position:absolute;
    width:50px;height:3px;
    background-color:rgb(255, 255, 255);transition:all ease .3s;
}
.categoria::after{
    margin-top:35px;margin-left:-120px;
}
.categoria::before{
    margin-top:0px;margin-left:10px;
}

.superponerAimgCe:hover .categoria::before{margin-left:80px;}

.superponerAimgCe a{
    background-color:var(--principal);padding:10 20 10 20;letter-spacing:1px;cursor:pointer;
    text-decoration:none;color:var(--blanco);font-weight:500;font-size:15px;transition:all ease .3s;
}

.superponerAimgCe:hover a{
    background-color:var(--negro);letter-spacing:4px;margin-left:-5px;
}






        /* Estilos para el overlay de carga moderno */
    .loading-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .loading-container {
        background: white;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        text-align: center;
        border: 5px solid white;
        animation: pulse 2s infinite;
    }

    .modern-spinner {
        position: relative;
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
    }

    .modern-spinner-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 3px solid transparent;
        border-top-color: #3498db;
        border-radius: 50%;
        animation: spin 1.5s cubic-bezier(0.4, 0.1, 0.2, 0.9) infinite;
    }

    .modern-spinner-inner:nth-child(2) {
        border-top-color: #e74c3c;
        animation-delay: 0.3s;
    }

    .modern-spinner-inner:nth-child(3) {
        border-top-color: #f1c40f;
        animation-delay: 0.6s;
    }

    .loading-text {
        color: #333;
        font-size: 18px;
        font-weight: 500;
        margin-top: 15px;
        font-family: 'Arial', sans-serif;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }



/* Formulario de suscripción */
.suscripcion{
    width:100%;height:auto;
    background-color:#eaeef2;
}

.cjSuscripcion{
    width:100%;max-width:1500px;margin:auto;
    display:flex;justify-content:space-between;
    padding-left:10px;padding-right:10px;height:auto;
}

.cjSus{
    padding:5px;
    height:100%;width:50%;margin:15px;
}

.cjSus h5{
    font-size:50px;font-weight:700;color:var(--principal);margin:0px;text-align:center;
}
.cjSus h6{
    font-size:18px;font-weight:500;color:var(--negro);margin:0px;text-align:center;
}

.flexNombreCorreo{
    display:flex;justify-content:space-between;
    flex-wrap:wrap;margin-bottom:10px;
}
.nombreFlexS{
    width:40%;
    height:auto;
}

.nombreFlexS label,.nombreFlexS input{
    width:100%;color:var(--negro);
}

.nombreFlexS label span{
    color:var(--principal);
}

.coreoFlexS{
    width:55%;
    height:auto;
}

.coreoFlexS label,.coreoFlexS input{
    width:100%;color:var(--negro);
}

.coreoFlexS label span{
    color:var(--principal);
}

.nombreFlexS input,.coreoFlexS input{
    border:none;outline:none;
    padding:10px;border:0.2px solid #d1d1d1;
}

.cjSus form label{
    width:100%;color:var(--negro);font-size:14px;
}


.nombreFlexS select{
    width:100%;border:none;outline:none;border:0.2px solid #d1d1d1;
    padding:10px;background-color:var(--blanco);
}
.coreoFlexS button{
    width:100%;border:none;outline:none;background-color:var(--negro);letter-spacing:2px;
    margin-top:20px;
    padding:10px;border:0.2px solid var(--negro);color:var(--blanco);transition:all ease .3s;
}

.coreoFlexS button:hover{
    letter-spacing:4px;background-color:var(--principal);border:0.2px solid var(--principal);
    cursor:pointer;
}




/*ESTILOS PARA MOSTRAR LAS CATEGORIAS CON SUS IMG*/


.contenedorflexadicionalll{
    width: 100%;
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    margin: auto;
    padding-bottom:40px;
    margin-top:-30px;
    }
    .categoriaOne{
        width:200px;
        height:auto;
        min-height:240px;
        overflow:hidden;
        cursor:pointer;transition:all ease .3s;
        margin:15px;border-radius:10px;text-decoration:none;
    }


    .categoriaOne:hover .containerImgCategoriaOne{
         border:1px solid var(--principal);
    }

    .categoriaOne .containerImgCategoriaOne{
        width:130px;height:130px;
        padding:5px;
        border-radius:50%;
        border:1px solid silver;
        margin-top:15px;transition:all ease .3s;
    } 

    .categoriaOne .containerImgCategoriaOne img{
        width:100%;height:100%;object-fit:cover;border-radius:50%;
    }

    .categoriaOne h2{
        font-size:25px;font-weight:500;margin:0;padding:10px;padding-bottom:2px;
    }

    .nameCategoryGen{
        font-size:18px !important;
    }


    .categoriaOne p{
        font-size:14px;font-weight:400;margin:0;padding:0px;color:var(--grisoscuro2);
    }

    .backgroundColorGris{background-color:#FAFAFA;}
    body.dark .backgroundColorGris{background-color:var(--negro);}

    @media(max-width:800px){
        .categoriaOne{width:160px;min-height:200px;margin:10px;}  
        .categoriaOne .containerImgCategoriaOne{width:90px;height:90px;}
    }

    @media(max-width:560px){
        .categoriaOne{width:110px;min-height:150px;margin:5px;}  
        .categoriaOne h2,.nameCategoryGen{font-size:16px !important;}
        .categoriaOne p{font-size:10px;}
    }

    @media(max-width:368px){
        .categoriaOne{width:100px;min-height:140px;margin:5px;}  
        .categoriaOne h2,.nameCategoryGen{font-size:14px !important;}
        .categoriaOne p{font-size:10px;}
    }

    @media(max-width:330px){
        .categoriaOne{margin:2px;}
    }




/* Estilos para el container de talla y color en el carrito */

    /* color y talla */
    .tallaColorInModal{display:flex;margin-top:0px;margin-bottom:0px;align-items:center;}
    .tallaColorInModal .tallaColorSelecInModal{display:flex;align-items:center;}
    .tallaColorInModal .tallaColorSelecInModal p{padding-right:5px;font-size:10px;}
    .tallaColorInModal .tallaColorSelecInModal:nth-child(1){margin-right:10px;}
    .tallaColorInModal .tallaSeleccionadaInModal{border:solid 1px var(--grisoscuro);display:flex;justify-content:center;padding:2px 10px;font-size:8.5px;}
    .tallaColorInModal .colorSeleccionadoInModal{width:17px;height:17px;border-radius:50%;border:1px solid var(--grisoscuro);}


/*ESTILOS PARA SECCION- DULCES, POSTRES Y TORTAS*/


.claseparatitulodulce{
    width:100%;
    height:auto;
    padding-top:50px;
    padding-bottom:30px;
    text-align:center;color:#414141;font-size:35px;font-family: 'Poppins', Arial, Helvetica, sans-serif;
}



.contenedordemenufiltrador{
    width: 100%;height:auto;padding-left:15px;padding-right:10px;margin-bottom:10px;
}

.filtromenu{display:flex;flex-wrap:wrap;width:100%;max-width:1292px;height:auto;margin:auto;justify-content:right;}

.filtrotexto{width:100px;height:60px;text-align:left;font-size:14px;color:#525252;padding-top:20px;}

.filtroselect{width:100%;height:60px;display:flex;justify-content:right;margin:auto;}

.filtroselect p{color:var(--negro);font-size:14px;padding:5px 10px;}
body.dark .filtroselect p{color:var(--blanco);}

.optionselect {height:60px;width:100%;padding-left:10px;padding-right:10px;background: transparent;
     border: none;outline:none;border:none;}

.optionselect:hover{cursor:pointer;outline:none;border:none;}


.filtroselect select{
display:block;
padding-left:10px;padding-right:10px;padding-top:-3px;
height:60px;width:100%;color:#525252;

height: 60px;
/* background-color: #ffffff; */
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;outline:none;border:none;

}

select:hover{cursor:pointer;outline:none;}
/*Mas estilos para las opciones del select*/
.ddl-select {
    visibility:hidden;
  }
  .ddl {
    position:relative;
    height:60px;
    width:200px;
    text-align:initial;
  }
  .ddl::after {
    content:'';
    position:absolute;
    top:30px;
    right:20px;
    width:11px;
    height:1.5px;
    background:#555;
    z-index:99;
    transform:rotate(-40deg);
    transition:0.5s;
  }
  .ddl::before {
    content:'';
    position:absolute;
    top:30px;
    right:28px;
    width:11px;
    height:1.5px;
    background:#555;
    z-index:99;
    transform:rotate(40deg);
    transition:0.5s;
  }
  .ddl.active::after{
    right:28px;
  }
  .ddl.active::before{
    right:20px;
  }
  .ddl-input {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    padding:10px 20px;
    outline:none;
    border:1px solid #e9e9e9;
  }
  .ddl.active .ddl-options {
    visibility:visible;
    opacity:1;
  }
  .ddl .ddl-options {
    position:absolute;
    width:100%;
    top:55px;
    font-size:15px;
    background:#fff;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
    transition:0.25s;
    z-index: 999;
    border:1px solid #e9e9e9;
  }
  .ddl .ddl-options > div {
    padding: 10px 20px;
    cursor:pointer;
  }
  .ddl .ddl-options > div:hover {
    background: var(--principal);
    color:var(--blanco);
  }



/*Fin de estilos para la página de ver productos*/



/* GALERIA INICIO */

    .galeriaoksi {
        width: 100%;
        max-width: 1300px;
        margin: auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
            margin-bottom: 50px;    
            padding: 0px 15px;
        }

        .contenedor-imagen {
            flex: 1 1 calc(25% - 15px); 
            min-width: 200px;
            max-width: 300px;
            aspect-ratio: 1 / 1; 
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }


        .imagen-adaptativa {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }

        .contenedor-imagen:hover .imagen-adaptativa {
            transform: scale(1.05);
        }


         /* Media queries para responsividad */
        @media (max-width: 1200px) {
            .contenedor-imagen {
                flex: 1 1 calc(25% - 15px);
            }
        }

        @media (max-width: 992px) {
            .contenedor-imagen {
                flex: 1 1 calc(33.333% - 15px);
            }
        }

        @media (max-width: 768px) {
            .contenedor-imagen {
                flex: 1 1 calc(50% - 15px); 
                min-width: calc(50% - 15px); 
                max-width: calc(50% - 15px); 
            }
        }



/*Estilos para las publicidades en la sección inicio*/

.publicidad_a{
    width:700px;
    height:180px;
    border-radius:5px;
    background-color:silver;
    overflow:hidden;
    display:flex;
    transition: all ease .3s;
}

.containImgPublic{
    width:50%;
    transition: all ease .3s;
}

.containImgPublic img{
    width:100%;height:100%;
    transition: all ease .3s;
}

.publicidad_a:hover .containImgPublic{
    transform:scale(1.05);
    transition: all ease .3s;
}

.enlaceInfoPublic{
    width:50%;
    padding:10px 20px;
    text-align:center;
    transition: all ease .3s;
}

.publicidad_a:hover .enlaceInfoPublic{
    transform:scale(1.02);
    transition: all ease .3s;
}

.enlaceInfoPublic h5{
    font-size:23px;font-weight:550;margin:0;padding-top:20px;line-height:26px;padding-bottom:7px;
}

.enlaceInfoPublic p{
    font-size:13px;font-weight:400;margin:0;padding:0px;padding-bottom:12px;
}

.enlaceInfoPublic a{
    font-size:13px; padding:8px 30px;background-color:var(--principal);color:var(--blanco);border-radius:10px;text-decoration:none;letter-spacing:1px;
    transition: all ease .3s;
}

.enlaceInfoPublic a:hover{
    font-size:13px; padding:8px 30px;background-color:var(--principalhover);color:var(--blanco);border-radius:10px;text-decoration:none;letter-spacing:1px;
    transition: all ease .3s;
}



@media(max-width:1480px){.publicidad_a{width:690px;}}
@media(max-width:1435px){.publicidad_a{width:660px;}}
@media(max-width:1370px){.publicidad_a{width:650px;}}
@media(max-width:1350px){.publicidad_a{width:630px;}}
@media(max-width:1305px){.publicidad_a{width:600px;}}
@media(max-width:1250px){.publicidad_a{width:570px;}}
@media(max-width:1180px){.publicidad_a{width:540px;height:160px;}
.enlaceInfoPublic h5{font-size:18px;line-height:21px;} .enlaceInfoPublic p{font-size:12px;}
}
@media(max-width:1125px){.publicidad_a{width:520px;}}
@media(max-width:1090px){.publicidad_a{width:500px;}}
@media(max-width:1050px){.publicidad_a{width:480px;}}
@media(max-width:1005px){.publicidad_a{width:460px;height:150px;}
.enlaceInfoPublic h5{font-size:16px;line-height:18px;}}

@media(max-width:965px){.publicidad_a{width:440px;}}
@media(max-width:925px){.publicidad_a{width:430px;}}
@media(max-width:900px){.publicidad_a{width:420px;height:130px;}.enlaceInfoPublic h5{padding-top:5px;}.enlaceInfoPublic p{font-size:10px;} .enlaceInfoPublic a{font-size:10px;}}
@media(max-width:880px){.publicidad_a{width:410px;}}
@media(max-width:865px){.publicidad_a{width:400px;}.enlaceInfoPublic h5{font-size:15px;}}
@media(max-width:840px){.publicidad_a{width:390px;}}
@media(max-width:820px){.publicidad_a{width:380px;}}
@media(max-width:800px){.publicidad_a{width:100%;height:160px;margin-bottom:20px;}.enlaceInfoPublic h5{font-size:23px;padding-top:10px;line-height:26px;}.enlaceInfoPublic p{font-size:13px;} .enlaceInfoPublic a{font-size:12px;}}
@media(max-width:575px){.enlaceInfoPublic h5{font-size:20px;padding-top:10px;line-height:23px;}.enlaceInfoPublic p{font-size:12px;} .enlaceInfoPublic a{font-size:11px;}}
@media(max-width:550px){.publicidad_a{height:140px;}.enlaceInfoPublic h5{font-size:16px;padding-top:7px;line-height:19px;}.enlaceInfoPublic p{font-size:11px;}}
@media(max-width:500px){

    .publicidad_a{
        flex-wrap: wrap;height:auto;padding: 20px 0px;
    }
    
    .containImgPublic{
        width:100%;display: flex;
    }
    .containImgPublic img{
        width:70%;margin:auto;
    }
    
    
    .enlaceInfoPublic{
        width:100%;
        padding:10px 20px;
    }
    
}

/* Fin de los estilos para las publicidades en la sección inicio*/




/* Contacto */

.contenedordecontactenosgeneral{width:100%;height:auto;}
.contentcontacto{
    width:100%;max-width:1400px;
    height:auto;
    display: flex;flex-wrap: wrap;
    justify-content: space-around;margin: auto;padding-bottom:45px;
}

.contentunocontacto{
    width:500px;
    height:565px;
    background-color:var(--white);
    margin:20px;
    background-repeat:no-repeat;background-size:cover;background-position:50%; margin-bottom:30px;display:flex;justify-content:right;
}

.contentunocontactodos{width:580px;height:600px;margin:20px;}
.imputcontrol{width:100%;padding:15px;border:solid 1.2px var(--colorshadow);margin-top:8px;outline:none;border-radius:5px;background-color:transparent;}
body.dark .imputcontrol{color:var(--blanco);}
.imputcontrol:hover{border:solid 1.2px var(--principal); }
.imputcontrol:focus{
    border:1px solid var(--principalhover);
}

.labelcontrol{width:100%;font-size:15px;font-weight:450;color:#666666;}
body.dark .labelcontrol{ color:var(--blanco);}
.textareacontrol{width:100%;padding:15px;border:solid 1px var(--colorshadow);margin-top:8px;height:120px;max-height:120px;outline:none;background-color:transparent;border-radius:5px;}
body.dark .textareacontrol{color:var(--blanco);}
.textareacontrol:hover{border:solid 1.2px var(--principal); }

#buutttomm{
    outline:none;border:none;background-color:var(--principal);color:#ffffff;padding:15px 20px;cursor:pointer;border-radius:5px;cursor: pointer;transition: all ease .3s;
}

#buutttomm:hover{
    background-color:var(--secundario);
}

.tituloinformacioncontacto{font-size:20px;font-weight:550;color:#ed503b;}
.txtinformacioncontacto{font-size:14px;font-weight:500;color:#666666;}

@media(max-width:1170px){
    .contentunocontacto{width:400px;}
    .contentunocontactodos{width:400px;}
}

@media(max-width:895px){
    .contentunocontacto{width:300px;}
}

@media(max-width:800px){
    .contentunocontactodos{width:300px;}
}

@media(max-width:690px){
    .contentunocontacto{display:none;}
    .contentunocontactodos{width:100%;height:auto;}
}

body.dark .iconobonbon{background-color:var(--negro);color:var(--blanco);box-shadow:none;}

.iconobonbon{width:auto;height:95px;margin:20px;border-radius:5px;padding:20px;border:1px solid var(--grisoscuro);line-height:1;display:flex;flex-wrap:wrap; justify-content: center;
    align-items: center;
    gap: 10px;text-decoration: none;
    color: var(--negro);}



@media(max-width:615px){
.flexPrecios2{width:70%;}
}

@media(max-width:550px){
.iconobonbon{width:100%;height:auto;align-items:center;text-align:center;padding:20px 12px;margin:10px 20px;}
}

@media(max-width:360px){
.texto{font-size:14px;}
}











@media(max-width:1315px){
.catImgEnlace{width:350px;height:230px;}
.superponerAimgCe .titulo{font-size:35px;line-height:34px;}
.superponerAimgCe .categoria{font-size:20px;line-height:30px;}
.superponerAimgCe a{letter-spacing:1px;font-weight:500;font-size:12px;}
.categoria::after{margin-top:30px;margin-left:-95px;}
}

@media(max-width:1224px){
.cjSuscripcion{justify-content:center;flex-wrap:wrap;}
.cjSus{width:100%;}
}


@media(max-width:1155px){
    .catImgEnlace{width:300px;height:180px;}
    .superponerAimgCe{padding-top:0px;}
    .superponerAimgCe .titulo{font-size:30px;line-height:30px;}
    .superponerAimgCe .categoria{font-size:15px;line-height:28px;margin-top:-10px;margin-bottom:15px;}
    .superponerAimgCe a{letter-spacing:1px;font-weight:500;font-size:8px;}
    .categoria::after{margin-top:25px;height:2px;margin-left:-75px;}
    .categoria::before{margin-left:10px;height:2px;}
    .superponerAimgCe:hover .categoria::before{margin-left:20px;}
}

@media(max-width:950px){
/*Reseñas*/
.reseniasProductoCantidadProducts,.reseniasProductoCantidadProductsS{
    margin-top:-10px;
}
}
@media(max-width:850px){
.claseparatitulodulce{padding-top:70px;}
}

@media(max-width:700px){
    .catImgEnlace{width:100%;height:auto;max-height:200px;}
    .catImgEnlace img{object-fit:cover;}
    .superponerAimgCe .titulo{font-size:30px;line-height:34px;}
    .superponerAimgCe .categoria{font-size:25px;line-height:28px;margin-top:10px;margin-bottom:40px;}
    .superponerAimgCe a{letter-spacing:1px;font-weight:500;font-size:15px;}
    .categoria::after{margin-top:30px;height:3px;margin-left:-120px;}
    .categoria::before{margin-left:10px;height:3px;margin-top:-5px;}
    .superponerAimgCe:hover .categoria::before{margin-left:80px;}
}

    



@media(max-width:960px){
    
/*Corazón FAVORITO*/
.favoritoAnadir{
    margin-top:240px;position:absolute;height:40px;width:40px;
    background-color:transparent;z-index:1;cursor: pointer;
    margin-left:185px;display:flex;justify-content:center;align-items:center;
}



    .itemProductoMvendido{min-width:200px;width:200px;}
    .imgPmV1,.imgPmV2{height:255px;max-height:255px;}
    .imgPmV2{margin-top:-255px;}
    .cuadritoOferta,.cuadritoAgotado{font-size:12px;height:30px;}
    .cuadritoOferta{width:70px;margin-left:130px;}
    .cuadritoAgotado{width:90px;margin-left:110px;}
    .favoritoAnadir{ margin-top:205px;margin-left:150px;}
    .itemProductoMvendido p{font-size:13px;line-height:15px;}
    .flexPrecios span{font-size:13px;}
    .flexPrecios .precioReal{font-size:15px;}
    .flexPrecios .precioOferta{font-size:13px;}
    .lookProduct{width:170px;margin-top:170px;}
    .itemProductoMvendido:hover .lookProduct{margin-top:160px;}
    
}


@media(max-width:615px){
    .itemProductoMvendido{min-width:150px;width:150px;}
    .imgPmV1,.imgPmV2{height:190px;max-height:190px;}
    .imgPmV2{ margin-top:-190px;}
    .cuadritoOferta,.cuadritoAgotado{font-size:12px;height:30px;}
    .cuadritoOferta{width:70px;margin-left:80px;}
    .cuadritoAgotado{width:90px;margin-left:60px;}
    .favoritoAnadir{margin-top: 150px;margin-left: 110px;}
    .lookProduct{width:120px;margin-top:140px;padding-top:6px;padding-bottom:6px;font-size:11.5px;}
    .itemProductoMvendido:hover .lookProduct{margin-top:120px;}

    .cjSus{margin:0px;}
    .cjSus h5{font-size:40px;margin-top:10px;}.cjSus h6{font-size:15px;}
    .flexNombreCorreo{justify-content:center;flex-wrap:wrap;}
    .nombreFlexS,.coreoFlexS{width:100%;}
    .coreoFlexS{margin-top:10px;}
    .coreoFlexS button{margin-top:5px;}
}


@media(max-width:500px){
    .itemProductoMvendido{min-width:180px;width:180px;margin:8px;}
    .imgPmV1,.imgPmV2{height:210px;max-height:210px;}
    .imgPmV2{ margin-top:-210px;}
    .cuadritoOferta,.cuadritoAgotado{font-size:10px;height:20px;}
    .cuadritoOferta{width:60px;margin-left:120px;}
    .cuadritoAgotado{width:70px;margin-left:110px;}
    .favoritoAnadir{margin-top:160px;margin-left:135px;}
}


@media(max-width:490px){
    .cjSus h5{font-size:30px;}.cjSus h6{font-size:13px;}
    h1,h2,h3,h4{font-size:22px;}
}

@media(max-width:434px){
.catImgEnlace{margin:15px;}
.superponerAimgCe .titulo{font-size:20px;line-height:30px;}
.superponerAimgCe .categoria{font-size:20px;line-height:22px;}
.superponerAimgCe a{letter-spacing:1px;font-weight:500;font-size:12px;}
.categoria::after{margin-top:25px;height:3px;margin-left:-100px;}
.categoria::before{margin-left:10px;height:3px;margin-top:-5px;}
.superponerAimgCe:hover .categoria::before{margin-left:80px;}

}


@media(max-width:412px){
    .lookProduct{margin-top:130px;}
    .itemProductoMvendido:hover .lookProduct{margin-top:120px;}
    .itemProductoMvendido{margin:4px;}
}



@media(max-width:395px){
    .itemProductoMvendido{min-width:175px;width:175px;}
    .imgPmV1,.imgPmV2{height:195px;max-height:195px;}
    .imgPmV2{ margin-top:-195px;}
    .cuadritoOferta{margin-left:115px;}
    .cuadritoAgotado{margin-left:105px;}
}


@media(max-width:385px){
.itemProductoMvendido{min-width:165px;width:165px;}
.imgPmV1,.imgPmV2{height:190px;max-height:190px;}
.imgPmV2{ margin-top:-190px;}
.cuadritoOferta{width:50px;}
.cuadritoAgotado{width:60px;}
.favoritoAnadir{margin-top: 150px;margin-left: 125px;}
.lookProduct{width:137px;}

}



@media(max-width:377px){
    .itemProductoMvendido{min-width:160px;width:160px;}
    .imgPmV1,.imgPmV2{height:190px;max-height:190px;}
    .imgPmV2{ margin-top:-190px;}
    .cuadritoOferta,.cuadritoAgotado{font-size:10px;height:20px;}
    .cuadritoOferta{width:60px;margin-left:100px;}
    .cuadritoAgotado{width:70px;margin-left:90px;}
    .favoritoAnadir{margin-left: 115px;}
    .lookProduct{width:130px;}
}


@media(max-width:367px){
    .itemProductoMvendido{min-width:150px;width:150px;}
    .imgPmV1,.imgPmV2{height:180px;max-height:180px;}
    .imgPmV2{ margin-top:-180px;}
    .cuadritoOferta,.cuadritoAgotado{font-size:10px;height:20px;}
    .cuadritoOferta{width:60px;margin-left:90px;}
    .cuadritoAgotado{width:70px;margin-left:80px;}
    .favoritoAnadir {margin-top:140px;margin-left: 110px;}
    .lookProduct{width:120px;margin-top:110px;}
    .itemProductoMvendido:hover .lookProduct{margin-top:100px;}
}


@media(max-width:350px){.cjSus h5{font-size:25px;}.cjSus h6{font-size:12px;}}


@media(max-width:340px){
    .itemProductoMvendido{min-width:145px;width:145px;}
    .imgPmV1,.imgPmV2{height:175px;max-height:175px;}
    .imgPmV2{ margin-top:-175px;}
    .cuadritoOferta,.cuadritoAgotado{font-size:10px;height:20px;}
    .cuadritoOferta{width:50px;margin-left:95px;}
    .cuadritoAgotado{width:60px;margin-left:85px;}
    .favoritoAnadir {
        margin-top: 135px;
        margin-left: 100px;}
}



@media(max-width:334px){
    .ocultResponss320{
        display:none;
    }
}


@media(max-width:325px){
   

    .categoriaOne .containerImgCategoriaOne{
        width:70px;height:70px;
    }
    .categoriaOne{margin:0px;}

    .itemProductoMvendido{min-width:130px;width:130px;}
    .imgPmV1,.imgPmV2{height:160px;max-height:160px;}
    .imgPmV2{ margin-top:-160px;}
    .cuadritoOferta,.cuadritoAgotado{font-size:10px;height:20px;}
    .cuadritoOferta{width:60px;margin-left:70px;}
    .cuadritoAgotado{width:60px;margin-left:70px;}
    .favoritoAnadir {
        margin-top: 120px;
        margin-left: 85px;}

    .ddl-input{padding:10px 10px;}
    #totalFiltradoProductos{font-size:12px;text-align:center;}

    .lookProduct{width:97px;}
}

















/*mEDIA qUERYS*/
@media only screen and (max-width:1340px){
  
    .itemdelflexadicional{
    width:380px;transition:all ease .3s;
}


.verdulcesyotros{
    width:220px;transition:all ease .3s;
}





}
   

@media only screen and (max-width:1260px){
  
.itemdelflexadicional{
    width:360px;
}


.verdulcesyotros{
    width:210px;padding-left:20px;
}


}



@media only screen and (max-width:1195px){
  
    .itemdelflexadicional{
        width:340px;height:130px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:210px;padding-left:0px;height:80px;
    }
    
    .itemdelflexadicional > img{
        width:120px;height:100;margin-top:-3px;transition:all ease .3s;
    }



}
       


@media only screen and (max-width:1125px){
  
    .itemdelflexadicional{
        width:300px;height:100px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:180px;margin-left:110px;height:80px;padding-top:20px;
    }
    
    .itemdelflexadicional > img{
        width:90px;height:70;margin-top:-3px;
    }


    .clasever{font-size:15px;transition:all ease .3s;}

    .opciondever{font-size:35px;transition:all ease .3s;}
    
}
    



@media only screen and (max-width:1030px){
  
    .itemdelflexadicional{
        width:260px;height:100px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:150px;margin-left:100px;height:80px;padding-top:20px;
    }
    
    .itemdelflexadicional > img{
        width:90px;height:70;margin-top:-3px;
    }


    .clasever{font-size:15px;padding-top: 15px;}

    .opciondever{font-size:30px;}

    .contenedorflexadicional{margin-bottom:40px;margin-top:10px;}
    
    
}
    


@media only screen and (max-width:880px){
  
    .itemdelflexadicional{
        width:240px;height:90px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:130px;margin-left:90px;height:80px;padding-top:30px;
    }
    
    .itemdelflexadicional > img{
        width:80px;height:60;margin-top:-3px;
    }


    .clasever{font-size:15px;}

    .opciondever{font-size:25px;}
    
}
    


@media only screen and (max-width:830px){
  
    .itemdelflexadicional{
        width:200px;height:70px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:100px;margin-left:80px;height:80px;
    }
    
    .itemdelflexadicional > img{
        width:65px;height:50;margin-top:-5px;
    }


    .clasever{font-size:15px;line-height:15px;}

    .opciondever{font-size:20px;}
    
}




@media only screen and (max-width:705px){
  
    .itemdelflexadicional{
        width:150px;height:150px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:100px;margin-left:00px;height:35px;background-color:transparent;padding-top:45px;margin-top:-65px;
    }
    
    .itemdelflexadicional > img{
        width:80px;height:70;margin-top:-5px;margin-left:20px;
    }


    .clasever{font-size:15px;line-height:20px;}

    .opciondever{font-size:26px;}
    
}



@media only screen and (max-width:570px){
  
    .itemdelflexadicional{
        width:130px;height:130px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:100px;margin-left:00px;height:35px;padding-top:45px;margin-top:-65px;
    }
    
    .itemdelflexadicional > img{
        width:65px;height:55;margin-top:-5px;margin-left:13px;
    }


    .clasever{font-size:15px;line-height:20px;}

    .opciondever{font-size:24px;}
    
}



@media only screen and (max-width:495px){
  
    .itemdelflexadicional{
        width:100px;height:100px;border-radius:15px;margin:15px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:60px;margin-left:00px;height:35px;padding-top:45px;margin-top:-65px;
    }
    
    .itemdelflexadicional > img{
        width:50px;height:35;margin-top:-5px;margin-left:10px;
    }


    .clasever{font-size:13px;line-height:10px;}

    .opciondever{font-size:17px;}
    
}





@media only screen and (max-width:395px){
  
    .itemdelflexadicional{
        width:100px;height:100px;border-radius:15px;margin:10px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:60px;margin-left:00px;height:35px;padding-top:45px;margin-top:-65px;
    }
    
    .itemdelflexadicional > img{
        width:50px;height:35;margin-top:-5px;margin-left:10px;
    }


    .clasever{font-size:13px;line-height:10px;}

    .opciondever{font-size:17px;}

    .contenedorflexadicional{margin-bottom:20px;margin-top:15px;}


    /*Reduciendo el tamaño de la letra de los precios*/
   
    .flexPrecios .precioOferta{
        font-size:14.5px;display:none;
    }
    
}





@media only screen and (max-width:375px){
  
    .itemdelflexadicional{
        width:95px;height:95px;border-radius:15px;margin:10px;padding:15px;
    }
    
    
    .verdulcesyotros{
        width:60px;margin-left:-5px;height:35px;background-color:transparent;padding-top:45px;margin-top:-65px;
    }
    
    .itemdelflexadicional > img{
        width:50px;height:35;margin-top:-5px;margin-left:6px;
    }


    .clasever{font-size:13px;line-height:10px;}

    .opciondever{font-size:17px;}
    
}



@media only screen and (max-width:355px){
  
    .itemdelflexadicional{
        width:90px;height:93px;border-radius:15px;margin:10px;padding:15px;
    }
    
    .itemdelflexadicional > img{
        width:50px;height:35;margin-top:-5px;margin-left:5px;
    }


    .opciondever{font-size:16px;}

    /*Texto al costado del filtro de productos*/
    .filtroselect p{font-size:13.5px;padding-left:0px;}
    
}


@media only screen and (max-width:350px){
  
    .itemdelflexadicional{
        margin:7px;
    }
    
}


@media only screen and (max-width:330px){
 .filtroselect p{font-size:13px;}
}   



/* Botón de descarga PDF*/

.flexAutoBtnPdf{
    display:flex;
    justify-content:center;
    margin-top: -10px;
}

.catalogo-boton {
    outline: none;
    border: none;
    background-color: var(--principal);
    color: #ffffff;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    cursor: pointer;
    transition: all ease .3s;
    margin-bottom:40px;
}

.catalogo-boton:hover {
     background-color: var(--secundario);
}



/* PopUp*/

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-container {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.popup-link {
    display: block;
}

.popup-image {
    width: 100%;
    height: auto;
    max-width: 800px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1024px) {
    .popup-image {
        max-width: 600px;
    }
}