@font-face {
	font-family: 'Young Serif';
	src: url("/javax.faces.resource/font/Young_Serif/YoungSerif-Regular.ttf.xhtml")
		format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Noto Sans';
    src: url("/javax.faces.resource/font/Noto_Sans/NotoSans-Regular.ttf.xhtml") format("truetype");
    font-weight: normal;
    font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/*font-family: 'Young Serif', serif;*/
	font-family: 'Noto Sans', sans-serif;
}

body {
	padding-top: 100px;
	background: rgb(255, 252, 245);
	background: linear-gradient(135deg, rgba(255, 252, 245, 1) 33%,
		rgba(255, 239, 209, 1) 54%, rgba(228, 195, 132, 0.896796218487395) 76%);
	background-attachment: fixed;
}
body .ui-dialog.ui-widget-content {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
/* ---- NAVBAR ---- */
.navbar {
	background: #1b1d20;
	color: rgb(207, 207, 207);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	height: 100px;
	font-size: 20px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	border-bottom: 1px solid #5d636f;
}

.logo {
	font-size: 20px;
	font-weight: bold;
}

/* ---- MENÚ PRINCIPAL ---- */
.menu {
	list-style: none;
	display: flex;
	z-index: 9999;
}

.menu li {
	position: relative;
	margin: 0 2px;
}

.menu li a {
	text-decoration: none;
	color: #ffffffc7;
	padding: 8px 12px;
	display: block;
	transition: background 0.1s;
}

.menu li a:hover {
	background: #e5e5e5;
	border-radius: 2px;
	color: black;
}

/* ---- SUBMENÚS ---- */
.submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	list-style: none;
	padding: 10px 0;
	min-width: 200px;
}

.submenu li {
	margin: 0;
	width: 100%;
}

.submenu li a {
	padding: 10px;
	display: block;
	color: black;
	text-align: left;
}

.submenu li a:hover {
	background: #a57f2c;
	color: white;
}

/* Mostrar submenús cuando se pase el mouse en escritorio */
@media ( min-width : 769px) {
	.menu li:hover>.submenu {
		display: block;
	}

	/* Submenús de segundo nivel */
	.submenu .submenu {
		left: 100%;
		top: 0;
	}
}

/* ---- BOTÓN HAMBURGUESA ---- */
.menu-toggle {
	display: none;
	flex-direction: column;
	cursor: pointer;
}

.menu-toggle div {
	width: 30px;
	height: 4px;
	background: white;
	margin: 5px;
	transition: 0.4s;
}

/* ... (resto del CSS) ... */

/* ---- RESPONSIVE ---- */
@media ( max-width : 768px) {
	.menu {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		background: #fff;
		text-align: center;
		padding: 10px 0;
		z-index: 9999; /* Asegura que esté por encima de otros elementos */
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
		/* Agrega sombra para mejor visibilidad */
	}
	.menu li {
		margin: 10px 0;
	}
	.menu li a {
		color: black;
	}
	.menu-toggle {
		display: flex; /* Asegura que el menú hamburguesa SIEMPRE se muestre */
		z-index: 2;
		/* Asegura que el botón esté por encima del menú desplegable */
	}

	/* Mostrar menú en móviles al hacer clic */
	.menu.active {
		display: flex;
	}
	.menu li a:hover {
		background: #a57f2c;
		border-radius: 2px;
		color: white;
	}
	/* Submenús en móviles */
	.submenu {
		display: none;
		position: relative;
		width: 100%;
	}
	.submenu.active {
		display: block;
	}
}

.pr_div { /* Ajusta el ancho según necesites */
	height: auto; /* Ajusta la altura según el contenido */
	margin: 0 auto; /* Centra el div en la página */
}

.sc_div {
	text-align: justify;
}

.divisiones {
	border: 1px solid #ccc;
}

.flex_1 {
	flex: 1 !important
}

.contenedor_principal {
	position: relative;
	overflow: hidden;
}

.contenedor_x_pr {
	position: relative;
}

.contenedor_x_oh {
	overflow: hidden;
}

.back_1 {
	/*background: #2b2e34;*/
	background: #1b1d20;
}

.back_2 {
	background: #0c251e;
}

.back_3 {
	background: #efe5d4;
}

