*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

body {
    letter-spacing: 0;
    background-color: var(--color-fondo);
    color: var(--color-texto);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}

a {
    text-decoration: none;
    color: var(--color-texto);
}

ul {
    list-style-type: none;
}

button {
    background-color: transparent;
    color: var(--color-texto);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    border: none;
}

button:hover {
    cursor: pointer;
}

/****************************************************************************************/

.div-test {
    background-color: var(--fondo-test);
    border: var(--border-test);
}


.body {
    /*display: grid;*/
    gap: var(--gap-grid-body);
}

.container {
    max-width: var(--max-width-global);
    margin: 0px auto;
    height: 100%;

}

.sticky {
    position: sticky;
    top: 0;
}

.sticky-2 {
    position: sticky;
    top: var(--pos-sticky-menu);
}

@media all and (max-width: 1250px) and (min-width: 0px) {
    .container {
        padding: var(--padding-tablet);
        transition: var(--menu-logo-transition);
    }
}

@media all and (max-width: 600px) and (min-width: 0px) {
    .container {
        padding: var(--padding-mobil);
        transition: var(--menu-logo-transition);
    }
}


/************************************************************************************************/
/* HEADER MENU */

.config-grid-header {
    height: var(--height-header);
    background-color: var(--fondo-header);
    padding: var(--padding-box-horiz);
}

.config-header {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;

}

.config-header-item {}

.config-header-item a {
    margin: 0 0px;
}

.config-header-item a img {
    width: var(--header-tam-img);
}

@media all and (max-width: 600px) and (min-width: 0px) {
    .config-header-item a img {
        width: var(--header-tam-img-mobil);
        transition: var(--menu-logo-transition);
    }
}

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


.config-grid-menu {
    height: var(--height-menu);
    background-color: var(--fondo-menu);
    padding: var(--padding-box-horiz);
}

.config-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;

}

.config-menu-item {}

.config-menu-item li {
    display: inline;
    margin-left: var(--menu-margin-left);
    font-size: var(--menu-font-size);
    font-weight: var(--menu-font-weight);
    letter-spacing: var(--menu-letter-spacing);

}

.config-menu-item li:hover {
    border-bottom: var(--menu-border-bottom);
    padding-bottom: var(--menu-padding-bottom);
}

.config-menu-item a {
    margin: 0 0px;
}

.config-menu-item a img {
    width: var(--menu-tam-img);
    transition: var(--menu-logo-transition);
}

.menu-menu {
    display: none !important;
}

.menu-menu button {
    font-size: var(--menu-font-size);
    font-weight: var(--menu-font-weight);
    letter-spacing: var(--menu-letter-spacing);
}

@media all and (max-width: 1060px) and (min-width: 0px) {
    .config-menu-item a img {
        width: var(--menu-tam-img-tablet);
    }

    .config-menu-item li {
        display: inline;
        margin-left: var(--menu-margin-left-tablet);
        font-size: var(--menu-font-size-tablet);
        font-weight: var(--menu-font-weight-tablet);
        letter-spacing: var(--menu-letter-spacing-tablet);
    }
}

@media all and (max-width: 600px) and (min-width: 0px) {
    .config-menu-item a img {
        width: var(--menu-tam-img-mobil);
        transition: var(--menu-logo-transition);
    }

    .config-menu-item li {
        display: none;
        transition: var(--menu-logo-transition);
    }

    .menu-menu {
        display: inline !important;
        transition: var(--menu-logo-transition);
    }
}

/* MENU MOBIL */

.menu-mobile {
    display: none;
    float: left;
    position: relative;
    position: fixed;
    top: var(--menu-mobil-top);
    right: var(--menu-mobil-left);
    width: var(--menu-mobil-width);
    z-index: var(--menu-mobil-zindex);
    padding: var(--menu-mobil-padding);
    background-color: var(--menu-mobil-background-color);
}

.menu-mobile ul,
li {
    margin: 0;
    padding: 0;
}

.config-menu-mobil-item li:hover {
    border-bottom: var(--menu-border-bottom);
    padding-bottom: var(--menu-padding-bottom);
}

