.grecaptcha-badge { visibility: hidden;} 

/*
@font-face {
    font-family: Parisienne;
    src: url(Parisienne-Regular.ttf);
  }
*/

/******************************************************************************************************/
/******************* GENÉRICOS       *******************************************************************/ 
/******************************************************************************************************/
 

body {

    background-color: var(--colorB5);
    color: var(--colorF5);

    
 
}

p,li {
    text-align: justify;
}



.wk-webkamy {

}

a.wk-webkamy:link, a.wk-webkamy:visited {
    color: #ffffff;
    text-decoration: none;
}


.a.wk-webkamy:hover, a.wk-webkamy:active{
    color: #ffffff;
    text-decoration: none;   
}

.wk-texto2 {
    color: var(--colorF6);
}

 
.wk-h1-titulo {
    
    color: var(--colorB9);
    background-color:  var(--colorF9);
    border: 1px solid var(--colorL9);
    /*background-image: linear-gradient(#98847c,#735d54);*/
    padding: 0.4rem 1rem;
    text-align: right;
    border:0;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 0.8em;
}

h1 {
    
    color: var(--colorO9);
    /*background-color: var(--colorX9);
    border: 1px solid var(--colorY9);
    border-radius: 5px;*/
    padding: 0.3rem;

    
}

h2 {
    
    color: var(--colorZ9);
    /*background-color: var(--colorB10);
    border: 1px solid var(--colorF10);
    border-radius: 5px;*/
    padding: 0.2rem;
    
}

h3 {
    
    color: var(--colorL10);
    /*background-color: var(--colorO10);
    border-color: var(--colorX10);
    border-radius: 5px;*/
    padding: 0.1rem;
    
}


h4 {
    
    color: var(--colorY10);


    
}

h5 {
    
    color: var(--colorZ10);
   
}

h6 {
    
    color: var(--colorB11);
   
}



a:link, a:visited{
    color: var(--colorL5);
    text-decoration: none;
}

a:hover, a:active{
    color: var(--colorO5);
    text-decoration: none;
}

a.wk-enlace2:link, a.wk-enlace2:visited{
    color: var(--colorL6);
    text-decoration: none;
}

a.wk-enlace2:hover, a.wk-enlace2:active{
    color: var(--colorO6);
    text-decoration: none;
}


@media (max-width: 991.98px) {

p, li {
    text-align: left;
}

}


/* wk-boton-primario =========================================== */
.wk-boton-primario {
    padding: 0.5rem;
}

a.wk-boton-primario:link, a.wk-boton-primario:visited {
    background-color: var(--colorB7);
    border-color: var(--colorX7);
    color: var(--colorL7);

}

a.wk-boton-primario:hover, a.wk-boton-primario:active {
    background-color: var(--colorF7);
    border-color: var(--colorY7);
    color: var(--colorO7);
    

}

/* wk-boton-secundario =========================================== */
.wk-boton-primario {

}



/* boton primario ************************/


.btn-primary  {
    background-color: var(--colorB7);
    border-color: var(--colorX7);
    color: var(--colorL7);
}


.btn-primary:visited {
    background-color: var(--colorB7);
    border-color: var(--colorX7);
    color: var(--colorL7);
}


 .btn-primary:hover,
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:focus:active,
 .btn-primary:focus:hover  {
    background-color: var(--colorF7);
    border-color: var(--colorY7);
    color: var(--colorO7);
 }
 
a.btn-primary:link, a.btn-primary:visited{
    color: var(--colorL7);
    text-decoration: none;
}

a.btn-primary:hover, a.btn-primary:active{
    color: var(--colorO7);
    text-decoration: none;
}


/* boton secundario ************************/


.btn-secondary  {
    background-color: var(--colorB8);
    border-color: var(--colorX8);
    color: var(--colorL8);
}


.btn-secondary:visited {
    background-color: var(--colorB8);
    border-color: var(--colorX8);
    color: var(--colorL8);
}


 .btn-secondary:hover,
 .btn-secondary:active,
 .btn-secondary:focus,
 .btn-secondary:focus:active,
 .btn-secondary:focus:hover  {
    background-color: var(--colorF8);
    border-color: var(--colorY8);
    color: var(--colorO8);
 }
 