.back_4 {
	background: rgb(255, 252, 245);
	background: linear-gradient(137deg, rgba(255, 252, 245, 1) 35%,
		rgba(255, 239, 209, 1) 58%, rgba(228, 195, 132, 0.896796218487395) 87%);
}

.back_5 {
	background: #fafbfd00;
}

.back_6 {
	background: rgb(255, 247, 230);
	background: linear-gradient(137deg, rgba(255, 247, 230, 0.6671043417366946)
		11%, rgba(255, 239, 209, 1) 68%,
		rgba(228, 195, 132, 0.896796218487395) 87%);
}

.back_7 {
	background: rgb(255, 252, 245);
	background: linear-gradient(45deg, rgba(255, 252, 245, 1) 35%,
		rgba(255, 239, 209, 1) 58%, rgba(228, 195, 132, 0.896796218487395) 87%);
}

.back_8 {
	background: rgb(255, 252, 245);
	background: linear-gradient(135deg, rgba(255, 252, 245, 1) 33%,
		rgba(255, 239, 209, 1) 54%, rgba(228, 195, 132, 0.896796218487395) 76%);
}
.back_9 {
	background: #fffcf5;
}
.back_10 {
	background: #EDDBB2;
background: linear-gradient(90deg, rgba(237, 219, 178, 1) 0%, rgba(247, 238, 225, 0.87) 50%, rgba(237, 219, 178, 1) 100%);
}
.back_11 {
	background: #E7C991;
background: linear-gradient(90deg, rgba(231, 201, 145, 0.71) 26%, rgba(237, 223, 204, 0.78) 50%, rgba(240, 219, 192, 1) 79%);
}


#id_div_cartel {
	/*background: rgb(255,252,245);
	background: linear-gradient(135deg, rgba(255,252,245,1) 45%, rgba(255,239,209,1) 66%, rgba(228,195,132,1) 87%);*/
	/* background: rgb(255,252,245);
	background: linear-gradient(135deg, rgba(255,252,245,1) 33%, rgba(255,239,209,1) 54%, rgba(228,195,132,0.896796218487395) 76%); */
	
}

#id_div_tema {
	background: #1b1d20;
	border-radius: 20px;
	/*height: 200px;*/
}

#id_div_url {
	background: rgb(238, 230, 219);
	background: linear-gradient(99deg, rgba(238, 230, 219, 1) 3%,
		rgba(97, 18, 50, 0.4458158263305322) 50%,
		rgba(97, 18, 50, 0.8099614845938375) 100%);
}

#id_div_carrusel {
	/* background: rgb(255,252,245);
background: linear-gradient(45deg, rgba(255,252,245,1) 35%, rgba(255,239,209,1) 58%, rgba(228,195,132,0.896796218487395) 87%); */
	
}

#id_div_contacto {
	background: rgb(255, 252, 245);
	background: linear-gradient(137deg, rgba(255, 252, 245, 1) 35%,
		rgba(255, 239, 209, 1) 58%, rgba(228, 195, 132, 0.896796218487395) 87%);
}

#id_div_ms_precongreso {
	background: #0c251e;
	border-radius: 20px;
}

#id_form_contacto {
	border-radius: 6px;
	box-shadow: -5px 5px 3px #5c5c5c, 5px -5px 3px #5c5c5c;
	background-color: #dccfafb5;
}

#imgTemaCentralPanelGrid {
	clip-path: circle(58% at 75.5% 50%);
}

#id_div_principal_carrusel {
	border-radius: 20px;
	background: linear-gradient(145deg, #e1e2e4, #ffffff);
	box-shadow: 7px 7px 3px #e4e4e6, -7px -7px 3px #ffffff;
}

@media screen and (min-width: 1200px) {
	.posicion_im_principal {
		position: absolute;
		right: calc(15% - 100px); /* Ajusta según el tamaño del div */
		top: 1vh;
	}
}

@media screen and (min-width: 1200px) {
	.posicion_div_url {
		position: absolute;
		right: calc(15% - 100px); /* Ajusta según el tamaño del div */
		top: 1vh;
	}
}