@media all and (max-width: 660px) and (min-width: 0px) {
    .menu-mobile {
        display: none;
        transition: var(--menu-logo-transition);
    }

}

/*************************************************************************************/
/* VIDEO INTRO */

.video-intro {
    width: var(--video-width);
    margin-top: var(--video-margin-top);
}

@media all and (max-width: 1060px) and (min-width: 0px) {
    .video-intro {
        margin-top: var(--video-margin-top-tablet);
    }
}

@media all and (max-width: 660px) and (min-width: 0px) {
    .video-intro {
        margin-top: var(--video-margin-top-mobil);
    }
}

/*************************************************************************************/


.cont-item {
    margin-top: var(--cont-item-margin-top);
}

.titulo-item {
    margin-bottom: var(--titulo-item-margin-bottom);
}

/*************************************************************************************/
/* TOUR */

.config-grid-tour {
    display: grid;

    row-gap: var(--gap-row-grid-card);
    column-gap: var(--gap-col-grid-card);

    align-content: var(--grid-card-align-content);
    justify-items: var(--grid-card-justify-items);
    align-items: var(--grid-card-align-items);

    grid-template-columns: var(--template-grid-card-col);
    grid-template-rows: var(--template-grid-card-row);
}

.config-card-grid-item {
    display: grid;

    row-gap: var(--card-row-gap);
    column-gap: var(--card-column-gap);

    align-content: var(--card-align-content);
    justify-items: var(--card-justify-items);
    align-items: var(--card-align-items);

    grid-template-columns: var(--card-template-columns);
    grid-template-rows: var(--card-template-rows);
}


.border-card {
    background-color: var(--card-background-color);
    color: var(--card-font-color);
    border: var(--card-border);
    border-radius: var(--card-border-radius);
    padding: var(--card-padding);
}

.border-card a {
    color: var(--card-font-color);
}

.card-titulo {
    width: var(--card-titulo-width);
    text-align: var(--card-titulo-text-align);
    font-size: var(--card-titulo-font-size);
    font-weight: var(--card-titulo-font-weight);
    margin-bottom: var(--card-titulo-margin-bottom);
    color: var(--card-titulo-color);
}

.card-sitio {
    background-color: var(--card-sitio-background-color);
    border: var(--card-sitio-border);
    text-align: var(--card-sitio-text-align);
    width: var(--card-sitio-width);
    padding: var(--card-sitio-padding);
    border-radius: var(--card-sitio-border-radius);
    font-weight: var(--card-sitio-font-weight);
    color: var(--card-sitio-color);
}

.card-pobl {
    width: var(--card-pobl-width);
    text-align: var(--card-pobl-text-align);
    font-size: var(--card-pobl-font-size);
    font-weight: var(--card-pobl-font-weight);
    color: var(--card-pobl-color);
}


.card-hora {
    width: var(--card-hora-width);
    text-align: var(--card-hora-text-align);
    font-size: var(--card-hora-font-size);
    font-weight: var(--card-hora-font-weight);
    color: var(--card-hora-color);
}



.card-boton {
    text-align: var(--card-button-text-align);
    margin-top: var(--card-button-margin-top);
    padding: var(--card-button-padding);
}

.card-boton a {
    border: var(--card-button-border);
    border-radius: var(--card-button-border-radius);
    padding: var(--card-button-padding);
}

.imagen-tour1 {
    background: var(--card-button-background);
}


/*************************************************************************************/
/* MUSICA */

.config-grid-musica {
    display: grid;

    row-gap: var(--gap-row-musica-card);
    column-gap: var(--gap-col-musica-card);

    align-content: var(--grid-musica-align-content);
    justify-items: var(--grid-musica-justify-items);
    align-items: var(--grid-musica-align-items);

    grid-template-columns: var(--template-musica-card-col);
    grid-template-rows: var(--template-musica-card-row);
}

.musica-item {}

.musica-item iframe {
    margin: 0 0;
    padding: 0 0;
    height: var(--musica-iframe-height);
}

