/*========== FUENTES =======================*/
@font-face{
	font-family: 'ACaslonPro-Regular';
	src: url('../fonts/ACaslonPro-Regular.otf');
}

@font-face{
	font-family: 'ACaslonPro-Bold';
	src: url('../fonts/ACaslonPro-Bold.otf');
}

/*========== FIN FUENTES =======================*/


/* ====================== COMÚN =============================*/
* {
	font-family: Arial;}
img{ 
	border:none;}	
body {
	background-color: #650604;
	/*margin: 0px;
	padding: 0px;
	text-align:center;
	min-height: 100%;
	height: 100*/
}

#contenido {
	width: 100%;
	min-height: 100%;
	position: relative;
	margin: 0 auto 0 auto;
}

#DIVpag{
	background-color: #650604;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 1000px;
	height: auto;
}


/*------------------ INICIO ENCABEZADO -------------------*/
#cabecera{
	/*position: relative;
	width: 950px;
	float: left;*/
}

#cabecera a{
	text-decoration: none;
}

#cabeceraBanner{
	position: relative;
	/*float: left;*/
	width: 950px;
	height: 164px;
}

#cabeceraBanner a{
	text-decoration: none;
}

/*------------------- FIN ENCABEZADO -------------------------------*/

/*------------------- INICIO MENU ----------------------------------*/
#contMenu{
	box-sizing:border-box;
	position: relative;
	padding-top:20px;
	background-color: #000000;	
	font-weight:bold;
	width: 100%;	
    height: 63px;
	font-size:14px;
	color: #ffffff;	
	text-align:center;
}
#contMenu a{
	color:inherit;
	font-size:inherit;
	margin-right:30px;
	font-family:inherit;
	text-decoration: none;	
}
#menu{
	padding-left: 40px;
}

#menu li {
    display: inline;
}

#menu li a {
    /*padding: 5px 5px;*/
    text-decoration: none;
	font-size: 14pt;
	color: #ffffff;
	font-family: Arial;
}
/*------------------- FIN MENU -------------------------------------*/

/*------------------- INICIO REDES SOCIALES ------------------------*/
#redesSociales{
	position: relative;
	width: 950px;
	height: 100px;
}

#idioma{
	float: left;
	padding-left: 40px;
	padding-top: 65px;
}

#idioma a{
	text-decoration: none;
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
}

#rrss{
	float: right;
	padding-right: 20px;
	padding-top: 55px;
}
/*------------------- FIN REDES SOCIALES ---------------------------*/


/*------------------- INICIO PIE DE PAGINA -------------------------*/
#pie {
	position: relative;
	width: 950px;
	height: 120px;
	background-color:#000000;
}

#colabora{
	float: right;
	color: white;
	padding-top: 35px;
	padding-right: 30px;
	font-family: Arial;
}

#logosColaboradores{
	/*width: 610px;*/
	float: right;
	padding-top: 15px;
	padding-right: 15px;
}
/*------------------- FIN PIE DE PAGINA -------------------------*/

/* ============== FIN COMÚN =============================*/


/*=============== INICIO INDEX ==========================*/

#aviso {
	position:relative;
/*	overflow:hidden; */
width:90%;
border: 1px solid #cc0000;
border-radius: 0.5rem;
font-size:1rem;
color: #cc0000;
padding:1rem;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#aviso > a
{
	color:inherit;
	font-size:inherit;
	font:inherit;
	margin-right:2rem;
	font-weight:bold

}
#aviso > a:hover
{
	color:inherit;
	font-size:inherit;
	font:inherit;
	text-decoration: none;

}

#poliniza {
	position: relative;
	width: 100%;
	height: 420px;
	background-color: #650604;
}

.logo-centro {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px; /* opcional, para separación */
}
.logo-centro img {
    max-width: 100%;
    height: auto;
}


#contIz{
	float: left;
	width: 640px;
}


#slider{
	float: left;
	padding-left: 40px;
}

#contIz span{
	position: relative;
	float: left;
	padding-left: 40px;
	font-size: 10pt;
	color: #816f57;
	font-family: Arial;
}

#contDer{
	float: right;
	width: 300px;
}

.titulo{
	font-weight: normal !important;
	font-size: 11pt;
	color: #816f57;
	font-family: Arial;
}

.nombre{
	font-size: 13pt;
}

.origen{
	font-size: 10pt;
}


/*=============== FIN INDEX ==========================*/

/*=============== INICIO TAU =========================*/
#tau{
	position: relative;
	width: 950px;
	height: 850px;
	background-color: #650604;
}

#contIz img{
	float: left;
	padding-left: 40px;
	width: 600px;
}

#contIz p{
	float: left;
	padding-left: 40px;
	color: #000000;
	font-family: Arial;
	font-size: 11pt;
	text-align: justify;
}

#contDer{
	float: right;
	color: #000000;
	font-family: Arial;
	font-size: 11pt;
}

#contDer p{
	line-height: 1.8;
	margin-top: 0;
	padding-left: 25px;
}

#contDer span{
	padding-left: 25px;
	font-weight: bold;
}
/*=============== FIN TAU ============================*/

