/*
  Theme Name: TheEvent
  Theme URL: https://bootstrapmade.com/theevent-conference-event-bootstrap-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

:root {
  --color_fondo_primario: 184, 93, 49;
  --color_fondo_secundario: 255, 219, 83;
  --color_cabeceras: 205, 137, 14;
  --color_texto_primario: 255, 255, 255;
  --color_texto_secundario: 0, 0, 0;
  --color_texto_resaltado: 180, 169, 15;
  --color_footer_apartado: 246, 247, 253;
}
a {
  color: rgba(var(--color_fondo_primario), 0.95); 
}

a:hover,
a:active,
a:focus {
  color: rgba(var(--color_cabeceras), 0.95); ;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(var(--color_fondo_primario)); 
}

h2{
  font-family: OpenSansLight;
}

/* Agenda */
#day-1 h3, #day-1 h5 {color: rgba(var(--color_fondo_primario)) !important;}
#day-2 h3, #day-2 h5 {color: rgba(var(--color_cabeceras)) !important;}
#day-3 h3, #day-3 h5 {color: rgba(var(--color_texto_resaltado)) !important;}
#day-1 h3,#day-2 h3,#day-3 h3 { text-shadow: 1px 1px 1px #999;}

/* Inscripcion */

#inscripcion .form button[type="submit"]{
  background: rgba(var(--color_texto_resaltado));
}

#inscripcion .form button[type="submit"]:hover {
  background: #88aac6;
}

.section-header p{
  color: rgba(var(--color_fondo_primario));
}


/* Back to top button */

.back-to-top {
  background: rgba(var(--color_texto_resaltado));
}

.back-to-top:hover {
  background: rgba(var(--color_fondo_secundario));
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
  padding: 25px 0;
}

#header.header-scrolled,
#header.header-fixed {
  background: rgba(var(--color_fondo_primario), 0.95);  
}

#header #logos {
  float: left;
  margin-top: -10px;
}

#header #logos img.logo_diputacion{
  max-width:180px;	
}

#header, #header.header-scrolled, #header.header-fixed{
  background-color: rgba(var(--color_texto_resaltado), 1)!important;	
}

.section-header::before {
  background: rgba(var(--color_texto_resaltado));
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Meu Styling */

.nav-menu a {
  color:rgba(var(--color_texto_primario));
}

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

.nav-menu li.buy-tickets a{
  background-color: rgba(var(--color_fondo_primario));
  color: rgba(var(--color_fondo_secundario));
}

.nav-menu li.buy-tickets a:hover{
  color: rgba(var(--color_texto_primario));
}

/*--------------------------------------------------------------
#    Section intro
--------------------------------------------------------------*/

#intro {
  background: url(../img/intro_bg.jpg) center !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#intro::before{
  background: rgba(var(--color_fondo_primario), 0.2);
}

#intro .intro-container {
  text-align: center !important;
  bottom:30px!important;	
}

#intro .fondo {
  border-radius: 30px;
  background-color: rgba(var(--color_fondo_primario), 0.5);
  font-size: 40px!important;
  color: rgba(var(--color_texto_primario));
}

#intro h1{
  padding: 10px;
  font-family: "OpenSansLight", sans-serif !important;
}

#intro h3 {
  color:rgba(var(--color_texto_primario));
}

#intro .ie{
  font-family: "Raleway", sans-serif !important;
  text-shadow: none;
  background-color: rgba(var(--color_fondo_secundario));
  border-radius: 10px;
  color:rgba(var(--color_fondo_primario));
}

#intro p {
  color: rgba(var(--color_cabeceras));
  font-size:18px!important;	
  text-shadow:2px 2px 2px rgba(var(--color_texto_secundario));
  font-weight: 400;
  text-align: center;
  margin-top: 50px;
}

#intro .about-btn {
  color:rgba(var(--color_fondo_secundario));
  border: 2px solid rgba(var(--color_fondo_secundario));
/*  background-color:#cda801; */
  background-color: rgba(var(--color_fondo_primario));
/*   margin-top:600px!important;*/ /* define la separación del botón respecto al bloque del título */	  

}

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

/*--------------------------------------------------------------
# evento Section
--------------------------------------------------------------*/

#evento {
  background-color: #CCC !important;
  margin-bottom: 0;
}

#evento h2{
  color:rgba(var(--color_fondo_secundario));
}

#evento:before {
  background: rgba(var(--color_fondo_primario), 0.7);    
}

#evento p{
  color: rgba(var(--color_texto_primario));
  font-size:16px;
}

#evento a{
    color:rgba(var(--color_texto_primario));
    font-weight: bold;
}

#evento a:hover{
    color: rgba(var(--color_cabeceras));
}

/*--------------------------------------------------------------
# ponentes Section
--------------------------------------------------------------*/