@media screen and (min-width: 1200px) {
	.img__principal {
		width: 520px;
		height: auto;
	}
}
@media screen and (max-width: 1200px) {
	.img__principal {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 751px) {
	.img__principal {
		width: 300px;
		height: auto;
	}
	.posicion_im_principal {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* #id_div_img_p{
	 position: absolute; 
    top: 10px;
    left: 50px;
    width: 200px;
    height: 100px;
     z-index: 10;
} */
body.no-scroll {
	overflow: hidden;
}

/* Contenedor de la imagen ampliada */
#zoomedImageContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease-in-out;
	z-index: 11000;
}

/* Imagen ampliada */
#zoomedImageContainer img {
	max-width: 90%;
	max-height: 90%;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Botón de cierre (X) */
.closeBtn {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
	color: white;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.7);
	padding: 5px 10px;
	border-radius: 5px;
	transition: background 0.3s ease;
}

.closeBtn:hover {
	background: rgba(255, 0, 0, 0.8);
}

/* Mostrar la imagen ampliada */
#zoomedImageContainer.visible {
	opacity: 1;
	pointer-events: all;
}

.contenedor_url {
	width: 100%;
	height: 150px;
	margin-bottom: 2rem;
	display: flex;
	cursor: pointer;
	border-radius: 20px;
}

.borde_div {
	border-radius: 88px 34px 123px 0px;
	-moz-border-radius: 88px 34px 123px 0px;
	-webkit-border-radius: 88px 34px 123px 0px;
	border: 1px solid #000000;
}