/*=============== INICIO MENUDO POLINIZA =============*/
#menudo{
	position: relative;
	width: 950px;
	height: 700px;
	background-color: #ffed00;
}

#menudo #contDer p a{
	padding-top:20px;
	text-decoration: none;
	color: #000000;
	font-family: Arial;
	font-size: 11pt;
}
/*=============== FIN MENUDO POLINIZA =============*/

/*=============== INICIO ARTISTAS =================*/
#artistas {
    display: flex; /* Esto activa Flexbox */
    justify-content: center; /* Centrado horizontal */
    align-items: flex-start;     /* Centrado vertical */
    width: 100%;
    height: 1300px;
    background-color: #650604;
	padding-top: 40px;
}


#artistas a{
	text-decoration: none;
}

#artistas img{
	width: 1250px;
}

#artistas .nombre{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12pt;
}

#artistas .origen{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 9pt;
}

#artistas td{
	padding-top: 10px;
	padding-left: 37px;
}


/*=============== FIN ARTISTAS ====================*/


/*=============== INICIO MURALES =================*/






/*=============== FIN MURALES ====================*/



/*=============== INICIO PROGRAMA =================*/

#programa {
	position: relative;
	width: 950px;
	height: 550px;
	background-color: #ffed00;
}

#programa #cont{
	
	float: right;
	width: 950px;
}

#programa #contIz{
	float: left;
	width: 600px;
}

#programa #contIz img{
	width: 550px;
}

#programa #contDer{
	
	float: right;
	width: 340px;
}

#texto_programa{
	width: 900px;
}

#texto_programa_izq{
	padding-top:15px;
	float: left;
	padding-left:20px;
	width: 400px;
	line-height: 1.5;
}

#texto_programa_izq p{
	font-size: 10pt;
	line-height:15px;
}

#texto_programa_der{
	padding-top:15px;	
	float: right;
	width: 400px;
	line-height: 1.5;
}

#texto_programa_der p{
	font-size: 10pt;
	line-height:15px;	
}

#texto_programa .titulo{
	color: #000000;	
	font-weight: bolder;
	font-size: 12pt;
	background-color:#FFFFFF;
}

#texto_programa .subTitulo{
	font-weight: bold;
	font-size: 9pt;
}

#logos_programa{
	float: right;
	width: 340px;
}

.logProg{
	margin: 0 5px 0 5px;
}


/*=============== FIN PROGRAMA ====================*/


/*=============== INICIO FOTOS ====================*/

/* Centrado y sin viñetas para la lista */
.tab-buttons {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.tab-buttons li a {
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid black;
  border-radius: 25px;
  background-color: white;
  color: black;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
}

.tab-buttons li a:hover {
  background-color: #eee;
}

/* Botón activo */
.tab-buttons li a.active {
  background-color: black;
  color: white; /* Texto negro como pediste, pero no se verá. Cambialo si querés */
}




.grid-galeria {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, auto);
      gap: 15px;
      max-width: 100vw;
      max-height: 100%;
      padding: 20px;
      background: transparent;
    }

.grid-proceso {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, auto);
      gap: 50px;
	  margin: 5vw;
      max-width: 90vw;
      max-height: 90vh;
      padding: 20px;
      background: transparent;
    }

.grid-charlas {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(3, auto);
      gap: 15px;
	  margin: 5vw;
      max-width: 90vw;
      max-height: 90vh;
      padding: 20px;
      background: transparent;
    }

.grid-actividades{
	display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(3, auto);
      gap: 15px;
	  margin: 5vw;
      max-width: 90vw;
      max-height: 100%;
      padding: 20px;
      background: transparent;
}

.grid-watchavato {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(1, auto);
      gap: 50px;
	  margin: 5vw;
      max-width: 90vw;
      max-height: 90vh;
      padding: 20px;
      background: transparent;
    }

    .grid-item img {
      width: 100%;
      max-width: 500px;
      height: auto;
      border-radius: 8px;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      object-fit: cover;
    }

    .grid-item {
      display: flex;
      justify-content: center;
      align-items: center;
	  position: relative;
    }

  .overlay-text {
    position: absolute;
    top: 5px;           /* separación del borde superior */
    left: 50%;          /* para centrar */
    transform: translateX(-50%);
    background: rgba(0,0,0,0.6);
    color: white;
    padding: 4px 8px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    white-space: nowrap;
    pointer-events: none; /* que no moleste el click sobre la imagen */
  }

/*=================== FIN FOTOS ==================*/

/*================ INICIO PROGRAMA ===============*/

h1, h2 {
  color: rgb(253,155,154);
  font-size: 50px;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 60px;
}

h3 {
  color: rgb(253,155,154);
  font-size: 50px;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0px;
}

h4 {
  color: rgb(253,155,154);
  font-size: 40px;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 0px;
}

.programa {
  text-align: left;
  max-width: 1000px;
  height: 1500px;
  margin: 0 auto;
  font-size: 20px;
}

.fecha {
  font-weight: bold;
  font-size: 40px;
  margin-top: 40px;
  color: #FFFFFF;
}

.evento div {
  margin-bottom: 10px;
  color: #FFFFFF;
  
}

.mt-2 {
  margin-top: 40px;
}


/*================= FIN PROGRAMA =================*/