a.btn-secondary:link, a.btn-secondary:visited{
    color: var(--colorL8);
    text-decoration: none;
}

a.btn-secondary:hover, a.btn-secondary:active{
    color: var(--colorO8);
    text-decoration: none;
}






/******************************************************************************************************/
/******************* COOKIES       ********************************************************************/ 
/******************************************************************************************************/

/* BOTONES */

.wk-botonCookies-aceptar {
    background-color: #000000;
    color: white;
    border: 1px solid #000000;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    padding: 0.3rem;
}

.wk-botonCookies-declinar {
    background-color: #aaaaaa;
    color: white;   
    border: 1px solid #aaaaaa;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    padding: 0.3rem;    
}

.wk-botonCookies-seleccionadas {
    background-color: #aaaaaa;;
    color: white;  
    border: 1px solid #aaaaaa;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    padding: 0.3rem;
}


/* BANNER */

#wk-cookies {
    background-color: #d3d3d3;
    color: #555555;

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 0.8rem;



    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 11000;
    padding: 0.5rem
}


#wk-cookies a:link,  #wk-cookies a:visited{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 0.8rem;
color: #000000;
text-decoration: none;
}

#wk-cookies a:hover,  #wk-cookies a:active{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 0.8rem;
color: #000000;
text-decoration: none;
}

#wk-cookies .wk-botonCookies-aceptar, #wk-cookies .wk-botonCookies-declinar, #wk-cookies .wk-botonCookies-seleccionadas {
    font-size: 0.8rem;
}

/* SHORTCODE */
#wk-cookiesConfig {
    background-color: #fefefe;
    color: #333333;
    font-size: 1rem;
}

#wk-cookiesConfig h4 {
    background-color: #eeeeee;
    color: #555555;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0.5rem;
}


#wk-cookiesConfig td {
    background-color: #fefefe;
    color: #333333;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
}




 /******************************************************************************************************/
 /******************* FORMULARIO     *******************************************************************/
 .wk-formulario {
   
 }
 
 .wk-formulario .form-control {
    background-color: #dddddd;
    color: #333333;
 }


 .wk-formulario label {
    color:#333333;
 }
 
 .wk-formulario .form-floating .form-control:focus ~ label {

    color: #666666 !important; 
}

/******************************************************************************************************/
/******************* CABECERA */
/******************************************************************************************************/
/*#wk-cabecera {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
*/

#wk-boton-subir {
    position: fixed;
    bottom: 200px;
    right: 0px;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #00000044;
    color: #ffffffaa;
    border: none;
    cursor: pointer;
    z-index: 10010;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

#wk-boton-subir.wk-mostrar-boton-subir {
    opacity: 1;
    visibility: visible;
}

#wk-boton-subir:hover {
    background-color: #00000066;
}


#wk-especiales-cabecera {
    background-color: var(--colorX1);
    color: var(--colorY2);
    border-bottom: 1px solid var(--colorZ2);
    font-size: 1rem;
    

}

#wk-especiales-cabecera a {
display: flex;
}

#wk-especiales-cabecera a:link, #wk-especiales-cabecera a:visited {
    color: var(--colorY1);
    text-decoration: none;
}


#wk-especiales-cabecera a:hover,  #wk-especiales-cabecera a:active{
    color: var(--colorZ1);
    text-decoration: none;   
}

@media (max-width: 991.98px) {
    #wk-especiales-cabecera span {
        display: none;
    }

}



#wk-especiales-cabecera > div {

    padding: 0.3rem;    
    
    text-align: center;

}

#wk-especiales-cabecera i {
    font-size:1.2rem;
    
    padding-right:0.3rem;
    margin: auto;
    line-height: 1;
}

#wk-especiales-cabecera span {

    margin: auto;
}

#wk-especiales-cabecera-sociales a {
margin-left: 0.1rem;
margin-right: 0.1rem;

}


#wk-especiales-cabecera-sociales a:link, #wk-especiales-cabecera-sociales a:visited {
    
   
}