.sombreado_div1 {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.sombreado_div2 {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.sombreado_div3 {
	border-radius: 10px;
	box-shadow: 0 5px 20px;
}

@media screen and (max-width: 1200px) {
	.div_contact_1 {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
}

@media screen and (min-width: 1200px) {
	.div_contact_1 {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
}

@media screen and (max-width: 1200px) {
	.div_contact_2 {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}

@media screen and (min-width: 1200px) {
	.div_contact_2 {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}

.div_footer {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

#img_inst_contacto {
	clip-path: circle(45% at 50% 50%);
}

.link-hover-effect {
	position: relative;
	text-decoration: none; /* Quita la subrayado por defecto del enlace */
	display: inline-block;
	/* text-align: center; */
}

.link-hover-effect::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px; /* Distancia de la línea respecto al texto */
	width: 100%;
	height: 2px; /* Grosor de la línea */
	background-color: #171b1c; /* Color de la línea */
	transform: scaleX(0); /* Inicialmente no visible */
	transition: transform 0.3s ease; /* Efecto de transición suave */
}

.link-hover-effect:hover::after {
	transform: scaleX(1); /* Mostrar la línea al pasar el cursor */
}

.link-hover-effect2 {
	position: relative;
	text-decoration: none; /* Quita la subrayado por defecto del enlace */
	display: inline-block;
	/* text-align: center; */
	cursor: pointer;
}

.link-hover-effect2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px; /* Distancia de la línea respecto al texto */
	width: 100%;
	height: 2px; /* Grosor de la línea */
	background-color: #efe5d4; /* Color de la línea */
	transform: scaleX(0); /* Inicialmente no visible */
	transition: transform 0.3s ease; /* Efecto de transición suave */
}

.link-hover-effect2:hover::after {
	transform: scaleX(1); /* Mostrar la línea al pasar el cursor */
}

.borde_division {
	border-bottom: 1px solid #2b2e34;
}
.borde_division_2 {
	border-bottom: 1px solid #555b66;
}
.altura_div {
	height: clamp(50px, 50vh, 400px);
	margin-bottom: 2rem;
}

.sobreado_div_2 {
	border-radius: 15px;
	box-shadow: 5px 5px 8px #d3d3d3, -5px -5px 8px #d3d3d3;
}

.boder_div_1 {
	border-radius: 10px 0 0 10px;
}

.boder_div_2 {
	border-radius: 0 0 10px 10px;
}

.border_div_3 {
	border-radius: 10px;
	box-shadow: 0 5px 20px;
}
.border_div_4 {
	border-radius: 10px;
	box-shadow: 1px 1px 6px #f7d3906e, 0px 0px 10px #d3d3d31c;
}

.downloadBtn {
	margin-top: 5px;
	padding: 10px 15px;
	background-color: #a57f2c;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
}

.downloadBtn:hover {
	background-color: #f5eee0;
	color: black;
}

.modal {
	display: none; /* Inicialmente oculto */
	position: fixed; /* Fijo en la pantalla */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* Fondo oscuro */
	justify-content: center;
	align-items: center;
	z-index: 11000;
	/* Asegura que el modal esté encima de otros elementos */
}

.modal img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 10px;
}

.cerrar {
	position: absolute;
	top: 20px;
	right: 20px;
	color: white;
	font-size: 24px;
	cursor: pointer;
}

.pdf-viewer {
	width: 100%;
	height: 90vh; /* 90% de la altura del viewport */
	border: none;
}

#modal-content {
	padding: 20px;
	border-radius: 5px;
	overflow: hidden; /* Asegura que no se salga contenido */
	flex-direction: column;
	justify-content: space-between;
	display: flex;
	justify-content: center; /* Centrar el contenido */
	align-items: center;
	width: 100%;
}
/* .image-container {
    flex-wrap: wrap; Permite que bajen si hay muchas
    align-items: center; Asegura que estén alineadas
    gap: 10px; Espacio entre imágenes
    margin-bottom: 20px;
    width: 100%;
    margin: 0 auto; 
}

.image-container img {
    max-width: 100%; Hace que las imágenes ocupen el 80% del modal
    height: 100%; Mantiene la proporción
    border-radius: 10px; Bordes redondeados
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); Sombra para mejor apariencia
    transition: transform 0.2s;
}

.image-container img:hover {
    transform: scale(1.05); Efecto de agrandar al pasar el mouse
} */
.modal-content2 {
	background: white;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.close {
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	top: 10px;
	right: 15px;
}

#id_dr {
	clip-path: ellipse(40% 45% at 50% 45%);
}

/*Slider -----------*/
:root {
	--slides-per-view: 3;
}

@media ( max-width : 1024px) {
	:root {
		--slides-per-view: 2;
	}
}

@media ( max-width : 600px) {
	:root {
		--slides-per-view: 1;
	}
}

.container-slider {
	width: 100%;
	/*  max-width: 1643px;  */
	margin: auto;
	overflow: hidden;
	/*box-shadow: 0 0 0 2px #1b1d20, 0 15px 50px;*/
	position: relative;
	
	
}

.slider {
	display: flex;
	height: 50vh;
	/* width: 400%;
	margin-left: -100%; */
	width: calc(100% * 10 / 3); /* 10 imágenes, 3 visibles a la vez */
 	margin-left: calc(-100% / 3);
 	transition: all 0.5s ease;
}

@media ( max-width : 1024px) {
	.slider {
	width: calc(100% * 10 / 2); /* 10 imágenes, 3 visibles a la vez */
 	margin-left: calc(-100% / 2);
 	
	}
}

@media ( max-width : 600px) {
	.slider {
	width: 1000%; /* 10 imágenes, 3 visibles a la vez */
 	margin-left: -100%;
 	
	}
}

.slider__section {
	/* width: 100%; */
	width: calc(100% / 3); /* Mostrar 3 imágenes por vista */
	margin: 12px 8px;
	border-radius: 10px;
	box-shadow: 1px 1px 6px #f7d3906e, 0px 0px 10px #d3d3d31c;
}

@media ( max-width : 1024px) {
	
	.slider__section {
	width: calc(100% / 2); /* Mostrar 3 imágenes por vista */
	}
}
@media ( max-width : 600px) {
	
	.slider__section {
		width: 100%; /* Mostrar 3 imágenes por vista */
	}
}

.slider__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	border-radius: 10px;
	}

.slider__btn {
	position: absolute;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.7);
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	font-weight: bold;
	font-family: monospace;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
}

.slider__btn:hover {
	background: #fff;
}

.slider__btn--left {
	left: 10px;
}

.slider__btn--right {
	right: 10px;
}

#id_div_Dr {
	border-radius: 10px;
	box-shadow: 0 5px 20px;
}

#id_hotel {
	border-radius: 10px;
}

@media screen and (min-width: 992px) {
	.line_register {
		border-right: 1px solid black;
	}
}

@media screen and (min-width: 768px) {
	.line_register {
		border-right: 1px solid black;
	}
}

@media screen and (min-width: 1200px) {
	.line_register {
		border-right: 1px solid black;
	}
	@media screen and (max-width: 576px) {
		.line_register {
			border-bottom: 1px solid black;
		}
	}
}