/*************************************************************************************/
/* NOTICIAS */

.config-grid-noticias {
    display: grid;

    row-gap: var(--gap-row-grid-noticia);
    column-gap: var(--gap-col-grid-noticia);

    align-content: var(--grid-noticia-align-content);
    justify-items: var(--grid-noticia-justify-items);
    align-items: var(--grid-noticia-align-items);

    grid-template-columns: var(--template-grid-noticia-col);
    grid-template-rows: var(--template-grid-noticia-row);
}

.noticias-grid-item {
    display: grid;

    row-gap: var(--noticia-row-gap);
    column-gap: var(--noticia-column-gap);

    align-content: var(--noticia-align-content);
    justify-items: var(--noticia-justify-items);
    align-items: var(--noticia-align-items);

    grid-template-columns: var(--noticia-template-columns);
    grid-template-rows: var(--noticia-template-rows);
}


.border-noticia {
    background-color: var(--noticia-background-color);
    color: var(--noticia-font-color);
    border: var(--noticia-border);
    border-radius: var(--noticia-border-radius);
    padding: var(--noticia-padding);
}

.border-card a {
    color: var(--noticia-font-color);
}

.noticia-fecha {
    width: var(--noticia-fecha-width);
    text-align: var(--noticia-fecha-text-align);
    font-size: var(--noticia-fecha-font-size);
    font-weight: var(--noticia-fecha-font-weight);
    margin-bottom: var(--noticia-fecha-margin-bottom);
    color: var(--noticia-fecha-color);
}

.noticia-titulo {
    background-color: var(--noticia-titulo-background-color);
    border: var(--noticia-titulo-border);
    text-align: var(--noticia-titulo-text-align);
    width: var(--noticia-titulo-width);
    padding: var(--noticia-titulo-padding);
    border-radius: var(--noticia-titulo-border-radius);
    font-weight: var(--noticia-titulo-font-weight);
    color: var(--noticia-titulo-color);
}

.noticia-texto {
    width: var(--noticia-texto-width);
    text-align: var(--noticia-texto-text-align);
    font-size: var(--noticia-texto-font-size);
    font-weight: var(--noticia-texto-font-weight);
    color: var(--noticia-texto-color);
    margin-top: var(--noticia-texto-margin-top);
}



.noticia-boton {
    text-align: var(--noticia-button-text-align);
    margin-top: var(--noticia-button-margin-top);
    padding: var(--noticia-button-padding);
}

.noticia-boton a {
    border: var(--noticia-button-border);
    border-radius: var(--noticia-button-border-radius);
    padding: var(--noticia-button-padding);
}



/*************************************************************************************/
/* VIDEOS */

.config-grid-videos {
    display: grid;

    row-gap: var(--gap-row-videos-card);
    column-gap: var(--gap-col-videos-card);

    align-content: var(--grid-videos-align-content);
    justify-items: var(--grid-videos-justify-items);
    align-items: var(--grid-videos-align-items);

    grid-template-columns: var(--template-videos-card-col);
    grid-template-rows: var(--template-videos-card-row);
}

.videos-item {}

.videos-item iframe {
    margin: 0 0;
    padding: 0 0;
    width: var(--videos-iframe-width);
    height: var(--videos-iframe-height);
}

/*************************************************************************************/
/* BIOGRAFIA */

.config-grid-bio {
    display: grid;

    row-gap: var(--gap-row-bio-card);
    column-gap: var(--gap-col-bio-card);

    align-content: var(--grid-bio-align-content);
    justify-items: var(--grid-bio-justify-items);
    align-items: var(--grid-bio-align-items);

    grid-template-columns: var(--template-bio-card-col);
    grid-template-rows: var(--template-bio-card-row);
}

.bio-foto {}

.bio-foto img {
    width: 100%;
}


.bio-bio {}

.bio-bio p {
    margin-bottom: var(--bio-p-margin-bottom);
}

@media all and (max-width: 660px) and (min-width: 0px) {
    .config-grid-bio {
        grid-template-columns: var(--template-bio-card-col-mobil);
    }
}