#wk-especiales-cabecera-sociales a:hover,  #wk-especiales-cabecera-sociales a:active{
  
   
}


#wk-especiales-cabecera-telefono {
    
}

#wk-especiales-cabecera-email {
    
}

#wk-especiales-cabecera-whatsapp {
   
}





/******************************************************************************************************/
/******************* MENU PRINCIPAL */
/******************************************************************************************************/

/* fondo menu */
#wk-menu-1 {

    background-color: var(--colorB1);
    padding-left: 0.5rem;
    padding-right: 0.5rem;

    display: flex;
    justify-content: center;
   
}

#wk-menu-1 .navbar{
    width: 100%;
    /*max-width: 1288px;*/
    /*max-width: 1320px;*/
}

#wk-menu-logo-1 img {
    
    width: 375px;
    
    height: auto;
    
    transition: width 1s;
}

/* enlaces menu */
#wk-menu-colapsable-1 a:link,  #wk-menu-colapsable-1 a:visited{
    
    
    color: var(--colorL1);
    text-decoration: none;
    
}

#wk-menu-colapsable-1 a:hover,  #wk-menu-colapsable-1 a:active{
   
    
    color: var(--colorO1);
    text-decoration: none;
    
   
}







/* submnenus */


/* el botón que despliega los submenus */
#wk-menu-1 .wk-menu-botonDropdown {
    background-color: var(--colorB1);
    border:0px;
    color: var(--colorL1);
    font-size: 0.9rem;
}

.wk-menu-botonDropdown:hover {
    color: var(--colorO1);
     
}


 

/* submenú nivel 1*/
#wk-menu-1 .dropdown-menu {
    min-width: max-content;   
    background-color: var(--colorB2);  
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 1px solid var(--colorX2);
    border-radius: 0;
    
    /*box-shadow: 0 0px 4px 0 var(--colorZ1);*/
    
}






/* boton abrir */
#wk-menu-botonAbrir-1  {
  
    
    background-color: var(--colorL1);
    border-color: var(--colorL1);
    color: var(--colorB1);

    width: 45px;
    height: 45px;
}


#wk-menu-botonAbrir-1:visited {
    
    background-color: var(--colorL1);
    border-color: var(--colorL1);
    color: var(--colorB1);
}


#wk-menu-botonAbrir-1:hover,
#wk-menu-botonAbrir-1:active,
#wk-menu-botonAbrir-1:focus,
#wk-menu-botonAbrir-1:focus:active,
#wk-menu-botonAbrir-1:focus:hover  {
    background-color: var(--colorL1);
    border-color: var(--colorL1);
    color: var(--colorB1);
}

/* fin boton abrir */



/* boton cerrar */
#wk-menu-botonCerrar-1  {
    display: none;
    line-height: 1;
    background-color: var(--colorL1);
    border-color: var(--colorL1);
    color: var(--colorB1);

    width: 45px;
    height: 45px;
}


#wk-menu-botonCerrar-1:visited {
    
    background-color: var(--colorL1);
    border-color: var(--colorL1);
    color: var(--colorB1);
}


#wk-menu-botonCerrar-1:hover,
#wk-menu-botonCerrar-1:active,
#wk-menu-botonCerrar-1:focus,
#wk-menu-botonCerrar-1:focus:active,
#wk-menu-botonCerrar-1:focus:hover  {
    background-color: var(--colorL1);
    border-color: var(--colorL1);
    color: var(--colorB1);
 }
/* fin boton cerrar */








.wk-menu-nivel-0 {
    position: relative;
    /* text-transform: uppercase; */
    padding-left: 1rem;
    color:var(--colorF1);   
    text-align: left;
    
}


.wk-menu-nivel-1 {
    position: relative;

    border-bottom: 1px dotted var(--colorL1);
    text-align: left;
        
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}


.wk-menu-nivel-1:last-child {
    border-bottom: 0;
}






#wk-menu-colapsable-1 {

 
   justify-content: flex-end;
   
 }

#wk-menu-colapsable-1 ul{
    flex-wrap: wrap;
}





#wk-menu-logo-1 a:link,  #wk-menu-logo-1 a:visited{
    
    
    color: var(--colorL1);
    text-decoration: none;

    
}

