:root{
    --max-width-global: 1200px;
          
    --color-fondo: rgb(4, 4, 4);
    --color-texto: rgb(244, 244, 244);
    --font-family: "Quicksand";
    --font-weight: 300;

    --padding-tablet: 0 25px;
    --padding-mobil: 0 10px;

    --padding-box-horiz: 6px 0px;

    --hr-margin: 10px;

    /* TEST */

    --border-test: none;
    --fondo-test: none;
 /*  
    --border-test: 1px solid rgb(142, 142, 142);
    --fondo-test: rgba(204, 204, 204, 0.1);
  /*  

    /* BODY */    
    --gap-grid-body: 5px;  

    /* HEADER */
    --fondo-header: rgba(196, 196, 196,0.1);
    --header-tam-img: 25px;
    --header-tam-img-mobil: 20px;


    /* MENU */
    --pos-sticky-menu:46px;

    --fondo-menu: rgba(196, 196, 196,0.1);
    --menu-tam-img: 200px;
    --menu-tam-img-tablet: 165px;
    --menu-tam-img-mobil: 150px;

    --menu-margin-left: 20px;
    --menu-font-size: 15px;
    --menu-font-weight: 300;
    --menu-letter-spacing: 2px;

    --menu-margin-left-tablet: 10px;
    --menu-font-size-tablet: 12px;
    --menu-font-weight-tablet: 300;
    --menu-letter-spacing-tablet: 1px;

    --menu-border-bottom: white solid 2px;
    --menu-padding-bottom: 5px;

    --menu-logo-transition: all 0.5s ease-out;

    /* MENU MOBIL */

    --menu-mobil-top: 100px;
    --menu-mobil-left: 10px;
    --menu-mobil-width: 100px;    
    --menu-mobil-zindex: 1000;
    --menu-mobil-padding: 10px 10px;    
    --menu-mobil-background-color: rgba(62, 5, 5, 0.9);

    /* VIDEO INTRO */

    --video-width:100%;
    --video-margin-top:-88px;
    --video-margin-top-tablet:-76px;
    --video-margin-top-mobil:-66px;

    /* CONTENEDOR ITEM INDIVIDUAL */
    --cont-item-margin-top: 40px;

    /* TITULO ITEM */
    --titulo-item-margin-bottom: 20px;

    /*****************************************************
    /* GRID CARD */

    --gap-row-grid-card: 15px;
    --gap-col-grid-card: 15px;

    --template-grid-card-col: repeat(auto-fit, minmax(200px, 1fr));
    --template-grid-card-row: 1fr;

    --grid-card-align-content: center;
    --grid-card-justify-items: normal;
    --grid-card-align-items: normal;

    /* CARD */

    --card-row-gap: 10px;
    --card-column-gap: 0;

    --card-align-content: center;
    --card-justify-items: start;
    --card-align-items: center;
    
    --card-template-columns: 1fr;
    --card-template-rows: 30px 30px 10px 5px;

    /* CARD BORDER */
    
    --card-background-color: rgb(255, 255, 255);
    --card-font-color:black;
    --card-border: 1px solid rgb(119, 119, 119);
    --card-border-radius: 5px;
    --card-padding: 15px 15px;

    /* CARD TITULO */

    --card-titulo-width: 100%;
    --card-titulo-text-align: center;
    --card-titulo-font-size: 30px;
    --card-titulo-font-weight: 800;
    --card-titulo-margin-bottom: 5px;
    --card-titulo-color: #813e00;

    /* CARD SITIO */

    --card-sitio-background-color: rgba(255, 255, 255, 0.4);
    --card-sitio-border: 1px dotted #1d3f5d8e;
    --card-sitio-text-align: center;    
    --card-sitio-width: 100%;
    --card-sitio-padding: 10px 0;
    --card-sitio-border-radius: 5px;
    --card-sitio-font-weight: 600;   
    --card-sitio-color: #1d3f5d;


    /* CARD POBLACION */

    --card-pobl-width: 100%;
    --card-pobl-text-align: center;
    --card-pobl-font-size: 12px;
    --card-pobl-font-weight: 500;
    --card-pobl-color: #a16f00;

    /* CARD HORA */

    --card-hora-width: 100%;
    --card-hora-text-align: center;
    --card-hora-font-size: 15px;    
    --card-hora-font-weight: 600;
    --card-hora-color: #a14000;
  

    /* CARD BUTTON */

    --card-button-text-align: center;
    --card-button-margin-top: 10px;
    --card-button-padding: 5px 15px;

    --card-button-border: 1px solid rgb(51, 51, 51);
    --card-button-border-radius: 5px;    
    
    --card-button-background: linear-gradient(230deg, rgba(255,249,230,1) 0%, rgb(252, 232, 167) 23%, rgb(248, 238, 204) 50%, rgb(250, 234, 176) 77%, rgba(255,241,191,1) 100%);

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

    /* MUSICA CARD */

    --gap-row-musica-card: 15px;
    --gap-col-musica-card: 15px;

    /*--template-musica-card-col: repeat(auto-fit, minmax(300px, 1fr));*/
    --template-musica-card-col: 1fr;
    --template-musica-card-row: 1fr;

    --grid-musica-align-content: center;
    --grid-musica-justify-items: normal;
    --grid-musica-align-items: normal;

    --musica-iframe-height: 95px;

    /*****************************************************
    /* NOTICIAS CARD */

    --gap-row-grid-noticia: 15px;
    --gap-col-grid-noticia: 15px;

    --template-grid-noticia-col: repeat(auto-fit, minmax(200px, 1fr));
    --template-grid-noticia-row: 1fr;

    --grid-noticia-align-content: center;
    --grid-noticia-justify-items: normal;
    --grid-noticia-align-items: normal;

    /* NOTICIA */

    --noticia-row-gap: 10px;
    --noticia-column-gap: 0;

    --noticia-align-content: center;
    --noticia-justify-items: start;
    --noticia-align-items: center;
    
    --noticia-template-columns: 1fr;
    --noticia-template-rows: 40px 40px 1fr;

    /* NOTICIA BORDER */        
    /*--noticia-background-color: linear-gradient(230deg, rgba(255,249,230,1) 0%, rgb(252, 232, 167) 23%, rgb(248, 238, 204) 50%, rgb(250, 234, 176) 77%, rgba(255,241,191,1) 100%);*/
    
    --noticia-background-color: rgb(235, 247, 255);
    --noticia-font-color:black;
    --noticia-border: 1px solid rgb(119, 119, 119);
    --noticia-border-radius: 5px;
    --noticia-padding: 15px 15px;

    /* NOTICIA FECHA */

    --noticia-fecha-width: 100%;
    --noticia-fecha-text-align: center;
    --noticia-fecha-font-size: 30px;
    --noticia-fecha-font-weight: 800;
    --noticia-fecha-margin-bottom: 5px;
    --noticia-fecha-color: #0d0081;

    /* NOTICIA TITULO */

    --noticia-titulo-background-color: rgba(255, 255, 255, 0.4);
    --noticia-titulo-border: 1px dotted #1d3f5d8e;
    --noticia-titulo-text-align: center;    
    --noticia-titulo-width: 100%;
    --noticia-titulo-padding: 10px 0;
    --noticia-titulo-border-radius: 5px;
    --noticia-titulo-font-weight: 600;   
    --noticia-titulo-color: #1d3f5d;


    /* NOTICIA TEXTO */

    --noticia-texto-width: 100%;
    --noticia-texto-text-align: center;
    --noticia-texto-font-size: 15px;    
    --noticia-texto-font-weight: 600;
    --noticia-texto-color: #0061a1;
    --noticia-texto-margin-top: 10px;
  

    /* NOTICIA BUTTON */

    --noticia-button-text-align: center;
    --noticia-button-margin-top: 10px;
    --noticia-button-padding: 5px 15px;

    --noticia-button-border: 1px solid rgb(51, 51, 51);
    --noticia-button-border-radius: 5px;          

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

    /* VIDEOS YOUTUBE */

    --gap-row-videos-card: 15px;
    --gap-col-videos-card: 15px;

    /*--template-musica-card-col: repeat(auto-fit, minmax(300px, 1fr));*/
    
    --template-videos-card-col: 1fr;
    --template-videos-card-row: 1fr;    

    --grid-videos-align-content: center;
    --grid-videos-justify-items: normal;
    --grid-videos-align-items: normal;

    --videos-iframe-width: 100%;
    --videos-iframe-height: 350px;

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

    /* BIO */
    --gap-row-bio-card: 15px;
    --gap-col-bio-card: 15px;

    /*--template-musica-card-col: repeat(auto-fit, minmax(300px, 1fr));*/
    --template-bio-card-col: 1fr 1fr;
    --template-bio-card-row: 1fr;

    --template-bio-card-col-mobil: 1fr;    

    --grid-bio-align-content: center;
    --grid-bio-justify-items: normal;
    --grid-bio-align-items: normal;

    --bio-p-margin-bottom: 10px;


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

    /* CONTACTO */
    --gap-row-contacto-card: 15px;
    --gap-col-contacto-card: 15px;
    
    --template-contacto-card-col: 1fr 1fr;
    --template-contacto-card-row: 1fr;    

    --template-contacto-card-col-mobil: 1fr; 

    --grid-contacto-align-content: center;
    --grid-contacto-justify-items: normal;
    --grid-contacto-align-items: normal;

    --fieldset-contacto-margin: 10px;
    --button-contacto-border: 1px solid rgb(189, 189, 189);
    --button-contacto-border-radius: 5px;
    --button-contacto-padding: 5px 10px;



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

    --footer-grid-template-columns: 1fr;
    --footer-grid-template-rows: 1fr;

    --footer-align-content: center;
    --footer-align-items: center;
    --footer-justify-content: space-between;
    --footer-flex-wrap: nowrap;

    --logo-footer-margin: 10px;

    --copyright-margin: 15px;
    --copyright-font-size: 13px;
    --copyright-color: rgb(182, 88, 88);


    /* FOOTER WHATSAPP */

    --background-color-grid-whatsapp: rgba(196, 196, 196,0.1);    
    --padding-box-whatsapp:5px;

    --tam-iconos-whatsapp: 40px;
}