.fecha{
font-size:12px;
color: #005db0;
text-align:right;
font-weight:500;

}
h3{
color:#005db5;
font-size:30px;




    font-family: 'Arial', cursive;
    text-decoration:none;


    font-weight:500;
}

#num   {float:left;
	display:inline;
	
	list-style:none;
	margin-top:0px;	
	margin-bottom:30px;
	margin-left: 0px;
	margin-right: 00px;

}

#num li {
        float:left;
	display:inline;
	color:#ab4785;
	text-align:center;
	
	padding: 0px 5px 0px 5px;
	margin-top: 0px;
	border-right:1px dotted #0163be;
	border-left:1px dotted #0163be;
	width:105px;
	border:3px solid #0000;

	


}

#num li a {
	font-family:Myriad pro, Arial, Tahoma;
	font-size:20px; 
	color:#005db5;
	display:block;
	outline:0;
	text-decoration:none;
        padding: 8px 0px 0px 0px;
	text-shadow: 1px 2px 1px #CCC;

        background: #f1f8fe;  -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }


#num li a:hover { background: #d6bb70; color: white; webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }





.logo
	{
       


    width: 200px;
    

}



.num   {float:left;
       position:relative;
        padding: px 55px 0px 5px;
	display:block;
	width:700px;
        height:1000px;
	list-style:none;
	margin-top:30px;	
	margin-bottom:30px;
	margin-left: 0px;
	margin-right: 0px;


}

.num li {
        float:left;
	display:inline;
	width: 300px;
    	height: 400px;

    	overflow: hidden;
   	position: relative;
		margin-top:30px;	
	margin-bottom:30px;
	margin-left: 30px;
	margin-right: 30px;
        border: 5px solid #fff;
box-shadow: -1px -1px 5px rgba(0,0,0,0.5);
        margin-right: 4px;
        transition: all 400ms linear;
 background-color: rgba(126, 130, 132, 0.3);

      

}
       


.num-content{
    position: absolute;
    left: 0px;
    width: 90%;
    height: 60%;
    top: 84%;
}


.num-main{
    font-family: 'Arial', cursive;
    text-decoration:none;
 font-size:30px;
     
    font-weight:300;
    opacity: 0.8;
    text-align: center;
    transition: all 200ms linear;
}
.num li:hover{
   
	z-index:999;   
        transform: scale(1.1);  

        background-color: rgba(214, 187, 112, 0.5);  /*segundo color de fondo boton*/
 box-shadow: -20px -20px 10px rgba(0,0,0,0.1);
}

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 420px; /* altura fija de la tarjeta */
  perspective: 1000px;
  margin-bottom: 20px;
  display: inline-block;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
}

.flip-card-front img {
  width: 100%;
  height: 100%;
  object-fit: contain;;
}

.flip-card-back {
  background-color: #fff; /* fondo blanco */
  color: #000;            /* texto negro */
  transform: rotateY(180deg);
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  overflow-y: auto;       /* scroll si el texto es muy largo */
}

.flip-card-back h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
}


.years-bar {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.years-bar a {
  background: #f3f9ff;   /* azul clarito */
  color: #0056b3;        /* azul texto */
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

.years-bar a:hover {
  background: #0056b3;   /* azul más fuerte */
  color: #fff;           /* texto blanco */
}

/* Solo afecta a las tarjetas dentro de la galería 2023 */
.galeria-2023 .flip-card {
  height: auto !important;       /* quita el alto fijo */
  min-height: 420px;             /* opcional, para que todas queden parejas */
}

.galeria-2023 .flip-card-front img {
  width: 100% !important;
  height: auto !important;       /* evita que se recorte */
  object-fit: contain !important; /* ajusta la imagen completa sin cortes */
}


/* Estilo flip-card adaptado al diseño de galería */
.titulo .flip-card {
  background-color: transparent;
  width: 100%;
  height: 125px; /* altura fija de la tarjeta */
  perspective: 1000px;
  margin-bottom: 20px;
  display: inline-block;
}
.conferencias .flip-card {
  background-color: transparent;
  width: 210px;
  height: 210px;
  perspective: 1000px;
  margin: 0px;
  display: inline-block;
  background: #fff url(../images/thumb_bg.jpg) no-repeat center center;
  background-size: 100% 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.conferencias .flip-card:hover {
  background-size: 100% 100%;
}

.conferencias .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.conferencias .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.conferencias .flip-card-front,
.conferencias .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border: none;
  border-radius: 0;
  overflow: hidden;
}

.conferencias .flip-card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.95;
  transition: all 0.2s ease-in-out;
}

.conferencias .flip-card:hover .flip-card-front img {
  opacity: 0.8;
}

.conferencias .flip-card-back {
  background-color: #fff;
  color: #000;
  transform: rotateY(180deg);
  padding: 0px;
  font-family: 'Oswald', sans-serif;
  text-transform: none;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
}

.conferencias .flip-card-back h4 {
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}