#wk-menu-logo-1 a:hover,  #wk-menu-logo-1 a:active{
   
    
    color: var(--colorO1);
    text-decoration: none;
   
}






@media (max-width: 991.98px) {

    #wk-menu-1 .dropdown-menu {
        min-width: auto;
    }


    .offcanvas-collapse {
        position: fixed;
        top: 0px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: var(--colorB1);
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        z-index:1000;
        
    }
    .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(-100%);
    }

    .wk-menu-nivel-0 {
 

        border-bottom: 1px solid var(--colorL1);
   
        text-align: center;
        padding: 0.3rem;
        
    }
    
    .wk-menu-nivel-0:last-child {
        border-bottom: 0;
    }


    .wk-menu-nivel-1 {
 
        text-align: center;
     
    }


     #wk-menu-botonCerrar-1 {
        display: block;
     }


     #wk-menu-logo-1 img {
        width: 275px;
        
        height: auto;
       
    
    }

    
    
 
  }












/******************************************************************************************************/
/******************* CONTENIDO      *******************************************************************/


.wk-cuerpo {
    background-color: var(--colorB6);

    /*background-image: url('../../img/adorno.png');
    background-size: 100% 150px;
    background-repeat: no-repeat;*/
}



/******************************************************************************************************/
/******************* ELEMENTO       *******************************************************************/

.wk-elemento {

}



.wk-imagenPrincipal {

    color: #000000;

    margin-bottom:0.5rem;
    font-size:0.9rem;
    
    text-align: center;
 
}


.wk-textoDeImagenPrincipal {
    font-size: 0.9rem;
}





@media (min-width: 992px) {

    .wk-imagenPrincipal {
        margin-left:1rem;
        float:right;
        text-align: right;

        max-width: 50%;
    }
    

    .wk-elemento-diseno0 .wk-contenidoPagina {
        
        text-align: justify;
    }

}


/* ============================================================= */
/* DISENO 0 */
/* ============================================================= */

.wk-elemento-diseno0 {
    padding-top: 1.5rem;
}


.wk-elemento-diseno0 .wk-elemento-resumen {
    text-align: center;
    font-weight: bold;
}






/* ============================================================= */
/* DISENO 1 */
/* ============================================================= */

.wk-elemento-diseno1 {
    
    background-size: cover;
    background-position: center center;
    position: relative;
 
    display:flex;
    flex-direction: column;
    justify-content: center;

    min-height: 300px;

}

.wk-elemento-diseno1 > div {
    z-index: 1;
}

.wk-elemento-diseno1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    
}



.wk-elemento-diseno1 h1 {
    background-color: transparent;
    color: white;
    border: 0;
    border-radius: 0;
}


.wk-elemento-diseno1 p {
    color: white;

}






/* ============================================================= */
/* CONTENIDO ELEMENTO */
/* ============================================================= */

.wk-elemento-contenido {
 
    text-align: left;
}

.wk-elemento-contenido > div {
 
    padding: 1.5rem;
}

.wk-elemento-contenido::after {
    content: "";
    clear: both;
    display: table;
  }


  @media (min-width: 992px) {

    .wk-elemento-contenido {
 
        text-align: justify;
    }
    
  }



/* ============================================================= */
/* PRODUCTOS */
/* ============================================================= */

#wk-producto-importe::before {
    content: "Importe: ";
    font-weight: bold;
}

#wk-producto-importe::after {
    content: "€";
 
}

#wk-producto-descuento::before {
    content: "Descuento: ";
    font-weight: bold;
}

#wk-producto-descuento::after {
    content: "%";
 
}


#wk-producto-impuesto::before {
    content: "IVA: ";
    font-weight: bold;
}

#wk-producto-impuesto::after {
    content: "%";

}


#wk-producto-precioFinal::before {
    content: "Precio: ";
    font-weight: bold;
}

#wk-producto-precioFinal::after {
    content: "€";

}

/******************************************************************************************************/
/******************* CATEGORIA      *******************************************************************/


.wk-imagenPrincipalCategoria {

    color: #000000;

    margin-bottom:0.5rem;
    font-size:0.9rem;
    
    text-align: center;
 
}