#panelDatagridVideos .ui-datagrid-content {
  background: linear-gradient(135deg, rgba(255, 252, 245, 1) 33%, rgba(255, 239, 209, 1) 54%, rgba(228, 195, 132, 0.9) 76%);
  padding: 1rem;
  border-radius: 10px;
}
#panelDatagridVideos .ui-paginator{
 background: #0C251E;
 background: linear-gradient(90deg,rgba(12, 37, 30, 1) 0%, rgba(12, 37, 30, 0.14) 50%, rgba(12, 37, 30, 1) 100%);	
}
#panelDatagridVideos .ui-paginator .ui-paginator-pages .ui-paginator-page{
	color: black;
}
#panelDatagridVideos .ui-paginator .ui-paginator-next{
	color: black;
}
#panelDatagridVideos .ui-paginator .ui-paginator-last{
	color: black;
}
#panelDatagridVideos .ui-paginator .ui-paginator-prev{
	color: black;
}
#panelDatagridVideos .ui-paginator .ui-paginator-first{
	color: black;
}
/* Aplica solo al datagrid de videos */
.custom-video-grid .ui-datagrid-column {
	width: 33.33%;
	box-sizing: border-box;
	padding: 8px;
	
}

@media ( max-width : 992px) {
	.custom-video-grid .ui-datagrid-column {
		width: 50% !important;
	}
}

@media ( max-width : 768px) {
	.custom-video-grid .ui-datagrid-column {
		width: 100% !important;
	}
}

/* Asegura que los videos no se desborden */
.custom-video-grid video {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}

/* Limita el alto si son muy altos */
.custom-video-grid video {
	max-height: 300px;
	object-fit: cover;
}

.panel_resumen_custom .ui-panel-content {
	border: none !important;
	background: #fff0 !important;
	padding: 0 !important;
}

.panel_resumen_custom_footer .ui-panel-footer{
	background: #fff0 !important;
	border: none !important;
	text-align: center !important;
}

/*cronometro de congreso*/
.cronometro{
    min-height: 92vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
}
.modal_crono {
	display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Esto empuja el contenido hacia abajo */
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 11000;
}
.cronometro:hover{
	 cursor: pointer;
}
.fecha span{
    font-weight: 600;
}
.cuenta_atras{
    display: flex;
    gap: 3rem;
    align-items: center;
    justify-content: center;
}

.grupo{
    line-height: 1;
}

.grande{
    font-size: 6rem;
    font-weight: 700;
}
.chico{
	margin-top: 1rem;
}