.text-comment {}


/*************************************************************************************/
/* CONTACTO */

.config-grid-contacto {
    display: grid;

    row-gap: var(--gap-row-contacto-card);
    column-gap: var(--gap-col-contacto-card);

    align-content: var(--grid-contacto-align-content);
    justify-items: var(--grid-contacto-justify-items);
    align-items: var(--grid-contacto-align-items);

    grid-template-columns: var(--template-contacto-card-col);
    grid-template-rows: var(--template-contacto-card-row);
}

.config-grid-contacto fieldset {
    border: none;
    text-align: center;
    margin: var(--fieldset-contacto-margin);
}

.config-grid-contacto button {
    border: var(--button-contacto-border);
    border-radius: var(--button-contacto-border-radius);
    padding: var(--button-contacto-padding);
}

@media all and (max-width: 660px) and (min-width: 0px) {
    .config-grid-contacto {
        grid-template-columns: var(--template-contacto-card-col-mobil);
    }

    .img-contacto {
        display: none;
    }
}

/*************************************************************************************/
/* FOOTER */

hr {
    margin: var(--hr-margin);
}

config-grid-footer {
    height: var(--height-header);
    background-color: var(--fondo-header);
    padding: var(--padding-box-horiz);
}

.config-footer {

    display: grid;

    grid-template-columns: var(--footer-grid-template-columns);
    grid-template-rows: var(--footer-grid-template-rows);

    align-content: var(--footer-align-content);
    align-items: var(--footer-align-items);
    justify-content: var(--footer-justify-content);
    flex-wrap: var(--footer-flex-wrap);

}

.config-footer form,
.config-footer a,
.config-footer div {
    text-align: center;
}

.config-footer fieldset {
    border: none;
}

.config-footer button {
    border: var(--button-contacto-border);
    border-radius: var(--button-contacto-border-radius);
    padding: var(--button-contacto-padding);
}

.logo-footer {
    margin: var(--logo-footer-margin);
}

.copyright {
    margin: var(--copyright-margin);
}

.copyright a {
    font-size: var(--copyright-font-size);
    color: var(--copyright-color);
}

/*==============================================================*/
/* ICONO WHATSAPP */

.sticky-whatsapp {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
}

.config-grid-whatsapp {
    background-color: var(--background-color-grid-whatsapp);
    padding: var(--padding-box-whatsapp);
}

.config-whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;

}

.config-whatsapp-item {}

.config-whatsapp-item img {
    width: var(--tam-iconos-whatsapp);
    opacity: 0.9;
}

/****************************************************/
/* MENU ADMIN */

#primary_nav_wrap {
    text-align: center;
    background-color: transparent;
}

#primary_nav_wrap fieldset {
    border: none;
}

#primary_nav_wrap ul ul {

    display: none;
    position: relative;
    top: 50%;
    /*
	position:absolute;
	top:100%;
	left:0;
    */
    padding: 0;
    transition: var(--menu-logo-transition);
}

#primary_nav_wrap ul li:hover>ul {
    display: block;
    transition: var(--menu-logo-transition);
}

/***********************************************************/
/* MODAL */

.modal {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    background-color: rgba(1, 1, 1, 0.8);
    z-index: 10000;
}

.modal button{    
    margin: 10px 0;
    border: var(--button-contacto-border);
    border-radius: var(--button-contacto-border-radius);
    padding: var(--button-contacto-padding);
}

.modal fieldset{
    border: none;
}
.formulario {
    max-width: 300px;
    margin: 150px auto;    

    
}

.formulario form{
    text-align: center;
    border: var(--button-contacto-border);
    border-radius: var(--button-contacto-border-radius);
    padding: 25px 50px;
    background-color: black;
}

.formulario label{
    margin-top: 10px;
}
.formulario input{
    margin: 10px 0;
    text-align: center;
    background-color: transparent    ;
    color:white;
    border: var(--button-contacto-border);
    border-radius: var(--button-contacto-border-radius);    
    padding: 5px;
}

input#hide:checked~div#content {
    display: none;
}