.wk-textoDeImagenPrincipal {
    font-size: 0.9rem;
}

 .wk-categoria-pagina{
        
    text-align: left;
}


@media (min-width: 992px) {


    

    .wk-categoria-pagina {
        
        text-align: justify;
    }


    

}
.wk-categoria-pagina::after {
    content: "";
    clear: both;
    display: table;
  }

/* ============================================================= */
/* DISENO 0 */
/* ============================================================= */

.wk-categoria-diseno0 {
    padding-top: 1.5rem;
}


.wk-categoria-diseno0 .wk-categoria-resumen {
    text-align: center;
    font-weight: bold;
}





/* ============================================================= */
/* DISENO 1 */
/* ============================================================= */

.wk-categoria-diseno1 {
    
    background-size: cover;
    background-position: center center;
    position: relative;
 
    display:flex;
    flex-direction: column;
    justify-content: center;

    min-height: 300px;

}

.wk-categoria-diseno1 > div {
    z-index: 1;
}

.wk-categoria-diseno1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    
}



.wk-categoria-diseno1 h1 {
    background-color: transparent;
    color: white;
    border: 0;
    border-radius: 0;
}


.wk-categoria-diseno1 p {
    color: white;

}







/* ============================================================= */
/* CONTENIDO  */
/* ============================================================= */