@media (width < 550px) {
    .cuenta_atras{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    .punto{
    	display: none;
    }
}

@media (width < 350px) {
    .cuenta_atras{
        display: flex;
        flex-direction: column;
    }
    
    .punto{
    	display: none;
    }
}

.separador_div {
  height: 2px;
  background: rgba(255,255,255,1.9); /* Sombra suave */
  margin: 0;
}

.hover-up {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-up:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/*NUEVO CRNONOMETRO*/

.cuenta_atras_p{
    display: flex;
    gap:0.5rem;
    align-items: center;
    justify-content: center;
    padding: 5px 5px;
}

.grupo_p{
    line-height: 1;
    flex: 1 0 25%;	
}

.grande_p{
    font-size: 20px;
    font-weight: bold;
}
.chico_p{
	font-size: 15px;
	font-weight: bold;
}
.grupo_t{
	background: #ac802f;
	border-radius: 10px;
	padding: 8px 8px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid  #ccc;
	
}
.grupo_u{
	display: flex;
	flex-direction: column;
	gap:0.2rem;
	align-items: center;
	justify-content: center;
}
/*LINEA DE TIEMPO*/
.linea_tiempo_contenedor_principal{
	display: flex;
	height: 50vh;

	
}

.linea_contenedor_secundario{
	flex: 1 0 12.5%;
	position: relative;
	
}

.linea_contenedor_f_l{
	display: flex; 
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 33px;	
}

.bloque-texto-arriba{
	height: 15vh;
	align-items: center;
	display: flex;
	margin-top: 2rem;
	padding: 10px 10px;
	border: 5px solid #a57f2c;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.bloque-texto-abajo{
	margin-top:16.7rem;
	height: 15vh;
	align-items: center;
	display: flex;
	border: 5px solid #a57f2c;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 10px 10px;
}

.linea_tiempo_posicion{
	display: flex;
    align-items: center;
}

.linea_tiempo_circulo{
	width:20px;
	height: 20px;
	border-radius: 50%; 
	border: 3px solid #efe5d4;	
	background: #1b1d20;
}
.linea_tiempo_linea{
	width:100%;
	border: 2px solid #efe5d4;
	background: #1b1d20;
}

.linea_linea{
	width: 30%;
}
.linea_fecha{
	width: 70%;
	height: 5vh;
	align-items: center;
	display: flex;
	justify-content: center;
	border-radius: 5px;
	font-weight: bold;
	
}
@media (width < 1529px){
	.linea_tiempo_contenedor_principal{
		 overflow-x: auto;       /* Habilita scroll horizontal */
	}
	.bloque-texto-abajo{
		overflow: hidden;
	}
	.bloque-texto-arriba{
		overflow: hidden
	}
}
@media (width < 900px){
	.linea_tiempo_contenedor_principal{
		display: flex;
		flex-direction: column;
		align-items: center;
		height: auto;
	}
	.linea_contenedor_secundario{
		display:flex;
		flex: none;
		position: static;
		flex-direction: column;
		width: 100%;
	}
	.linea_contenedor_secundario .uno{
		order: 2;
	}
	.linea_contenedor_secundario .dos{
		order: -1;
	}
	.linea_contenedor_f_l{
		display: flex; 
		flex-direction: column;	
		align-items: center;
		position: static;
		top: auto;
		transform: none;
		margin-left: auto;
	}
	.linea_tiempo_posicion{
		display: flex;
	    flex-direction: column;
	}	
	
	.linea_tiempo_linea{
		height:40px;
		border: 2px solid #efe5d4;
		width: 0;
	}
	.bloque-texto-arriba {
		height: auto;
		align-items: center;
		display: flex;
		margin-top: auto;
		justify-content: center;
		padding: 30px 30px;
		text-align: center;
	}
	.bloque-texto-abajo {
		margin-top: auto;
		height: auto;
		align-items: center;
		display: flex;
		justify-content: center;
		padding: 30px 30px;
		text-align: center;
	
	}
}

/*LINEA DE TIEMPO SEGUNDA PRUEBA*/

.linea_t_content{
	
	height: auto;
	margin: 0 auto;
}

@media (width < 575px){
	.balas{
		width: 50%;
	}
	.balas_ul{
		gap: 1rem;
	}
	.bala_m{
		margin-bottom: 1rem;
	}
}


/*TABLAS PRECONGRESO*/

    .tabs {
      max-width: 100%;
      margin: auto;
    }

    .tab-buttons {
      display: flex;
      border-bottom: 1px solid #ccc;
    }

    .tab-button {
      padding: 20px 20px;
      cursor: pointer;
      
      border: none;
      outline: none;
      font-weight: bold;
      transition: background 0.3s ease;
      border-radius: 10px 10px 0 0;
      
      border: 1px solid #efe5d4;
      background-color: #7e0030ad;
      color: #ffe9c4;
    }

    .tab-button:hover,
    .tab-button.active {
    	background-color: #7e0030;
     	color: #d7c6aa;
    }
    .tab-buttonD {
      padding: 20px 20px;
      cursor: pointer;
      
      border: none;
      outline: none;
      font-weight: bold;
      transition: background 0.3s ease;
      border-radius: 10px 10px 0 0;
      
      border: 1px solid #efe5d4;
      background-color: #7e0030ad;
      color: #ffe9c4;
    }

    .tab-buttonD:hover,
    .tab-buttonD.active {
    	background-color: #7e0030;
     	color: #d7c6aa;
    }

    .tab-content {
      display: none;
      padding: 1rem;
      background-color: #efe5d4;
      border: 1px solid #ccc;
      border-top: none;
    }

    .tab-content.active {
      display: block;
    }
    .tab-contentD {
      display: none;
      padding: 1rem;
      background-color: #efe5d4;
      border: 1px solid #ccc;
      border-top: none;
    }

    .tab-contentD.active {
      display: block;
    }
    
    .tab_contenido_inter{
    	width: 50%;
    	padding: 20px 20px;
    }
	.tab_content{
		width: 100%;
		padding: 20px 20px;
	}
.tab_alto {
	max-height: 100%;
	height: 12vh;
}

.tab_border{
	border: 1px solid #d7c6aa;
    }

    
    
 .modal_mensaje_res {
	display: flex;
    flex-direction: column;
    /* justify-content: flex-end; Esto empuja el contenido hacia abajo */
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 11000;
}