#ponentes ul li{
  display: flex;
  align-items: flex-start; /* Alinea el texto con la flecha */
  margin-bottom: 15px;
  text-align: justify;
}

#ponentes ul li::before{
  content: "➔ "; /* Símbolo de flecha de Unicode */
  margin-right: 8px; /* Espacio entre la flecha y el texto */
}

/*--------------------------------------------------------------
# agenda Section
--------------------------------------------------------------*/

#agenda{
  background-color: rgba(var(--color_footer_apartado));
}

#agenda .agenda-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

#agenda .agenda-item h3 {
  font-weight: bold;
}

#agenda .agenda-item h5 {
  margin-top: 5px;
  font-family: "OpenSansLight", sans-serif;  
  font-weight:bold;
  color:rgba(var(--color_fondo_primario));
}

#agenda .agenda-item p {
  font-style: normal;
	color:rgba(var(--color_texto_secundario));
  margin-bottom: 10px;
}

#agenda .agenda-item p u{
  text-decoration: none;
}

#agenda .nav-tabs a{
  background-color: none;
}

#dia1{
  background-color: rgba(var(--color_fondo_primario))!important;
}

#dia2{
  background-color: rgba(var(--color_cabeceras))!important;
}

#dia3{
  background-color:#c5b627 !important;
}

#agenda h4{
	color:rgba(var(--color_texto_secundario));	
}

#agenda .nav-tabs a.active {
	box-shadow: 1px 2px 3px black !important; 
}
/*--------------------------------------------------------------
# lugar Section
--------------------------------------------------------------*/

#lugar .lugar-info::before{
  background-color: rgba(var(--color_fondo_primario), 0.7);
}

#lugar .lugar-info {
  background: url("../img/lugar/lugar-bg.jpg") center center no-repeat;
  background-size: cover !important;
}

#lugar .lugar-info h3 {
  font-family: "OpenSansLight", sans-serif;  
  color: rgba(var(--color_fondo_secundario));
}

#lugar .lugar-info h5 { 
  text-shadow: 1px 2px 1px rgba(var(--color_texto_secundario));
  color: rgba(var(--color_cabeceras));
}

#lugar .lugar-info p{
  color: rgba(var(--color_texto_primario));
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
#contacto { margin: 75px 0 50px 0;}
#contacto .contact-info p{
  text-align: center;
}

#contacto .contact-info h3 {
  font-family: "Raleway", sans-serif;
  font-size: 1.5rem;
  text-align: center;
}

#contacto .text-center h3{
  font-family: OpenSansLight;
  margin-bottom: 50px;
}

#contacto .contact-info a {
  color: rgba(var(--color_texto_resaltado)) !important;
}

#contacto .contact-info a:hover {
  color: #88aac6 !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer .footer-top .social-links a:hover {
  color: rgba(var(--color_cabeceras));
}

#footer .footer-top h4 {
  border-bottom: none !important; 
  text-transform: none !important;
  font-family: OpenSansLight;
  font-size: 1.2em;
}

#footer .footer-top .footer-links ul i {
  color: rgba(var(--color_texto_primario));
}

#footer .footer-top .footer-links ul li { 
	border-bottom: none !important; 
}

#footer .footer-top .footer-links ul a:hover {
  color: #88aac6 !important;
}

#footer .footer-top .footer-contact p a{
	color:rgba(var(--color_texto_primario));
}

#mapa_web a:hover{
  color: #88aac6;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 5px;
  padding: 15px;
}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
@media (max-width: 750px) {
  #intro {
    background: url(../img/intro_bg.jpg) center !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  #intro h1 {
    padding: 20px;
    font-family: "OpenSansLight", sans-serif !important;
    font-size: 50px;
}
}
@media (max-width: 574px) {
  #intro h1{
    font-size: 30px !important;
  }
  #intro h1 span{
    font-size: xx-large !important;
  }
  
}

@media (max-width: 480px) {
  #intro h1{
    font-size: 22px !important;
  }
  #agenda .nav-tabs a {
    padding: 8px 16px !important;
  }

  #intro h1 span{
    font-size: xx-large !important;
  }
}

@media (max-width: 460px) {
  #intro h1{
    font-size: 22px !important;
  }
  #intro h1 span{
    font-size: xx-large !important;
  }
}

@media (max-width: 1399px) {
  #mobile-nav ul li a:hover{
    color: #88aac6 !important;
  }

  #intro {
    background-position:cover !important;
  }
  #intro .intro-container{
    bottom:10px!important;	
  }
  #evento{
    background-image: none !important;
  }
  }
  
  @media (max-width: 1199px) {

    #intro p{
      margin-top: 0px;
    }

    #intro .intro-container{
      bottom:10px!important;	
    }	

    #ponentes .align-items-center{
      margin-bottom: 50px;
    }
  }