.wk-categoria-contenido {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.wk-categoria-contenido::before{
    content: "";
    clear: both;
    display: table;
  }


.wk-categoria-contenido::after{
    content: "";
    clear: both;
    display: table;
  }


.wk-imagenHijosCategoria {
    
    margin-left:0.5rem;
    margin-top:0.5rem;

    float:right;

    text-align: right;
    font-size:0.9rem;
    
}
.wk-categoria-elemento {

    margin-bottom: 1rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;

    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    
}

.wk-categoria-elemento a {

    font-weight: bold;
    font-size: 1.1rem;
    
}


.wk-categoria-categoria {

    margin-bottom: 1rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;

    background-color: #eeeeee;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);

}

.wk-categoria-categoria a {

    font-weight: bold;
    font-size: 1.1rem;
    
}



.wk-categoria-elemento::after {
    content: "";
    clear: both;
    display: table;
}

.wk-categoria-categoria::after {
    content: "";
    clear: both;
    display: table;
}


@media (max-width: 767.98px) {




   .wk-imagenHijosCategoria {

        float: none;
        text-align: center;
        margin-left:0;
    }


}


/******************************************************************************************************/
/******************* CATEGORIA  PAGINACION   *******************************************************************/
.wk-categoriaPaginacion-columna-2 {
    background-color: #eeeeee;
    border-radius: 10px;
    padding-top: 8px;
    
}

.wk-categoriaPaginacion-subcarpetas ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

.wk-categoriaPaginacion-subcarpetas li {
    margin-bottom: 0.5rem;
    display: flex;
    text-align: left;
}

.wk-categoriaPaginacion-subcarpetas li img {
    margin-right: 0.5rem;
}

.wk-categoriaPaginacion-subcarpetas li a {
    flex-grow: 1;
}

.wk-categoriaPaginacion-menu-nivel-0  {
    font-weight: bold;
}

.wk-categoriaPaginacion-menu-nivel-1  {
   
    margin-left: 2rem;
}



/*
.wk-categoriaPaginacion-tabla-subcarpetas {
   display: table; 
}

.wk-categoriaPaginacion-tabla-subcarpetas > div {
    display: table-row;
}

.wk-categoriaPaginacion-tabla-subcarpetas > div > div {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
    text-align: left;

}
*/

.wk-categoria-paginacion a:link, .wk-categoria-paginacion a:visited, .wk-categoria-paginacion a:hover, .wk-categoria-paginacion a:active     {
    color: var(--colorB7);
}



.wk-categoria-paginacion .active a {
    background-color: var(--colorB7);
    border-color: var(--colorB7);
    color: var(--colorL7);
}



/******************************************************************************************************/
/******************* PIE            *******************************************************************/
.wk-pie {
    background-color: var(--colorB3);
   

   
} 

@media (min-width: 992px) {
    .wk-pie {
        
    }
}



.wk-enlacesPie a:link, .wk-enlacesPie a:visited{
    color: var(--colorL3);
    font-size:1rem;
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.wk-enlacesPie a:hover, .wk-enlacesPie a:active{
    color: var(--colorO3);
    font-size:1rem;
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.wk-menuLegal {
    padding: 0.5rem;  
}

.wk-enlacesLegal a:link, .wk-enlacesLegal a:visited{
    color: var(--colorL3);
    font-size:0.9rem;
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.wk-enlacesLegal a:hover, .wk-enlacesLegal a:active{
    color: var(--colorO3);
    font-size:0.9rem;
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.wk-textoPie {
    padding: 0.5rem;  
    
}

.wk-textoPie p {
    text-align: center;
    color: var(--colorF3);
}

.wk-textoPie a:link, .wk-textoPie a:visited{
    color: var(--colorL3);
    
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.wk-enlacetextoPiesLegal a:hover, .wk-textoPie a:active{
    color: var(--colorO3);
    
    padding-left:0.4rem;
    padding-right:0.4rem;
}


 /******************************************************************************************************/
 /******************* PORTADA        *******************************************************************/
 
 .wk-panelesPortada > div {

    
    margin-bottom:1rem;
 
 }

 /******************************************************************************************************/
 /******************* ICNO WHATSAPP        *******************************************************************/
 #wk-whatsapp {
    position: fixed;
    z-index: 99;
    bottom: 10px;
    right: 10px;
}

#wk-whatsapp img:hover {
    transform: translateY(-7px);
}

#wk-flotante img {
    filter: drop-shadow(3px 3px 3px #666666);
    -webkit-filter: drop-shadow(3px 3px 3px #666666);
}

 /*****************************************************************************************************/
 /*****************************************************************************************************/
 /* SECCIONES, FILAS, COLUMNAS, BLOQUES */
 /*****************************************************************************************************/
 /*****************************************************************************************************/


.wk-seccion,.wk-fila,.wk-columna,.wk-bloque {

 }
 
 
 .wk-seccion {
    position: relative; /* necesario para los divs hijos se posicionen en absolute */
 }
 
 .wk-fila {
    position: relative; /* necesario para que funcione z-index */
    z-index:5; /* necesario para que los divs hijos se posicionen debajo */
 }
 
 .wk-columna {
   
    padding:1rem;
 }
 
 .wk-bloque {
   
 }




.wk-seccion-grid {
    display:grid;
}


.wk-seccion-grid-1 {
    display:grid;

}

.wk-seccion-grid-2 {
    display:grid;

}

.wk-seccion-grid-3 {
    display:grid;

}

.wk-seccion-grid-4 {
    display:grid;

}

.wk-seccion-grid-5 {
    display:grid;

}

.wk-seccion-grid-6 {
    display:grid;

}

.wk-seccion-grid-7 {
    display:grid;

}

.wk-seccion-grid-8 {
    display:grid;

}

.wk-seccion-grid-9 {
    display:grid;

}

.wk-seccion-grid-10 {
    display:grid;

}

.wk-seccion-grid-11 {
    display:grid;

}







@media (min-width: 992px) {
    .wk-seccion-grid-2 {
        
        grid-template-columns: 50% 50%;
    }

    .wk-seccion-grid-3 {
        
        grid-template-columns: 33.33% 33.33% 33.33%;
    }

    .wk-seccion-grid-4 {
        
        grid-template-columns: 50% 50%;
    }

    .wk-seccion-grid-5 {
        
        grid-template-columns: 20% 20% 20% 20% 20%;
    }

    .wk-seccion-grid-6 {
        
        grid-template-columns: 33.33% 33.33% 33.33%;
    }

    .wk-seccion-grid-7 {
        
        grid-template-columns: 25% 75%;
    }

    .wk-seccion-grid-8 {
        
        grid-template-columns: 75% 25%;
    }

    .wk-seccion-grid-9 {
        
        grid-template-columns: 33.33% 66.66%;
    }

    .wk-seccion-grid-10 {
        
        grid-template-columns: 66.66% 33.33%;
    }
    



    .wk-seccion-grid-11 {

        display: grid;

        grid-template-areas: "div1 div2"
                             "div1 div3";
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 25% 75%;
    
    }

    .wk-seccion-grid-11-div1 {
        grid-area: div1;
    }
    
    .wk-seccion-grid-11-div2 {
        grid-area: div2; 
    }
    
    .wk-seccion-grid-11-div3 {
        grid-area: div3;
    }


    .wk-seccion-grid-12 {

        display: grid;

        grid-template-areas: "div1 div3"
                             "div2 div3";
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 75% 25%;
    
    }

    .wk-seccion-grid-12-div1 {
        grid-area: div1;
    }
    
    .wk-seccion-grid-12-div2 {
        grid-area: div2; 
    }
    
    .wk-seccion-grid-12-div3 {
        grid-area: div3;
    }


    .wk-seccion-grid-13 {

        display: grid;

        grid-template-areas: "div1 div2"
                             "div1 div3";
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 33.33% 66.66%;
    
    }

    .wk-seccion-grid-13-div1 {
        grid-area: div1;
    }
    
    .wk-seccion-grid-13-div2 {
        grid-area: div2; 
    }
    
    .wk-seccion-grid-13-div3 {
        grid-area: div3;
    }


    .wk-seccion-grid-14 {

        display: grid;

        grid-template-areas: "div1 div3"
                             "div2 div3";
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 66.66% 33.33%;
    
    }

    .wk-seccion-grid-14-div1 {
        grid-area: div1;
    }
    
    .wk-seccion-grid-14-div2 {
        grid-area: div2; 
    }
    
    .wk-seccion-grid-14-div3 {
        grid-area: div3;
    }





    .wk-seccion-grid-15 {

        display: grid;

        grid-template-areas: "div1 div2"
                             "div1 div3";
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 50% 50%;
    
    }

    .wk-seccion-grid-15-div1 {
        grid-area: div1;
    }
    
    .wk-seccion-grid-15-div2 {
        grid-area: div2; 
    }
    
    .wk-seccion-grid-15-div3 {
        grid-area: div3;
    }




    .wk-seccion-grid-16 {

        display: grid;

        grid-template-areas: "div1 div3"
                             "div2 div3";
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 50% 50%;
    
    }

    .wk-seccion-grid-16-div1 {
        grid-area: div1;
    }
    
    .wk-seccion-grid-16-div2 {
        grid-area: div2; 
    }
    
    .wk-seccion-grid-16-div3 {
        grid-area: div3;
    }

}


@media (min-width: 1200px){




    .wk-seccion-grid-4 {
        
        grid-template-columns: 25% 25% 25% 25%;
    }


    .wk-seccion-grid-6 {
        
        grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    }    

}


.wk-columna {
    min-width: 0; /* necesario para que funcionen bien los swiper con el grid */
}

 /*****************************************************************************************************/
 /*************** SLIDER *****************************************************************************/




 .wk-carousel-caption {
    /* background-color: rgb(0, 0, 0, 0.4);
    bottom: 0;
    left:0;
    right: 0;
    position: absolute;
    text-align: center;
    padding: 0.5rem;

    width: 100%; */

    top:0;
    bottom: 0;
    left:0;
    right: 0;
    position: absolute;
    padding: 1rem;

    display:flex;
    flex-direction: column;
    justify-content: center;
    z-index:2;
 }

 .wk-carousel-caption h5 {

    font-size:2rem;
    color:#ffffff;
    

 }


 .wk-carousel-caption p {
    text-align: center;
    color:#bbbbbb;
 }

 .wk-bloque-slider .carousel-indicators {
    z-index: 3;
 }

 .wk-bloque-slider .carousel-control-prev {
    z-index: 3;
 }


 .wk-bloque-slider .carousel-control-next {
    z-index: 3;
 }



 /*****************************************************************************************************/
/*************** BLOQUE 5: Anuncios *****************************************************************************/
.wk-bloque-anuncios {

}



.wk-bloque-anuncios-horizontal, .wk-bloque-anuncios-vertical {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.wk-bloque-anuncios-vertical {
    flex-direction: column;
}

.wk-bloque-anuncios-horizontal {
    flex-direction: row;
}


.wk-bloque-anuncios {
    width:100%;
    
    
} 

.wk-bloque-anuncios .swiper {
    width:100%;

    padding:30px 15px;
    
    
} 

.wk-bloque-anuncios-horizontal > div, .wk-bloque-anuncios-vertical  > div {

    max-width: 310px;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
   
}





.wk-bloque-anuncios-swiper .swiper-slide {
    width: 310px;
    height: auto;
}




.wk-bloque-anuncios-horizontal .wk-bloque-anuncios-anuncio, .wk-bloque-anuncios-vertical .wk-bloque-anuncios-anuncio, .wk-bloque-anuncios-swiper .wk-bloque-anuncios-anuncio  {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
}




.wk-bloque-anuncios-texto {
    padding: 0.3rem;
    text-align: center;
    
}

.wk-bloque-anuncios-texto a {
    
   font-weight: bold;
    
}

.wk-bloque-anuncios-imagen {
    text-align: center;
    
}

.wk-bloque-anuncios-texto p {
  
    text-align: center;
    
}





/*****************************************************************************************************/
/*************** BLOQUE 6: Galería Imágenes *****************************************************************************/

.wk-bloque-galeriaImagenes h4 {

    color: var(--colorY10);
    text-align: center;
}



 .wk-imagenesGaleria {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 }

 .wk-imagenesGaleria > div {
    max-width: 300px;
    padding: 0.4rem;

 }

 .wk-imagenesGaleria .wk-textoDeImagenGaleria {

    font-size: 0.9rem;
    color:var(--colorF6);
    text-align: center;
}

@media (max-width: 991.98px) {

    .wk-imagenesGaleria > div {
        max-width: 100%;
    
     }

     .wk-imagenesGaleria .wk-textoDeImagenGaleria {
        text-align: center;
     }

}


/*****************************************************************************************************/
/*************** BLOQUE 8: Categoria *****************************************************************************/
.wk-bloque-categoria {

}



.wk-bloque-categoria-horizontal, .wk-bloque-categoria-vertical {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.wk-bloque-categoria-vertical {
    flex-direction: column;
}

.wk-bloque-categoria-horizontal {
    flex-direction: row;
}


.wk-bloque-categoria {
    width:100%;
    
    
} 

.wk-bloque-categoria .swiper {
    width:100%;

    padding:30px 15px;
    
    
} 

.wk-bloque-categoria-horizontal > div, .wk-bloque-categoria-vertical  > div {

    max-width: 310px;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
   
}





.wk-bloque-categoria-swiper .swiper-slide {
    width: 310px;
    height: auto;
}




.wk-bloque-categoria-horizontal .wk-bloque-categoria-categoria, .wk-bloque-categoria-vertical .wk-bloque-categoria-categoria  {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
}

.wk-bloque-categoria-horizontal .wk-bloque-categoria-elemento,  .wk-bloque-categoria-vertical .wk-bloque-categoria-elemento{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
}

.wk-bloque-categoria-swiper .wk-bloque-categoria-categoria, .wk-bloque-categoria-swiper .wk-bloque-categoria-elemento {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
}




.wk-bloque-categoria-imagen {
    text-align: center;
    
}


.wk-bloque-categoria-titulo {
    padding: 0.6rem 0.3rem;
    text-align: center;
    
}

.wk-bloque-categoria-titulo a {
    
   font-weight: bold;
    
}


.wk-bloque-categoria-resumen {
    padding: 0.6rem 0.3rem;
    text-align: center;
    
}



/* iconos de paginación */

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
  }

  .swiper-pagination-bullet-active {
    color: var(--colorL7);
    background: var(--colorB7);
  }

/* Estilos para los botones de anterior y siguiente en SwiperJS */
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 40px;
  background-color: var(--colorB7);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.swiper-button-prev {
 transform: rotate(180deg); 
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent var(--colorL7);
}

/* Cambiar el color del botón al pasar el mouse */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var(--colorF7);
}