/* CSS Modificable, en base a las necesidades de cada landing */
:root {
    --color_fondo_primario: 37, 113, 165;
    --color_fondo_secundario: 91, 167, 217;
    --color_fondo_terciario: 246, 247, 25;
    --color_texto_primario: 255, 255, 255;
    --color_texto_secundario: 0, 0, 0;
    --color_titulo: 37, 113, 165;
    --color_boton_intro: 118, 11, 17;
    --color_subtitulo: 204, 180, 112;
    --color_cabeceras: 246, 247, 253;
    --color_texto_resaltado: 136, 6, 6;
    --color_enlace_hover: 118, 11, 17;
    --color_evento_imagen_fondo: 136, 6, 6;
    --color_footer_apartado: 255, 255, 255;
    --color_evento_gris: 183, 179, 178;
}

body {
    background-color: #fff !important;
}

a:hover {
    color: rgba(var(--color_fondo_secundario));
}

.nav-menu>li>a:before {
    background: rgba(var(--color_fondo_secundario));
}


section.evento h2,
section.evento p {
    color: rgb(var(--color_texto_primario)) !important;
}

section.evento h2{
    font-family:'Kalam', cursive!important;
}


section.evento:before {
    background: rgba(var(--color_fondo_secundario), 1);
}

section.contacto .contact-info h3 {
    color: rgb(var(--color_fondo_primario));
}

section.contacto .contact-info a:hover {
    color: rgb(var(--color_fondo_primario));
}

section.eventos {
    text-align: center;
}

section.eventos .about-btn {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin-top: 50px;
    color: rgb(var(--color_texto_primario));
    -webkit-animation-delay: 0.8s;
    background: rgba(var(--color_fondo_primario));
    animation-delay: 0.8s;
    border: 2px solid rgb(var(--color_fondo_secundario));
}

section.eventos .about-btn:hover {
    background: rgb(var(--color_fondo_secundario));
}


section.intro {
    background: none !important;
}

section.intro .about-btn:hover {
    background: rgba(var(--color_fondo_secundario));
}

section.eventos .evento img.imagen_portada {
    /* height: 100%; */
    /* width: 100%; */
}

section.contacto .contact-info a:hover address {
    color: rgba(var(--color_fondo_primario));
}

section.eventos .evento {
    height: 450px;
}

/*section.intro h1 {
  display: none;
}*/
section.intro .intro-container {
    height:100%;
    height:calc(100% - 90px);
    bottom:0;
    /* bottom: 10px !important; */
}

section.intro .intro_logos {
    /* max-width: 600px; */
    /* position: absolute; */
    /* bottom:10px; */
    /* border-top: 1px solid #2974a7; */
    border-top: 1px solid #c8c8c8;
    padding-top:10px;
}
section.intro .intro_logos img{
    /* max-height: 50px; */
    max-height:5vh;
}


.intro-titulo {
    font-family: 'Caveat', cursive;
    font-family: 'Caveat Brush', cursive;
    font-family: 'Satisfy', cursive;
    font-family: 'Dancing Script', cursive;
    font-family: 'Kalam', cursive;
    /* font-size: 5rem; */
    font-size:10vh;
    font-size:9vh;
    font-size:8vh;
    color: rgb(var(--color_titulo));
    /* font-weight: bold; */
    text-shadow: 5px 7px 9px #03030340;
}

.intro-subtitulo {
    font-family: 'Kalam', cursive;
    /* font-size: 2rem; */
    font-size:4vh;
    color: #393939;
}



@media (max-width: 576px) {
    .intro-titulo {
        font-size: 7vh !important;
    }

    /* section.intro .intro_logos img{
        max-height: 30px;
    } */

}






address:hover {
    color: rgba(var(--color_fondo_secundario)) !important;
}

section#artistas div.detalles {
    background: rgba(var(--color_fondo_secundario), 0.768) !important;
}

section.detalle_evento p {
    color: rgb(var(--color_texto_secundario)) !important;
}

section.detalle_evento p strong {
    color: rgba(var(--color_fondo_secundario)) !important;
}

.back-to-top:hover {
    background: rgba(var(--color_fondo_primario), 0.768) !important;
}

p.no-margen {
    margin: 0px;
    margin-top: 20px;
}

.intro .intro-container {
    top: unset !important;
    /* Rafa - Redefino la propiedad definida en styls_base.css */
}

@media(max-width: 991px) {
    section.intro {
        background-size: container !important;
        background-repeat: no-repeat !important;
    }

    section.intro .intro-container {
        height:calc(100% - 70px);
    }


    section.intro h2 {
        display: inline;
    }

    section.evento {
        background-image: none !important;
    }
}

@media (max-width: 1350px) {
    section.intro {
        background: url(images/intro-bg2.jpg) center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    /* section.intro .intro-container {
    top: unset !important;
    bottom: 120px !important;
  }*/
}

@media (max-width: 991px) {
    section.intro {
        background: url(images/intro-bg2_pequena.jpg) center;
        background-size: container;
        background-repeat: no-repeat;
    }

    section.intro .intro-container {
        /* bottom: 60px; */
    }

}

.detalle_evento img.imagen_portada {
    border: 1px solid rgb(var(--color_fondo_secundario));
}


#detalle_evento .detalle_evento_agenda .titulo {
    color: rgb(var(--color_titulo));
}

#detalle_evento .detalle_evento_agenda .fecha {
    border: 1px solid rgb(var(--color_fondo_primario));
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 0.9em;
}

section.detalle_evento .detalle_evento_pie {
    padding-top:20px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    background: url(images/logos.webp) center;
    background-size: contain;
    background-repeat: no-repeat;
}



/* Intro fotos */

section.intro .intro-fotos #intro-izquierda, section.intro .intro-fotos #intro-derecha {
    /* top: -50px; */
    /* transform: translateY(-50px); */
    transform: translateY(max(-50px, -5vh));
}

section.intro .intro-fotos img {
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    /* max-height:250px; */
    max-height:20vh;
}

@media (max-height: 768px) {
    section.intro .intro-fotos img {
        /* max-height:200px;    */
    }    
    section.intro .intro-fotos #intro-logo img {
        /* max-height:160px;    */
    }
}

@media (max-width: 576px) {

    /* section.intro .intro-fotos #intro-izquierda {
        top: -20px;
    }

    section.intro .intro-fotos #intro-derecha {
        top: -20px;
    } */

    section.intro .intro-fotos #intro-izquierda, section.intro .intro-fotos #intro-derecha {
        transform: translateY(max(-20px, -2vh));
    }



    section.intro .intro-fotos #intro-logo img {
        /* max-height:120px;*/
    }
}

.section-header h2{
    font-family: 'Kalam', cursive;
    /* font-family: 'Caveat', cursive;
    font-family: 'Caveat Brush', cursive;
    font-family: 'Satisfy', cursive;
    font-family: 'Dancing Script', cursive; */
    font-weight:normal;
    text-transform:none;
}

section.eventos .evento .detalles h3{
    font-family: OpenSansLight !important;
}