body{
	margin:0;
	padding:0;
	font-family: "Montserrat" !important;
	font-size: 1.0em !important;
	line-height: 1.2em !important;
	/*zoom:80%;*/
	max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
	background-color: #7D0B14;
    color: white;
}


.row{
	margin-right: 0px !important;
	margin-left: 0px !important;
}


@font-face {
    font-family: "Asap-Bold";
    font-style: normal;
    font-display: block;
    src: url(fonts/Asap-Bold.otf) format("otf"), 
	url(fonts/Asap-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-display: block;
    src: url(fonts/Montserrat-Regular.otf) format("otf"), 
	url(fonts/Montserrat-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "AppetitePro-Bold";
    font-style: normal;
    font-display: block;
    src: url(fonts/AppetitePro-Bold.otf) format("otf"), 
	url(fonts/AppetitePro-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Billgates-Demo";
    font-style: normal;
    font-display: block;
    src: url(fonts/Billgates-Demo.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat-EB";
    font-style: normal;
    font-display: block;
    src: url(fonts/Montserrat-ExtraBold.otf) format("otf"), 
	url(fonts/Montserrat-ExtraBold.ttf) format("truetype");
}
@font-face {
    font-family: "Baloo2-SemiBold";
    font-style: normal;
    font-display: block;
    src: url(fonts/Baloo/Baloo2-SemiBold.otf) format("otf"), 
	url(fonts/Baloo/Baloo2-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: "Baloo2-Bold";
    font-style: normal;
    font-display: block;
    src: url(fonts/Baloo/Baloo2-Bold.otf) format("otf"), 
	url(fonts/Baloo/Baloo2-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat-Bold";
    font-style: normal;
    font-display: block;
    src: url(fonts/Montserrat-Bold.otf) format("otf"), 
	url(fonts/Montserrat-Bold.ttf) format("truetype");
}
.f-app{
	font-family: "AppetitePro-Bold" !important;
	
}

.f-bid{
	font-family: "Billgates-Demo" !important;
	
}

.f-meb{
	font-family: "Montserrat-EB" !important;
	
}
.f-mbo{
	font-family: "Montserrat-Bold" !important;	
}

.f-baloo{
	font-family: "Baloo2-SemiBold" !important;
	
}
.f-baloo-negrita{
	font-family: "Baloo2-Bold" !important;
	
}
.f-asapbo{
	font-family: "Asap-Bold" !important;
	
}

/*WEB*/
	.center_div{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.center{
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
	}
	
	.letra_texto{
		font-size: medium;
	}
	.btn {
        border-radius: 15rem;
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
		font-size: medium;
		padding:5px 30px 5px 30px;
		}

    .btn:hover {
        background-color: #fff;
    }

    .navbar {
        display: none;
    }

    .idiomas {
        display: flex;
        gap: 2rem;
    }

    .idiomas>div {
        padding: 2rem;
    }

    .videoplay {
        width: 100vw;
        height: 60vh;
        background-color: rgb(87, 7, 14);
        position: relative;
    }

    .ver-video {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
    }

    video {
        width: 100%;
        height: 100%;
    }

.h5, h5 {
	font-size: 0.85rem;
}
#inicio {
    
    /*background: url(images/portada.webp);*/
	background: #7D0B14;
    transition: all 0.5s;
    padding: 0px 0;
    max-height: 100vh;
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	color: #FFF;
	font-size: 0.9em;
	position: relative;
	/*margin-top: 8%;*/
	
}
#principal {
    
    background: url(images/lineas.png);
    transition: all 0.5s;
    padding: 0px 0;
    height: 100vh;
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	color: #FFF;
	font-size: 0.9em;
	position: relative;
	/*margin-top: 8%;*/
	
}
.centrar_texto 
{
	text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.stylefonttitulo{
	color:#ffffff; font-size:2.4rem; line-height:0.8em;
}
.borde_amarillo{
	border-bottom: 2px solid #d8b251;
	padding-top:1rem;
	padding-bottom:1rem;
}
.d-flexpremio {
	display: flex !important;
}

.d-agend-location{
	height: 20px;
	content: url(images/map.png);
	margin-right: 2px;
	padding-left:1rem;
}

.d-agend-hora{
	height: 20px;
	content: url(images/clock.png);
	margin-right: 2px;
	padding-left:1rem;
}

.d-agend-ponente{
	height: 20px;
	content: url(images/talk-bubbles-line.png);
	margin-right: 2px;
	padding-left:1rem;
}


.nt-btn-m{
	display: none;
}


.d-news-date{
	padding-left: 10px;
	padding-top: 20px;
	text-align: left;
	color: #3B5393;
	font-size: 0.6em;
	/*font-weight: bolder;*/
	font-family: "Montserrat-EB";
}

.text-center{
	text-align:center;
}
.footer_{
	width: 100vw;
	text-align: center;
	position: absolute;
	bottom: 0;
	background-repeat:no-repeat;
	background-size:contain;
	background:#FFF;
	color: #7D0B14;
	font-size: 0.6em;
	padding-left: 1%;
	padding-right: 1%;
}

.imgFooter_{
	width: 25%;
}



.footer{
	width: 100vw;
	text-align: center;
	position: absolute;
	bottom: 0;
	background-repeat:no-repeat;
	background-size:contain;
	background:#7D0B14;
	color: #FFF;
	font-size: 0.6em;
	padding-left: 1%;
	padding-right: 1%;
}

.imgFooter{
	width: 25%;
}

.imgFooterTk{
	width: 100%;
}

.tblFooter{
	width: 100%;
}
.tblFooterTitleHeader{
	padding-left: 10px !important;
	color:#FFFFFF;
	font-size:0.7rem;
}
.tblFooterTitle{
	padding-left: 10px !important;
}

.tblFooterTitle2{
	font-size: 2.5em;
	font-weight: bolder;
	margin-bottom: 20px;
}

.tblTitle2{
	font-size: 1.5em;
	/*font-weight: bolder;*/
	color: #666666;
}

.tblTitle3{
	font-size: 2.9em;
	/*font-weight: bolder;*/
	color: #FFC91C;
}

.tblTitle4{
	font-size: 1.9em;
	/*font-weight: bolder;*/
	color: #FFF;
	text-align: left;
	padding-left: 10px !important;
	margin-bottom: 20px;
}

.tblTitle5{
	font-size: 1.9em;
	/*font-weight: bolder;*/
	color: #3B5393;
	text-align: left;
	padding-left: 10px !important;
}

.tblTitle6{
	font-size: 1.9em;
	color: #FFF;
	text-align: left;
	padding-left: 10px !important;
	line-height : 1.1em;
}

.tblTitle7{
	font-size: 2.5em;
	font-weight: bolder;
	text-align: left;
	padding-bottom: 10px !important;
	line-height : 1.1em;
}
.tituloRevista{
	font-size: 0.9em;
	text-align:center;
	padding-bottom:1em;
}

.parrafoRevista{
	padding-left:30px;
	padding-right:30px;
	font-size: 0.45em;
	text-align:center;
	color:#fff;
	line-height: 1.5em;
}

.parrafoRevistaBlanco{
	padding-left:20px;
	padding-right:20px;
	font-size: 0.55em;
	text-align:center;
	color:#fff;
	line-height:normal;
	font-weight:bold;
}

.left-3-p-m{
	padding-left: 25px !important; padding-right: 10px !important;
}

.left-3-p{
	padding-left: 3% !important;
}

.f-7-p{
	font-size: 0.7em;
}

.f-7-p{
	font-size: 0.7em;
}

.f-11-p{
	font-size: 1.1em;
}

.f-13-p{
	font-size: 1.3em;
}

.f-19-p{
	font-size: 1.93em;
	padding-left:170px;
}

.f-20-p{
	font-size: 2em;
}

.f-24-p{
	font-size: 2.4em;
}

.f-28-p{
	font-size: 2.8em;
}

.tblFooter-td {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	line-height : 1.4em;
}

.tblFooter-m{
	display: none;
}

.tblFooter-m-td {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	line-height : 1.4em;
	text-align: left !important;
}

.tblFooterIcons{
	width: 100%;
}

.tblFooterIcons-td {
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

.tblFooterIcons-m{
	width: 100%;
	display: none;
}

.tblFooterIcons-m-td {
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	text-align: center !important;
}
/*
.lineFooter{
	margin-top:3rem;
	width:98%; 
	height:1px; 
	background-repeat: repeat; 
	background-image: url('images/punto_blanco.png');
	background-size: contain;
	border-radius: 2px;
}
*/
.linkFooter,
.linkFooter:visited,
.linkFooter:link,
.linkFooter:active
{
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}

.linkFooter:hover{
	font-weight: bolder;
}


.text-navbar{
	padding: 5px 0px 5px 50px;
	text-align: left;
	font-size: 0.7em;
	font-weight: bolder;
	letter-spacing: 0px;
	color: #FFFFFF;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	/* transition-duration: 2s; */
}

.text-navbar-m{
	padding: 5px 0px 5px 50px;
	text-align: left;
	font-size: 0.7em;
	font-weight: bolder;
	letter-spacing: 0px;
	color: #FFFFFF;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	/* transition-duration: 2s; */
}

.b-push{
	cursor: pointer;
}

.imgNav
{
	width: 20px;
	margin-right: 10px;
	display: none;
}

.d-btn-navbar{
	display: flex;
	justify-content: center;
	background-color: #1db3e1;
}

.d-btn-navbar-2{
	width: 70%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.d-btn-navbar-m{
	display: flex;
	justify-content: center;
	background-color: #1db3e1;
}

.d-btn-navbar-m-2{
	width: 70%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.d-btn{
	border-radius: 20px;
	color: #FFF;
	background-color: #1db3e1;
	border: 2px solid #FFF;
	margin-left: 5px !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	max-width: 260px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.6em;
	margin-bottom: 2px;
}

.d-btn:hover{
	color: #1db3e1;
	background-color: #FFF;	
}

.d-btn-m{
	border-radius: 20px;
	color: #FFF;
	background-color: #1db3e1;
	border: 2px solid #FFF;
	margin-left: 5px !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	max-width: 260px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.6em;
	margin-bottom: 2px;
}

.d-btn-m:hover{
	color: #1db3e1;
	background-color: #FFF;	
}

.d-btn-mesa{
	border-radius: 20px;
	background-color: #1db3e1;
	color: #FFF;
	border: 2px solid #FFF;
	margin-left: 10px !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.6em;
	margin-bottom: 10px;
	margin-right: 10px;
}

.p-lr-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.m-lr-0{
	margin-left: 0px !important;
	margin-right: 0px !important;
}


.d-estruc_congreso{
	padding-left: 5%;
	background: transparent linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 70%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
	line-height : 1.4em;
	/*z-index: 99;
	position: sticky;*/
    justify-content: center;
	height: 98%;
	
}
.d-estruc_congreso-cont{
	padding-top: 3% !important;
	width: 100%;
	/*height:500px*/
}
.lineamiento_cuadrpo{
    display: flex;
    justify-content: space-evenly;
}


.d-ponencia{
	
	line-height : 1.4em;
	padding-top: 1%;
	/*justify-content: center;*/
	
}

.d-stylecongreso{
	padding-left: 5%;
	background: url('images/img3.png')center center,transparent linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 70%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
	line-height : 1.4em;
    justify-content: center;
	height: 696px;
	
}
.d-stylecongreso-cont{
	padding-top: 3% !important;
	width: 100%;
	
}

.d-agend-text{
	padding-left: 10px !important;
	text-align: left;
	color: #FFF;
	font-size: 0.9em;
	cursor: pointer;
	line-height: 1.2em
}



.d-agend-btn:hover{
	color: #3B5393;
	background-color: #FFC91C;
}

.d-agend-slider{
	width: 100%; 
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
	padding-left: 25px;
	/*background: transparent linear-gradient(90deg, #C74382 0%, #B25EB3 100%) 0% 0% no-repeat padding-box;*/
	/*background: #FFF9 0% 0% no-repeat padding-box;*/
	color: #FFF;
	font-weight: bolder;
	font-size: 1.2em;
	height: 300px;
}

.d-agend-slider-btn1{
	position: absolute;top: 50%;left: -10px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;
}

.d-agend-slider-btn2{
	position: absolute;top: 50%;right: 25px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;
}

.d-agend-slider-btn1 > img {
	width: 50px;
	height: 50px
}

.d-agend-slider-btn2 > img {
	width: 50px;
	height: 50px
}

.d-agend-slider-cont-d1{
	padding-left: 15px; padding-right: 30px;
	width:calc(100% - 30px); height: 270px; 
	position: relative; 
	overflow-y: auto; 
	scrollbar-color: transparent transparent;
	
}

.concurso {
	background: url(images/);
    padding: 0px 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
	padding-top:2%;
	height: 100%;
	background-position-y: bottom;
}

.medida_video{
	margin-left:8rem;
	
	
}
.iframe-bordered {
	border: 7px solid #ffffff; /* Borde de 5px de color verde */
	border-radius: 10px; /* Bordes redondeados */
}
/* Style the scrollbar background */
/*::-webkit-scrollbar {
	background: transparent;
	}
*/
/* Style the scrollbar handle */
/*::-webkit-scrollbar-thumb {
	background: transparent;
	}
*/
.d-agend-slider-cont-d2{
	width: 1600px; 
	display: flex; 
	position: absolute;
	
}

.d-agend-slider-cont-item{
	width: 160px;
}


.d-agend-slider-cont{
	/*background: #FFC91C 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 11px #00000029;
	border: 3px solid #EE971A;*/
	border-radius: 20px;opacity: 1;
	width:180px;
}

.d-agend-slider-cont-el1{
	padding-top:2px; color: #CF2163; font-weight: bolder; font-size: 1.6em;/*padding-left: 25px;*/
}

.d-agend-slider-cont-el2{
	color: #CF2163; 
	font-weight: bolder; 
	/*font-size: 0.7em;*/
	text-align: center;
}

.d-agend-slider-cont-el3{
	height: 35px;
	vertical-align: middle;
	margin-bottom:20px;
	/*margin-left: -10px;
	padding-left:11px; */
	color: #FFF; background-color: #CF2163; 
	font-weight: bolder; font-size: 0.5em;border-radius: 0px 5px 5px 0px;
	line-height: 0.9em;
	padding-top: 10px; padding-bottom: 5px;
	text-align: center;
}

.d-h10{
	height: 10px;
}

.d-h6{
	height: 6px;
}

.d-h3{
	height: 3px;
}

.d-agend-slider-cont-el4{
	color: #3B5393; 
	font-weight: bolder; 
	font-size: 0.65em; 
	line-height: 1.2em;
	margin-top:  25px;
	height: 70px; padding-left: 5px;padding-right: 5px;
	
}

.d-agend-slider-cont-el5{
	color: #CF2163; font-weight: bolder; 
	font-size: 0.5em;
	line-height: 1.2em;
	margin-top: 15px;
	padding-left: 5px;padding-right: 5px;
}

.d-principal-logo{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
}

.d-principal-logo > img{
	width: 55%;
}

#d-banner-html{
	background-color: #000;
	background-image: url('img/cabecera.png');
	position: relative;
	width: 100%;
}

.d-banner-html-1{
	background: linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-webkit-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-moz-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-o-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-ms-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	position: relative !important;
}

.d-banner-html-2{
	background: linear-gradient(top, #8c388d 40%, #3b5494 60%);
	background:-webkit-linear-gradient(top, #8c388d 40%, #3b5494 60%);
	background:-moz-linear-gradient(top, #8b388d 40%, #3b5494 60%);
	background:-o-linear-gradient(top, #8b388d 40%, #3b5494 60%);
	background:-ms-linear-gradient(top, #8b388d 40%, #3b5494 60%);
	position: relative !important;
}

.d-banner-html-3{
	background: linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-webkit-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-moz-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-o-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-ms-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	position: relative !important;
}

.d-banner-html-4{
	background: linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	background:-webkit-linear-gradient(top, #e6551f 40%,  #e6551f 60%);
	background:-moz-linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	background:-o-linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	background:-ms-linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	position: relative !important;
}

.d-banner-html-5{
	background: linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-webkit-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-moz-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-o-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-ms-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	position: relative !important;
}	

.d-banner-html-6{
	background: linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-webkit-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-moz-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-o-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-ms-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	position: relative !important;
}

.d-banner-html-6b{
	background: linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-webkit-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-moz-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-o-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-ms-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	position: absolute !important;
	height: 138px;
	bottom: 0px;
}


.d-banner-img-d-1{
	position: absolute !important;
	bottom: 0px;
}

.d-banner-btn-1{
	border-radius: 20px;
	color: #31649E;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-1:hover{
	color: #000;
	background-color: #FFF500;
}

.d-banner-btn-2{
	border-radius: 20px;
	color: #89398D;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-2:hover{
	color: #000;
	background-color: #ffc91c;
}

.d-banner-btn-3{
	border-radius: 20px;
	color: #cf2163;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 380px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.8em;
}

.d-banner-btn-3:hover{
	color: #FFF;
	background-color: #cf2163;
}


.d-banner-btn-4{
	border-radius: 20px;
	color:  #e6551f;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-4:hover{
	color: #000;
	background-color: #edf059;
}

.d-banner-btn-5{
	border-radius: 20px;
	color:  #000;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-5:hover{
	color: #000;
	background-color: #edf059;
}

.d-banner-btn-6{
	border-radius: 20px;
	color:  #000;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-6:hover{
	color: #FFF;
	background-color: #EE971A;
}

.d-n-link,
.d-n-link:link,
.d-n-link:active,
.d-n-link:link,
.d-n-link:visited{
	text-decoration: none;
	color: inherit;
}

.d-p-r20{
	padding-right: 20px;
}

.d-opt-op{
	opacity: 100%;
	
}

.d-opt-op:hover{
	opacity: 70%;
}

.d-mp{
	background: #fff 0% 0% no-repeat padding-box;
	color: #1db3e1;
	padding-left: 9%;
	padding-right: 3%; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	font-size: 0.8em;
}

.d-mp-1{
	width: 98%; display: flex;
	justify-content: center;
}
.d-mp-2{
	width: 100%;font-size: 0.60em;
	padding-left: 15px;padding-right: 15px;
	padding-top: 5px;
}

.d-icon-container{
	width: 100%;
	position: absolute; 
	top: 61px;bottom: 138px
}

.d-slide-n{
	height: 30px; width: 30px;
}

.d-slide-div{
	display: flex; justify-content: end; padding-right: 30px;
}

.t-p-s{
	transition:all 0.3s ease;
}

blockquote{
	padding: 0px 0px;
	margin: 15px;
	font-size: 10px;
	border: 1px solid #eee;
	border-radius: 10px;
}


#top-menu-options {
	display: none;
    transition: top 0.3s;
    width: 100%;
    z-index: 888;
}

#d-mp-mb{
	display: none;
}

.d-w-date{
	width: 150px;
	font-size:15px;
}

/* alineacion de texto de envio de datos*/
.alinear_texto{
	padding-left: 170px;
	
}

.d-agend-div{
	padding-top:0px;
	padding-right: 30px;
	padding-left: 30px;
	
	
}
.styleBorde{
	border: 1px solid #eee; 
	border-radius: 10px;
	padding: 10px;
	
}

.listaRevista{
	
	display:flex; margin-left: 450px;
}
#cargaRevista
{
	padding-top:30px;
}

.desaparece{
	
	display:none;
}
.desaparece_tabla{display:none;}
.oculta_tabla{display:block;}

.fuenteParrafo {
    
    color: #616b70;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    word-wrap: break-word;
	text-align: justify;
}
.modal-header
{
	justify-content: space-around;
	border-bottom: 0px solid #dee2e6;
}
.modal-footer
{
    justify-content: space-around;
}


.btn-transparente {
	padding:0px;
	margin:0px;
	/*color: #fff;*/
	background-color: rgb(0 0 0 / 0%);
	border-color: rgba(0,0,0,0);
}

.btn-transparente:hover {
	color: #fff;
	background-color: rgb(0 0 0 / 2%);
	border-color: rgba(0,0,0,0);
}

.btn-transparente:focus, .btn-transparente.focus {
	/*box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);*/
}

.btn-transparente.disabled, .btn-transparente:disabled {
	color: #fff;
	background-color: rgb(0 0 0 / 2%);
	border-color: rgba(0,0,0,0);
}

.btn-transparente:not(:disabled):not(.disabled):active, .btn-transparente:not(:disabled):not(.disabled).active,
.show > .btn-transparente.dropdown-toggle {
	color: #fff;
	background-color: rgb(0 0 0 / 2%);
	border-color: rgba(0,0,0,0);
}
/*
	.btn-transparente:not(:disabled):not(.disabled):active:focus, .btn-transparente:not(:disabled):not(.disabled).active:focus,
	.show > .btn-transparente.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
	}
*/
.btn.focus, .btn:focus {
	
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);
}


.style_tabla{
	display: flex; align-items: baseline; display: flex; align-items: baseline; margin-left: 50px; justify-content: space-between;
	
}
.style_premio{
	color:#ffffff; font-size:2.5rem; line-height:1.1em;
}
.style_letra_premio{
	font-size:1.3rem; color:#ffffff; text-align:right;
}
.nos_unimos{
	margin-left:65px;
}

a {
    color: #FFFFFF;
    text-decoration: none;
    /*background-color: transparent;
		-webkit-text-decoration-skip: objects;
	text-decoration: blink;*/
}
.wrapper{
	padding-left:4%;
	padding-right:4%;
}
/*--------------------------------------------------------------
	# Header
--------------------------------------------------------------*/
#header {
	
	/*background: url(images/bg-hero.png),transparent linear-gradient(180deg, #97B4C6 0%, #97B4C6 70%, #97B4C6 100%) 0% 0% no-repeat padding-box;*/
	/*background: url(images/bg-hero1.png);
		background-size:contain;
		background-repeat:no-repeat;
	position:top;*/
	transition: all 0.5s;
	z-index: 997;
	padding: 0px 0;
	/*height: 165px;*/
}

#header.header-scrolled {
	padding: 0px 0;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
	font-size: 52px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.5px;
	/*text-transform: uppercase;*/
	display:contents;
}

#header .logo a {
	color: #ffffff;
}

#header .logo img {
	max-height: 220px;
	padding-top:2rem;
	padding-left:10rem;
}

@media (max-width: 992px) {
	#header .logo {
		padding-left: 0px;
		font-size: 50px;
		max-height: none;
		display: contents;
	}
}

/*--------------------------------------------------------------
	# SLIDER
--------------------------------------------------------------*/
.slider {
	padding: 0;
	/*padding-top:230px;*/
}

.slider .content {
	padding: 5px 100px 0 70px;
}
/*
	.slider .content h3 {
	font-weight: 400;
	font-size: 34px;
	
	}
	
	
	.slider .content h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 5px;
	}
*/
.slider .content p {
	font-size: 26px;
	color: #675327;
}



.slider .accordion-list {
	padding: 0 10px 30px 100px;
}

.slider .accordion-list ul {
	padding: 0;
	list-style: none;
}

.slider .accordion-list li + li {
	margin-top: 15px;
}

.slider .accordion-list li {
	padding: 1px;
	font-size :21px;
	color:#ffffff;
	/*background: #fff;*/
	border-radius: 4px;
}

.slider .accordion-list a {
	display: block;
	position: relative;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	padding-right: 30px;
	outline: none;
	color: #0b2341;
}

.slider .accordion-list span {
	color: #ed502e;
	font-weight: 600;
	font-size: 18px;
	padding-right: 10px;
}

.slider .accordion-list i {
	font-size: 24px;
	position: absolute;
	right: 0;
	top: 0;
}

.slider .accordion-list p {
	margin-bottom: 0;
	padding: 10px 0 0 0;
}

.slider .accordion-list .icon-show {
	display: none;
}

.slider .accordion-list a.collapsed {
	color: #0b2341;
}

.slider .accordion-list a.collapsed:hover {
	color: #ed502e;
}

.slider .accordion-list a.collapsed .icon-show {
	display: inline-block;
}

.slider .accordion-list a.collapsed .icon-close {
	display: none;
}

.slider .play-btn {
	width: 94px;
	height: 94px;
	background: radial-gradient(#ed502e 50%, rgba(237, 80, 46, 0.4) 52%);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 47px);
	overflow: hidden;
}

.slider .play-btn::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 100;
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.slider .play-btn::before {
	content: '';
	position: absolute;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate-btn 2s;
	animation: pulsate-btn 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(237, 80, 46, 0.7);
	top: -15%;
	left: -15%;
	background: rgba(198, 16, 0, 0);
}

.slider .play-btn:hover::after {
	border-left: 15px solid #ed502e;
	transform: scale(20);
}

.slider .play-btn:hover::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border: none;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 200;
	-webkit-animation: none;
	animation: none;
	border-radius: 0;
}

@media (max-width: 1024px) {
	.slider .content, .slider .accordion-list {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 992px) {
	.slider .content {
		padding-top: 60px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.slider .accordion-list {
		padding-bottom: 30px;
	}
}

@-webkit-keyframes pulsate-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}
	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@keyframes pulsate-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}
	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}



/*--------------------------------------------------------------
	# TEMAS DE PONENCIAS
--------------------------------------------------------------*/
.ponencias {
	padding-top: 0px;
	
}

.ponencias .icon-box {
	display: flex;
	align-items: center;
	padding: 20px;
	transition: ease-in-out 0.3s;
	box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);
}

.ponencias .icon-box i {
	font-size: 32px;
	padding-right: 10px;
	line-height: 1;
}

.ponencias .icon-box h3 {
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 16px;
}

.ponencias .icon-box h3 a {
	color: #493c3e;
	transition: ease-in-out 0.3s;
}

.ponencias .icon-box:hover a {
	color: #e43c5c;
}

.stylenumber{
	color: #E5B042; font-size:2.2rem
}
.letra_aescuchar{ 
	color: #ffffff; 
	font-size: 1.5rem; 
	text-align:center;  
	margin-top: 9px;
	padding-left: 0.7rem;
}

.letra_enlaces_small{
	padding-top: 5px;
    font-size: 0.82rem;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    line-height: 1.3rem;
}
.member {
	text-align: center;
	margin-bottom: 9px;
	position: relative;
	overflow: hidden;
	height: 10rem;
}

.member-info {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	/*left: 42px;
	right: 0px;*/
	transition: 0.2s;
	padding: 4px 0;
	width:100%;
	/*border-radius:30px;*/
	font-size:16px;
}

.member-info-content {
	transition: margin 0.2s;
	height: 60px;/*25*/
	transition: height 1.4s;
}
/*
	.member:hover .member-info {
	
	transition: height 4.8s ease, background 4.8s ease; 
	background: linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -webkit-linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -moz-linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -o-linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -ms-linear-gradient(top, #1B1B1B 10%, #252733 90%);
	
	}
	
	.member:hover .member-info-content {
	height: 135px;
	}
*/



/* movimiento a la seccion
	@media (min-width: 1024px) {
	.sorteo {
	background-attachment: fixed;
	}
	}
*/

/*--------------------------------------------------------------
	# PONENTES
--------------------------------------------------------------*/
.ponentes {
	
	/*background: url(images/trama.png);*/
    padding: 0px 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	padding-top:2%;
	height: 100%;
}


@media (min-width: 1280px) {
	.ponentes .container {
		padding: 0 60px;
	}
}


/*--------------------------------------------------------------
	# ESTRUCTURA DEL CONGRESO
--------------------------------------------------------------*/
.estruc-congreso {
	padding-bottom: 5px;
}

.estruc-congreso .icon-box {
	padding: 30px 30px;
	position: relative;
	overflow: hidden;
	/*background: #fff;*/
	/*box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);*/
	transition: all 0.3s ease-in-out;
	border-radius: 20px;
	z-index: 1;
	text-align: center;
	height:370px;
}

.estruc-congreso .icon-box::before {
	content: '';
	position: absolute;
	background: #fdeff2;
	right: 0;
	left: 0;
	bottom: 0;
	top: 100%;
	transition: all 0.4s;
	z-index: -1;
}

.estruc-congreso .icon-box:hover::before {
	
	background: linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -webkit-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -moz-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -o-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -ms-linear-gradient(top, #44403A 10%, #64605B 60%);
	top: 0;
	border-radius: 0px;
}

.estruc-congreso .icon {
	margin-bottom: 15px;
}

.estruc-congreso .icon i {
	font-size: 48px;
	line-height: 1;
	color: #e43c5c;
	transition: all 0.2s ease-in-out;
}

.estruc-congreso .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}

.estruc-congreso .title a {
	color: #111;
}

.estruc-congreso .description {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 0;
}

.estruc-congreso .icon-box:hover .title a, .estruc-congreso .icon-box:hover .description {
	color: #fff;
}

.estruc-congreso .icon-box:hover .icon i {
	color: #fff;
}

.estruc-congreso .member {
	text-align: center;
	margin-bottom: 9px;
	position: relative;
	overflow: hidden;
}

.estruc-congreso .member .member-info {
	opacity: 0;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	transition: 0.2s;
	font-size:smaller;
}

.estruc-congreso .member:hover .member-info {
	background: linear-gradient(180deg, rgba(108, 103, 97, 1.0) 0%, rgba(108, 103, 97, 0.9) 70%, rgba(0, 212, 255, 0) 100%);
	opacity: 1;
	transition: 0.4s;
	width:100%;
	border-radius:30px;
}
.estruc-congreso .member .social p {
	color: #fff;
	font-size:17px;
	padding:1px 30px 20px 25px;
	text-align:left;
}

.img_small{
	width:5%
}

.cancion{
	color: #ffffff; font-size: 21px;
}
.ponencia{  
	margin-left: 65px;
	color:#ffffff;  
	font-size: x-large;
	line-height: 1.7;  
font-weight: 700;}

.fondo_tema{
	
	background: linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-webkit-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-moz-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-o-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-ms-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	height:475px;
}
.texto_sorteo{ text-align: left;  }
.oculta_imagen{display: flex; display:block;}
.oculta_imagen2{display: flex; justify-content: flex-start;}

.table {
    border-color: rgba(0, 0, 0, 0);
}
.margen_video {
    margin-left: 50px;;
}

.centrar_div_descarga{
	display: flex; justify-content: flex-end;
}

.espacio_left {padding-left : 15px;}

.letter_small{
	display: flex;
    position: relative;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
    /*font-family: "Open Sans", sans-serif;*/
	line-height:18px;
	padding-top:0px; /*10px 10px 5px 20px;*/
    width: 95%;
	margin-top:0px;
}
.styleprox{
	color: #FEC92E; font-size: 1.7em; font-weight: 900;
}

.styleTitulo{
	color: #ffffff; font-size: 4.5em; font-weight: 400; line-height: 1em; text-align: center; padding-top:1rem;
}
.styleAmarillo{
	color: #F6E240; 
}
.styleproxblanco{
	color: #ffffff; font-size: 1.1em; font-weight: 400; line-height: 1.45em; padding-top:10rem;
	text-align: justify;
}


/****centrado de imagenes formulario modal*****/
#logo_header{
    max-width: 5%;
	height: auto;
	padding: 5px;
	
	
}

/*--------------------------------------------------------------
	# INTRO
--------------------------------------------------------------*/

.intro {
	padding-bottom: 20px;
	background: #B3AC9A;
	padding-top:2%;
}

.intro .icon-box {
	padding: 15px 10px;
    position: relative;
    overflow: hidden;
    /*background: #cdcdcd61;*/
    /*box-shadow: -6px 5px 20px 0 rgba(68, 88, 144, 0.12);*/
    transition: all 0.3s ease-in-out;
    border-radius: 12px;
    z-index: 1;
    text-align: center;
    color: #3a3131;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
	margin-top:1rem;
	
}

.intro .icon-box::before {
	content: '';
	position: absolute;
	background: #fdeff2;
	right: 0;
	left: 0;
	bottom: 0;
	top: 100%;
	transition: all 0.4s;
	z-index: -1;
	
}
/*
	.intro .icon-box:hover::before {
	background: #FFFFFF;
	top: 0;
	border-radius: 0px;
	}
*/
.intro .icon {
	margin-bottom: 15px;
}

.intro .icon i {
	font-size: 48px;
	line-height: 1;
	color: #e43c5c;
	transition: all 0.3s ease-in-out;
}

.intro .title {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 16px;
}

.intro .title a {
	color: #111;
}

.intro .description {
	font-size: 14px;
	line-height: 1rem;
	margin-bottom: 0;
}
/*
	.intro .icon-box:hover .title a, .services .icon-box:hover .description {
	color: #fff;
	}
*/
.intro .icon-box:hover .icon i {
	color: #fff;
}

.intro .border_div
{
	border: 4px solid #FFFFFF;
    border-radius: 15px;
    padding-right: 8px;
	padding-bottom: 10px;
	background:#f8f8ff;
	/*height: 95%; */
    width: 25rem;
	
}
.a-100{
	width:100%;
}

.a-75 {
	width:75%;
}
.a-60 {
	width:60%;
}
.a-50 {
	width:50%;
}

.lista_ponentes{
	color: #454545; font-weight:bolder; text-align:center;
}

.swiper-slide-magistrales{
	padding: 10px 7px;
    position: relative;
    overflow: hidden;
    background: #cdcdcd26;
    box-shadow: -6px 5px 20px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
    z-index: 1;
    text-align: center;
    color: #3a3131;
    width: 15rem;
    height: 19rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    margin-top: 1rem;
}
.swiper-slide{
	padding: 5px 5px;
    position: relative;
    overflow: hidden;
    /*background: #cdcdcd26;
	box-shadow: -6px 5px 20px 0 rgba(68, 88, 144, 0.12);*/
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
    z-index: 1;
    text-align: center;
    color: #3a3131;
    width: 8rem;
    height: 10rem;
    display: flex;
    align-items: center;    
}

.letra_titulo {
	
	font-size: 50px; color:#ffffff;
}

.fondorojo{ 
	background:url('images/bg-vols.png');
	background-repeat:no-repeat;
	background-size:cover;
	height: 22rem;
} 

.fondoamarillo{
	
	
	background: linear-gradient(top, #E7812A 35%, #E9942D 65%);
	background: -webkit-linear-gradient(top, #E7812A 35%, #E9942D 65%);
    background: -moz-linear-gradient(top, #E7812A 35%, #E9942D 65%);
    background: -o-linear-gradient(top, #E7812A 35%, #E9942D 65%);
    background: -ms-linear-gradient(top, #E7812A 35%, #E9942D 65%);
	
}

.bordemenu {
	margin-left: 15px;
	border-radius: 25px;
	padding: 10px 25px 9px 25px;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 1.1em;
	font-weight:bolder;
	display: inline-block;
	
}
.imgbicenta{
	
}


.BR {
	color: #DC4E74;
	border: 3px solid #DC4E74;
}
.BR:hover {
    color: #FFFFFF; /* Cambia el color a blanco, por ejemplo */
    background-color: #DC4E74; /* Cambia el fondo a #DC4E74 */
    border-color: #FFFFFF; /* Cambia el color del borde */
}
.BAZ {
	color: #4C5AB9;
	border: 3px solid #4C5AB9;
}

.BAZ:hover {
    color: #FFFFFF; 
    background-color: #4C5AB9; 
    border-color: #FFFFFF; 
}
.BA {
	color: #E7AC32;
	border: 3px solid #E7AC32;
}

.BA:hover {
    color: #FFFFFF; 
    background-color: #E7AC32; 
    border-color: #FFFFFF; 
}
.BV {
	color: #559A9F;
	border: 3px solid #559A9F;
}
.BV:hover {
    color: #FFFFFF; 
    background-color: #559A9F; 
    border-color: #FFFFFF; 
}

.BM {
	color: #FFFFFF;
	border: 3px solid #47256E;
	background-color: #47256E;
}
.BM:hover {
    color: #FFFFFF; 
    background-color: #47256E; 
    border-color: #FFFFFF; 
}
.paddingBM {
	/*margin-top: 0rem;
	padding-top: 1rem;*/
    padding-bottom: 2rem;
}



.bordeCeleste {
	border: 4px solid #66B3EE;
    margin: 5px 7px 5px 7px; 
    color: #4C5AB9;
    border-radius: 22px;
    padding: 8px 44px 8px 44px;
    white-space: nowrap;
    /* transition: 0.3s; */
    font-size: 1.1rem;
    font-weight: bolder;
    display: inline-block;
}

.bordeCeleste:hover {
    color: #FFFFFF; 
    background-color: #66B3EE; 
    border-color: #FFFFFF; 
}
.carusel-1{
	background:url('images/carusel-1.png');
	background-size:cover;
	background-repeat:no-repeat;
	height:18rem;
	
}
.carusel-2{
	background:url('images/carusel-2.png');	
	background-size:cover;
	background-repeat:no-repeat;
	height:18rem;
}
.carusel-3{
	background:url('images/carusel-3.png');
	background-size:cover;
	background-repeat:no-repeat;
	height:18rem;
}

.styleSuma
{
	display: flex;justify-content: center; align-items: center;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

th, td {
	text-align: left;
	padding: 12px;
	/*border: 1px solid #ddd;*/
}

th {
	/*background-color: #4CAF50;*/
	color: white;
}

td {
	/*background-color: #f9f9f9;*/
}
.margintop{
	margin-top: 2rem;
}

.marginmapa{
	margin-top: 6rem;
}

.marginTMapa{
	margin-top: 4rem;
}

.marginderecho{
    margin-right: 10rem;
}	
.letraBlanca{
    color: #FFFFFF;
	font-weight:800;
	font-size:1.2rem;
	text-align:left;
	z-index:100;
}
.letraBlancaParrafo{
    color: #FFFFFF;
	font-size:0.9rem;
	text-align:left;
	z-index:100;
}


.imagen-con-marco {
    border: 4px solid #008A88; /* Marco verde */
    border-radius: 25px; /* Bordes redondeados */
    padding: 0px; /* Espacio entre la imagen y el borde */
    overflow: hidden; /* Para que los bordes redondeados se apliquen correctamente */
	margin-top:0rem;
	height: 56vh;
}

.imagen-con-marco img {
    border-radius: 10px; /* Aseguramos que la imagen tenga bordes redondeados también */
	height:100%;
}

.carousel-control-next, .carousel-control-prev {  
    width: 8%;
}
.carousel-caption {
	left: 3%;
	bottom:3.25rem;
	text-align: left;
	padding-top: 1rem;
    padding-bottom: 1rem;
}


.pantalla_completa{
    background: transparent linear-gradient(180deg, #DB0051 0%, #DB0051  70%, #DB0051  100%) 0% 0% no-repeat padding-box;
	background-repeat:no-repeat;
	color:#FFFFFF;
	border-radius:20px;
	padding:0.5rem;
	z-index:2;
	width:30%;
	margin-left:15px;
	/*padding-left:15px;*/
}
.pantalla_completa:hover{
	background:#801E3A;
	cursor:pointer;
}
#imagen_modal::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
    background: linear-gradient(0deg, rgba(23,27,67,1) 4%, rgba(23,27,67,0) 20%);
    z-index: 0;
    background-size: cover;
	border-radius:20px;
	transform: translate(25px, 0px); 
	
}
#imagen_bd::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 100%;
    background: linear-gradient(0deg, rgba(23,27,67,1) 3%, rgba(23,27,67,0) 50%);
    z-index: 0;
    background-size: cover;
    border-radius: 20px;
    transform: translate(5px, -4px); /* Ajusta los valores según sea necesario */
}
#modalDescripFoto, #modalBiografia{
	font-size: 15.6px;
    text-align: justify;
    color: #022675;
}
.informacion_imagen_modal {
	position: absolute;
	
}
#detalleInfo {
	position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-10%);
    background: rgba(255, 255, 255, 0.85);
    padding: 20px;
    border-radius: 15px;
    color: #0044cc;
    width: auto;
	font-size:0.8
}
.fondo_detalles {
	display: none;
	margin-top: 10px;
}
.boton_info_d {
	cursor: pointer;
    font-size: 18px;
    display: flex;
    margin-bottom: 16px;
	color:#FFFFFF;
	border-radius:20px;
	padding:0.5rem;
	z-index:2;
	width:30%;
}
.boton_info_d.activo {
    color: red;  /* Color cuando se hace clic */
}
/*.boton_info_d:active{
	color:#DF0012;
}*/
.boton_info {
	cursor: pointer;
    font-size: 17px;
    display: flex;
    margin-bottom: 1px;
	color:#FFFFFF;
	border-radius:20px;
	padding:0.5rem;
	z-index:2;
	width:30%;
	align-items: center;
}
.boton_info_d i {
	font-size: 24px;
	margin-right: 10px;
}
/*botones redondos*/
/*.fondo_detalles{
	
	background:#FFFFFFCC;
	color:#022675;
	border-radius:20px;
	
	
}*/

.titulo_informativo{
	
	font-size:1.2rem;
	color:#1A1C41;
	font-weight:900;
	text-align:left;
}

.letraAmarilla{
	color: #FFAD00;
    font-weight: 800;
    font-size: 1.2rem;
    text-align: left;
	
}

.carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #FFFFFF;
	margin-bottom: 0px;
    
}

.carousel .carousel-indicators button:focus-within {
	background-color: #DB0051 ; 
}
.carousel-indicators {
    z-index: 100;
	margin-right: 35%;
    margin-left: 35%;
}
.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #FFFFFF; /*color de los botones */
}

#carouselExample .carousel-item img {
    width: 100%;  		/* Asegura que las imágenes ocupen el 100% del ancho del contenedor */
    height: 600px;  	/* Ajusta a la altura deseada */
    object-fit: cover;  /* Mantiene la proporción de la imagen recortándola si es necesario */
}
#carouselExampleDark .carousel-item img {
    width: 100%;  		/* Asegura que las imágenes ocupen el 100% del ancho del contenedor */
    height: 580px;  	/* Ajusta a la altura deseada */
    object-fit: cover;  /* Mantiene la proporción de la imagen recortándola si es necesario */
}
.modal-dialog {
	max-width: 100vw;
	margin: 0;
}
.modal-content {
	background: transparent;
	border: none;
}
.modal-body {
	display: flex;
	/*justify-content: center;
	align-items: center;*/
	height: 100vh;
	padding: 0;
	align-items: flex-end;
    height: 100vh;
    justify-content: space-around;
}
.modal-body img {
	max-width: 100%;
	/*max-height: 100vh;*/
}
.borde_blanco
{
	border-radius:20px;
	border:1px solid #FFFFFF;
	text-align:center;
	width:auto;
	padding: 5px 10px 5px 10px;
	font-size:0.85rem;
	
}


.margin_celutar{
	display: flex ; flex-wrap: nowrap; align-items: flex-end;
}
.estiloDescBio{
		display: flex; flex-wrap: nowrap;
	}
	
.modal-backdrop.show {
	opacity: .95;
}


.recorte{
	
	display: flex; justify-content: space-between; margin-top:-8rem;
}
/*ESCRITORIO*/

@media screen and (min-width: 2048px) {
	.recorte{
		display: flex; justify-content: space-between; margin-top:-3.5rem;
	}
}
/*
@media screen and (min-width: 1920px) {
	.recorte{
		display: flex; justify-content: space-between; margin-top:-3.5rem;
	}
}*/
/*MOBILE*/
@media screen and (max-width: 768px) {
#main {
	height :90%;
}

.footer{
	position:fixed;
	
}

.idiomas {
    display: flex;
    flex-direction: column;
    text-align: center;
}
	
	
.idiomas>div {
    padding: 0rem;
}
		
.recorte{
	
	margin-top:-3.5rem;
}
	
	.imagen-con-marco {
	height: auto;
}
	
	.titulo_informativo {
	font-size: 1.1rem;
    color: #1A1C41;
    font-weight: bolder;
	}
	
	.letraBlancaParrafo {
      font-size: 0.8rem;
    }
	
	.modal-backdrop.show {
		opacity: .8;
	}
	#detalleInfo {
		position: fixed;
        bottom: 7px;
        left: 6%;
        top: 3rem;
        transform: translateX(-3%);
        background: rgba(255, 255, 255, 0.95);
        padding: 17px;
        border-radius: 15px;
        color: #0044cc;
        font-size: 0.8;
        max-width: 100vw;
		max-height: calc(100vh - 70px);
		overflow-y: auto;
        /* max-height: 100vh;*/
	}
	
	.estiloDescBio{
		display: flex;
		flex-direction: column;
	}
	#imagen_modal::after {
		background: linear-gradient(0deg, rgb(7 8 22) 5%, rgba(23, 27, 67, 0) 40%);
		width: 100%;
		transform: translate(0px, 0px);
	}
	
	
	.margin_celutar{
		margin-top: 36rem;
	}
	
	.modal-body {
		justify-content: flex-start;
		display: flex;
        padding: 0;
		align-items: center;
		
	}
	
	/*.modal-body img {
		max-width: auto%;
		max-height: 100vh;
	}*/
	
	.modal-body img.vertical {
	  max-width: auto;
	  max-height: 100vh;
	}
	.borde_blanco {
		width: auto;
		padding: 0px 10px 0px 10px;
		font-size: 0.7rem;
	}
	
	.letraAmarilla {
		font-size: 0.9rem;
	}
	.carousel-indicators {
		margin-bottom: 0rem;
	}
	.boton_info {
		cursor: pointer;
        font-size: 13px;
        display: flex;
        color: #FFFFFF;
        padding: -0.65rem;
        z-index: 2;
        width: auto;
        align-items: center;
	}
	
	.boton_info_d {
	
		font-size: 13px;
		display: flex;
		margin-bottom: 10px;
		padding: 0.45rem;
		z-index: 2;
		width: 30%;
	}
	.pantalla_completa {
		font-size:0.7rem;
		border-radius: 20px;
		padding: 0.5rem;
		z-index: 2;
		width: auto;
		margin-left: 15px;	
	}
	
	#carouselExample .carousel-item img {
		height: auto;  	
	}
	#principal {
		
		height: auto;
	}
	
	.marginTMapa {
	margin-top: 1rem;
	}
	
	.alto-letra{
	line-height: 26px;
	}
	.h5, h5 {
	font-size: 0.92rem;
	}
	
	.table td, .table th {
	padding: 0.3rem;
	font-size: 0.7rem;
	}
	
	.BR:hover {
	color: #FFFFFF; /* Cambia el color a blanco, por ejemplo */
	background-color: #DC4E74; /* Cambia el fondo a #DC4E74 */
	border-color: #FFFFFF; /* Cambia el color del borde */
	}
	.BAZ:hover {
	color: #FFFFFF; 
	background-color: #4C5AB9; 
	border-color: #FFFFFF; 
	}
	
	.BA:hover {
	color: #FFFFFF; 
	background-color: #E7AC32; 
	border-color: #FFFFFF; 
	}
	
	.BV:hover {
	color: #FFFFFF; 
	background-color: #559A9F; 
	border-color: #FFFFFF; 
	}
	
	
	.BM:hover {
	color: #FFFFFF; 
	background-color: #47256E; 
	border-color: #FFFFFF; 
	}
	
	
	.sumate{height:28rem;}
	
	.fondorojo {
	background: url(images/bg-vols.png);
	background-repeat: repeat;
	background-size: cover;
	height: 50rem;
	}
	
	.margintop{
	margin-top: 10.5rem;
	}
	
    .mobile-nav-toggle {
	display: block;
	}
	
	.styleTitulo {
	font-size: 2em; 
	}
	
	.letra_titulo {
	
	font-size: 25px; color:#ffffff;
	}
	
	.swiper-slide{
	height:10rem;
	/*flex-direction: inherit;*/
	
	}
	
	.lista_ponentes{
	text-align:left;
	}
	.centrar_logo{
	display: flex;
	justify-content: center;
	}
	
	.a-100{
	width:75%;
	}
	
	.intro .icon-box {
	padding: 15px 10px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	border-radius: 12px;
	z-index: 1;
	text-align: center;
	color: #3a3131;
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	margin-top:1rem;
	
	}
	
	
	.margen-derecho {
	padding-right: 30px;
	}
	#logo_header{max-width: 20%}
	
	#foto1 {
	max-width: 95%;
	width:95%;
	display: block;
	padding:5px;
	}
	#foto2 {
	max-width: 70%;
	display: block;
	}
	#foto3 {
	max-width: 70%;
	display: block;
	}
	#foto4 {
	max-width: 70%;
	display: block;
	}
	#foto5 {
	max-width: 70%;
	display: block;
	}
	#video {height: 545px;}
	
	.d-stylecongreso{
	background: url('images/img2_2.png')center center,transparent linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 70%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	line-height : 1.4em;
	height: 100%;
	
	}
	.letra_premio{ font-size:10rem; padding :20px; }
	.texto_sorteo{ text-align: center;  }
	.texto_amarillo{color: #E5B042;}
	
	.fixed-top {
	position: absolute;
	}
	#inicio {
	
	/*background: url(images/portadaMovil.png);*/
	/*background: url(images/portadaMovil.png), linear-gradient(top, #192672 10%, #192672 90%);
	background: url(images/portadaMovil.png), -webkit-linear-gradient(top, #192672 10%, #192672 90%);
	background: url(images/portadaMovil.png), -moz-linear-gradient(top, #192672 10%, #192672 90%);
	background: url(images/portadaMovil.png), -o-linear-gradient(top, #192672 10%, #192672 90%);
	background: url(images/portadaMovil.png), -ms-linear-gradient(top, #192672 10%, #192672 90%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	transition: all 0.5s;
	/*padding-top: 10%;*/
	color: #FFF;
	font-size: 0.9em;
	position: relative;
	}
	.sorteo {
	
	padding: 2rem 1rem 2.5rem 1rem;
	}
	.sorteo h3 {
	color: #4C5AB9;
	font-size: 1.4rem;
	font-weight: 700;
	padding-bottom: 1.8rem;
	}
	.sorteo p {
	font-size: 0.9rem;
	line-height:1.2rem;
	}
	.stylenumber{
	font-size:1.2rem
	}
	
	.stylep {
	color: #ffffff ; font-size: 1.7rem; font-weight: 700; text-align:center;padding-top:2rem; padding-bottom:2rem;
	}
	.styleproxblanco{
	color: #ffffff;
	font-size: 0.95em;
	font-weight: 900;
	line-height: 1.35em;
	margin-left:0;
	}
	.medida_video{
	margin-left:0rem;
	}
	.letter_small{
	
	margin-left:10px;
	padding-left:1px;
	}
	
	
	.margen_video {
	margin-left: 0px;;
	}
	.decreto { margin-top :225px; 
	padding-top: 30px;
	}
	.fondo_tema{
	
	background: linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
	background:-webkit-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
	background:-moz-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
	background:-o-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
	background:-ms-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
	
	}
	
	
	.ponencia{  margin-left: 0px; }
	
	#top-menu-options {
	display: none;
	}
	
	#d-mp,
	#d-banner-icon,
	.d-principal-logo,
	.d-btn-navbar,
	/*.ico-none,*/
	.text-navbar{
	display: none;
	}
	
	#d-banner-html{
	top:62px;
	height: 340px;
	
	}
	
	
	.d-slide-div{
	margin-bottom: 80px;
	}
	
	.d-agend{
	/*top: 35px;*/
	padding-top:1%;
	padding-bottom: -5px;
	width:100%;
	height:100%;
	max-height:100%;
	left:7%;
	
	}
	
	.d-agend-cont
	{
	padding-left: 0% !important;
	width: 100%;
	height:100%;
	}
	
	.d-agend-div{
	padding-right: 10px;
	padding-left: 10px;
	
	}
	
	
	.d-agend-slider{
	margin-top: -55px !important;
	width: 100%; 
	border-radius: 0px;
	padding: 0px;
	/*background: transparent linear-gradient(90deg, #C74382 0%, #B25EB3 100%) 0% 0% no-repeat padding-box;*/
	color: #FFF;
	font-weight: bolder;
	font-size: 1.2em;
	height: 250px;
	text-align: center;
	}	
	/*
	.d-agend-slider-btn1{
	top: 1%;
	left: 0px;
	z-index: 101;
	cursor: pointer;
	}
	.d-agend-slider-btn2{
	top: 1%;
	right: 0px;
	z-index: 101;
	cursor: pointer;
	}*/
	
	.d-agend-btn{
	top: 255px;
	position: relative;
	width: 100%;
	max-width: 100%;
	margin-left: 0px !important;
	}
	
	.d-agend-slider-cont-el1{
	font-size: 1.3em;
	padding-left: 0px;
	}
	
	.d-agend-slider-cont-el2{
	font-size: 0.4em;
	}
	
	.d-agend-slider-cont-el3{
	font-size: 0.4em;
	}
	
	.d-w-date{
	width: 70px;
	
	}
	
	.d-agend-slider-cont-el4{
	font-size: 0.6em;
	line-height: 1.1em !important;
	}
	
	.d-news{
	position:static;
	margin-top: 90px;
	}
	
	#t-p{
	width: 90%;
	position: relative;
	overflow: hidden;
	height: 70px;
	}
	
	.t-p-s{
	position: absolute;
	width: 1200px;
	display: flex;
	height: 60px;
	}
	
	.d-n-link > img {
	width: 20px;
	}
	
	.l-img-2 {
	width: 30px !important;
	}	
	
	.np-tr{
	position: relative;overflow-y: auto;
	scrollbar-color: transparent transparent;
	}
	
	.np-td-1{
	position: relative; width: 1200px;display: inline-flex;
	}
	
	.np-td-1-tk{
	width: 400px;
	}
	
	.np-td-2{
	position: relative; width: 1200px;
	}	
	
	.np-td-3{
	position: relative; width: 1200px;display: inline-flex;
	}	
	
	.lineFooter{
	width: 98%;
	}
	
	.d-publish-tt1{
	width: 400px;
	}
	
	.np-td-3-itm{
	width: 400px;
	}
	
	.nt-btn-w{
	display: none;
	}
	
	.nt-btn-m{
	display: block;
	}
	
	.linkFooter, .linkFooter:visited, .linkFooter:link, .linkFooter:active {
	font-size: 0.9em;
	}
	
	.d-publish-img {
	width: 120px;
	height: 190px;
	}
	
	.d-publish-btn{
	width: 100%;
	}
	
/*	.imgFooter{
	width: 60%;
	content: url("images/logos_footer_2.png");;
	}
*/	
	.m-c-d{
	text-align: center;
	}
	
	.tblFooter-m{
	display: block;
	}
	
	.tblFooter-m-td{
	padding-bottom: 10px;
	}
	
	.tblFooter{
	display: none;
	}
	
	.tblFooterTitle{
	padding-left: 0px !important;
	}
	
	.tblFooterIcons{
	display: none;
	}
	
	.tblFooterIcons-m{
	width: 100%;
	display: inline-table;
	}
	
	.l-1{
	width: 100% !important;
	}
	
	.l-2{
	width: 80% !important;
	}
	
	.d-opt-op{
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	/*
	.d-new-m{
	position: relative;
	bottom: 58px;
	}*/
	
	.d-event-btn{
	margin-top: 20px;
	}
	
	.d-editions-td1{
	text-align: center;
	}
	
	.d-editions-td2
	{
	margin-top: 20px;
	display: inline-block;
	text-align: center;
	}
	
	.btn-m-d{
	text-align: center;
	}
	
	.btn-m-d-a{
	display: ruby-base;
	}
	
	.d-agend-slider{
	width: 100%;
	padding-top: 70px;
	
	}
	
	.d-agend-slider-cont{
	width: 83%;
	}
	
	.d-agend-slider-cont-d1{
	padding-left: 3px;
	padding-right: 3px;
	width: 100%;
	height: 270px;
	position: relative;
	}
	
	.d-agend-slider-cont-el5{
	padding-left: 3px;
	padding-right: 3px;
	}
	
	.tblTitle6{
	padding-top: 15px;
	}
	
	.tblTitle3{
	padding-left: 15px;
	padding-right: 1px;
	align-items: center;
	display: flex;
	height: 100px;
	justify-content: center;
	width: auto;
	text-align:center;
	}
	
	.f-ttt{
	margin-top: 30px !important;
	}
	
	.d-banner-btn-1{
	max-width: 95%;
	}
	
	.d-banner-btn-1:hover{
	color: #000;
	background-color: #FFF500;
	}
	
	.d-banner-btn-2{
	max-width: 95%;
	}
	
	.d-banner-btn-2:hover{
	color: #000;
	background-color: #ffc91c;
	}
	
	.d-banner-btn-3{
	max-width: 95%;
	}
	
	.d-banner-btn-3:hover{
	color: #FFF;
	background-color: #cf2163;
	}
	
	
	.d-banner-btn-4{
	max-width: 95%;
	}
	
	.d-banner-btn-4:hover{
	color: #000;
	background-color: #edf059;
	}
	
	.d-banner-btn-5{
	max-width: 95%;
	}
	
	.d-banner-btn-5:hover{
	color: #000;
	background-color: #edf059;
	}
	
	.d-banner-btn-6{
	max-width: 95%;
	}
	
	.d-banner-btn-6:hover{
	color: #FFF;
	background-color: #EE971A;
	}	
	
	.tblTitle4,
	.tblFooterTitle2{
	line-height: 1.3em;
	margin-bottom: 0px;
	}
	
	.f-19-p{
	font-size: 1.7em;
	padding-top:40px;
	line-height:40px;
	}
	
	.b-push {
	visibility: hidden;
	}
	
	.d-event {
	
	font-size: 0.8em;   
	}
	.alinear_texto {
	padding-left: 25px;
	padding-right:17px;
	text-align:center;
	}
	
	.f-11-p {
	text-align: center;
	}
	
	.d-agend-text{
	display:none;
	}
	
	
	/*img {
	width: 100%;
	}*/
	.ajusta_logo {
	width: 45%;
	}
	
	.styleBorde{
	border: 1px solid #eee; 
	border-radius:10px;
	padding: 15px;
	
	}
	
	
	
	.desaparece{
	/*width:100%;
	display:block;*/
	display:flex;
	}
	.desaparece_tabla{display:block;}
	.oculta_tabla{display:none;}
	.oculta_imagen{display:none;}
	.oculta_imagen2{display:none;}
	
	.d-ponencia {   height: 1050px;	}
	.d-estruc_congreso { height: 85%; padding-top:4%;}
	.d-cilco { height: 85%; padding-top:4%;}
	
	
	.titulo_cancion{ margin-left: 0px;}
	.nos_unimos{ margin-left:0px; }
	.centrar_div_descarga{
	display: flex; justify-content: center;
	}
	.espacio_left {padding-left : 0px;}
	
	.table td, .table th {
	/* padding: .75rem; */
	vertical-align: middle;
	border-top: 0;
	}
	
	.style_tabla{
	margin-left: 0px; 	
	}
	
	
	.d-flex {
	display: flex !important;
	flex-direction: column;
	margin-top: 1.3rem;
	}
	.d-flexpremio {
	display: flex !important;
	flex-direction: column;
	flex-wrap: wrap;
	}
	.style_letra_premio{
	font-size:0.9rem; color:#ffffff; text-align:center;
	
	}
	.style_detalle {
	
	font-size: 0.9rem;
	line-height: 1.4rem;
	padding: 5px 7px;
	
	}
	.borde_amarillo {
	
	padding-top: 0rem;
	}
	.centra_titulo
	{ 
	text-align: center;
	}
	
	
	.style_premio{
	font-size:2.0rem;
	}
	.stylefonttitulo{
	color:#ffffff; font-size:1.8rem; line-height:1em;
	}
	
	#header {
	/*height: 58.355rem;*/
	/*background: url(images/bg-hero-mobile.png);/*,transparent linear-gradient(180deg, #97B4C6 0%, #97B4C6 70%, #97B4C6 100%) 0% 0% no-repeat padding-box;*/
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	
	}
	
	#header .logo img {
	max-height: none;
	padding-left: 0px;
	padding-top:0px;
	width:60%;
	}
	
	.slider {
	padding-top: 220px;	
	}
	}
	
	
	@media screen and (min-width: 768px) and (max-width: 1366px) {
	.d-news-img{
	max-width: 400px;
	/*height: 250px;*/
	}
	
	.d-news-title{
	font-size: 0.9em;
	line-height: 1.5em !important;
	} 
	
	}
	
	/*WEB +*/
	
	@media screen and (min-width: 1366px) {
	
	.d-news-img{
	max-width: 400px;
	/*background-color: #3B5393;*/
	/*
	background: linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147, 75%) 65%, rgba(59,83,147,1) 100%);
	background:-webkit-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147, 75%) 65%, rgba(59,83,147,1) 100%);
	background:-moz-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147,75%) 65%, rgba(59,83,147,1) 100%);
	background:-o-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147,75%) 65%, rgba(59,83,147,1) 100%);
	background:-ms-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147, 75%) 65%, rgba(59,83,147,1) 100%);
	*/
	
	}
	
	
	.d-news-title{
	font-size: 1.0em;
	line-height: 1.3em !important;
	}
	
	.d-news-img-d{
	max-width: 380px;
	background-position: center top;
	background-size: 100% auto;
	}
	
	.d-news-date{
	font-size: 0.7em;
	}
	
	.d-news-img > img {
	width: 100%;
	max-height: 200px;
	}
	}
	
	
	@media screen and (min-width: 1800px) {
	
	.d-banner-img-1{
	height: 750px;
	}
	
	.d-banner-img-2{
	height: 600px;
	}
	
	.d-banner-img-3{
	bottom: 30px;
	left: 5%;
	height: 550px;
	}
	
	.d-banner-img-4{
	bottom: 10px;
	right: 60px;
	height: 530px;
	}
	
	.d-banner-img-5{
	right: 30px;
	height: 550px;
	}
	
	}
	
	
	/* Banner */
	
	#banner {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	/*	background-image: url("img/cabecera.png");*/
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	padding: 6em 0 2em 0 ;
	/*background-attachment: fixed; MOVILIDAD AL BARNER*/ 
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: 0 !important;
	cursor: default;
	height: auto; /*71vh;*/
	margin-bottom: -3.25em;
	max-height: 32em;
	min-height: 13.0em;
	position:static; /*relative;*/
	top: -3.25em;
	}
	/*
	#banner:after {
	-moz-transition: opacity 2.5s ease;
	-webkit-transition: opacity 2.5s ease;
	-ms-transition: opacity 2.5s ease;
	transition: opacity 2.5s ease;
	-moz-transition-delay: 0.75s;
	-webkit-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	transition-delay: 0.75s;
	pointer-events: none;
	background-color: #242943;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.85;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	}
	
	*/	
	
	#banner > .inner {
	-moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
	-webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
	-ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
	transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
	padding: 0 !important;
	position: relative;
	z-index: 2;
	}
	
	#banner > .inner .image {
	display: none;
	}
	
	#banner > .inner header {
	width: auto;
	}
	
	#banner > .inner header > :first-child {
	width: auto;
	}
	
	#banner > .inner header > :first-child:after {
	max-width: 100%;
	}
	
	#banner > .inner .content {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin: 0 0 2em 0;
	}
	
	#banner > .inner .content > * {
	margin-right: 1.5em;
	margin-bottom: 0;
	}
	
	#banner > .inner .content > :last-child {
	margin-right: 0;
	}
	
	#banner > .inner .content p {
	font-size: 0.7em;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	}
	
	#banner.major {
	height: 75vh;
	min-height: 30em;
	max-height: 50em;
	}
	
	#banner.major.alt {
	opacity: 0.75;
	}
	
	#banner.style1:after {
	background-color: #6fc3df;
	}
	
	#banner.style2:after {
	background-color: rgba(255, 255, 255, 0.035);
	padding: 50%;
	}
	
	#banner.style3:after {
	background-color: #ec8d81;
	}
	
	#banner.style4:after {
	background-color: #e7b788;
	}
	
	#banner.style5:after {
	background-color: #8ea9e8;
	}
	
	#banner.style6:after {
	background-color: #87c5a4;
	}
	
	body.is-preload #banner:after {
	opacity: 1.0;
	}
	
	body.is-preload #banner > .inner {
	-moz-filter: blur(0.125em);
	-webkit-filter: blur(0.125em);
	-ms-filter: blur(0.125em);
	filter: blur(0.125em);
	-moz-transform: translateX(-0.5em);
	-webkit-transform: translateX(-0.5em);
	-ms-transform: translateX(-0.5em);
	transform: translateX(-0.5em);
	opacity: 0;
	}
	
	@media screen and (max-width: 1280px) {
	
	#banner {
	background-attachment: scroll;
	}
	
	}
	
	@media screen and (max-width: 736px) {
	
	#banner {
	padding: 5em 0 1em 0 ;
	height: auto;
	margin-bottom: -2.75em;
	max-height: none;
	min-height: 0;
	top: 0.1em;
	}
	
	#banner h1 {
	font-size: 2em;
	}
	
	#banner > .inner .content {
	display: block;
	}
	
	#banner > .inner .content > * {
	margin-right: 0;
	margin-bottom: 2em;
	}
	
	#banner.major {
	height: auto;
	min-height: 0;
	max-height: none;
	}
	
	}
	
	@media screen and (max-width: 480px) {
	
	#banner {
	/*padding: 5em 0 2em 0 ;*/
	padding: 11em 0 2em 0 ;
	/*background: url() no-repeat;*/
	background-size: contain;
	}
	
	#banner > .inner .content p br {
	display: none;
	}
	
	#banner.major {
	padding: 8em 0 4em 0 ;
	}
	
	
	
	}
	
	/*fin de banner*/	
	
	
	
	/* Image */
	
	.image {
	border: 0;
	display: inline-block;
	position: relative;
	}
	
	.image img {
	display: block;
	}
	
	.image.left, .image.right {
	max-width: 30%;
	}
	
	.image.left img, .image.right img {
	width: 100%;
	}
	
	.image.left {
	float: left;
	margin: 0 1.5em 1.25em 0;
	top: 0.25em;
	}
	
	.image.right {
	float: right;
	margin: 0 0 1.25em 1.5em;
	top: 0.25em;
	}
	
	.image.fit {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
	}
	
	.image.fit img {
	width: 100%;
	}
	
	.image.main {
	display: block;
	margin: 2.5em 0;
	width: 100%;
	}
	
	.image.main img {
	width: 100%;
	}
	
	@media screen and (max-width: 736px) {
	
	.image.main {
	margin: 1.5em 0;
	}
	
	}
	
	/* LISTADO DE MESES */
	
	.list-group-item {
	display: block;
	padding: 7px 12px;
	margin-bottom: -1px;
	background-color: rgba(255,255,255,0);
	border: 0px solid #ddd;
	}
	
	
	
	/*************************************************************************/
	
	
	
	/*--------------------------------------------------------------
	# Navigation Menu
	--------------------------------------------------------------*/
	/* Desktop Navigation */
	.nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	.nav-menu > ul {
	display: flex;
	}
	
	.nav-menu > ul > li {
	position: relative;
	white-space: nowrap;
	/* padding: 10px 0 10px 28px;*/
	}
	
	.nav-menu a {
	display: block;
	position: relative;
	color: #fff;
	transition: 0.3s;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	}
	
	.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
	color: #ffffff;
	text-decoration:none;
	}
	
	.nav-menu .drop-down ul {
	display: block;
	position: absolute;
	left: 15px;
	top: calc(100% + 30px);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
	}
	
	.nav-menu .drop-down:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
	}
	
	.nav-menu .drop-down li {
	min-width: 180px;
	position: relative;
	}
	
	.nav-menu .drop-down ul a {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	color: #0b2341;
	}
	
	.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
	color: #ed502e;
	}
	
	.nav-menu .drop-down > a:after {
	content: "\ea99";
	font-family: IcoFont;
	padding-left: 5px;
	}
	
	.nav-menu .drop-down .drop-down ul {
	top: 0;
	left: calc(100% - 30px);
	}
	
	.nav-menu .drop-down .drop-down:hover > ul {
	opacity: 1;
	top: 0;
	left: 100%;
	}
	
	.nav-menu .drop-down .drop-down > a {
	padding-right: 35px;
	}
	
	.nav-menu .drop-down .drop-down > a:after {
	content: "\eaa0";
	font-family: IcoFont;
	position: absolute;
	right: 15px;
	}
	
	@media (max-width: 1366px) {
	.nav-menu .drop-down .drop-down ul {
	left: -90%;
	}
	.nav-menu .drop-down .drop-down:hover > ul {
	left: -100%;
	}
	.nav-menu .drop-down .drop-down > a:after {
	content: "\ea9d";
	}
	}
	
	/* Get Startet Button */
	.get-started-btn {
	margin-left: 25px;
	background: #ed502e;
	color: #fff;
	border-radius: 4px;
	padding: 8px 25px 9px 25px;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 14px;
	display: inline-block;
	}
	
	.get-started-btn:hover {
	background: #ef6445;
	color: #fff;
	}
	
	@media (max-width: 768px) {
	.get-started-btn {
	margin: 0 48px 0 0;
	padding: 6px 20px 7px 20px;
	}
	}
	
	/* Mobile Navigation */
	.mobile-nav-toggle {
	position: fixed;
	top: 23px;
	right: 15px;
	z-index: 998;/*9998*/
	border: 0;
	background: none;
	font-size: 34px;
	transition: all 0.4s;
	outline: none !important;
	line-height: 1;
	cursor: pointer;
	text-align: right;
	}
	
	.mobile-nav-toggle i {
	color: #0b2341;
	}
	
	.mobile-nav {
	position: fixed;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 999;/*9999**/
	overflow-y: auto;
	background: #fff;
	transition: ease-in-out 0.2s;
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	padding: 10px 0;
	}
	
	.mobile-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	.mobile-nav a {
	display: block;
	position: relative;
	color: #0b2341;
	padding: 10px 20px;
	font-weight: 500;
	outline: none;
	}
	
	.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
	color: #ed502e;
	text-decoration: none;
	}
	
	.mobile-nav .drop-down > a:after {
	content: "\ea99";
	font-family: IcoFont;
	padding-left: 10px;
	position: absolute;
	right: 15px;
	}
	
	.mobile-nav .active.drop-down > a:after {
	content: "\eaa1";
	}
	
	.mobile-nav .drop-down > a {
	padding-right: 35px;
	}
	
	.mobile-nav .drop-down ul {
	display: none;
	overflow: hidden;
	}
	
	.mobile-nav .drop-down li {
	padding-left: 20px;
	}
	
	.mobile-nav-overly {
	width: 100%;
	height: 100%;
	z-index: 997;/*9997*/
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(4, 12, 21, 0.6);
	overflow: hidden;
	display: none;
	transition: ease-in-out 0.2s;
	}
	
	.mobile-nav-active {
	overflow: hidden;
	}
	
	.mobile-nav-active .mobile-nav {
	opacity: 1;
	visibility: visible;
	}
	
	.mobile-nav-active .mobile-nav-toggle i {
	color: #fff;
	}
	
	.container-fluid {
	padding-right: 0px; 
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	}
	
	
	/***********/
	.btn-get-started:hover {
	background: #e43c5c;
	border: 2px solid #fff;
	color:#ffffff;
	}
	
	.btn-get-started {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 13px 4px 13px;
	border-radius: 40px;
	transition: 0.5s;
	border: 2px solid #fff;
	color: #fff;
	margin: 5px;
	}
	
	.btn-get-started-negro {
	/*font-family: "Poppins", sans-serif;*/
	/*text-transform: uppercase;*/
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 13px 4px 13px;
	border-radius: 40px;
	transition: 0.5s;
	border: 2px solid #000;
	color: #000;
	margin: 5px;
	}
	
	.btn-get-started-blanco {
	/*font-family: "Poppins", sans-serif;
	text-transform: uppercase;*/
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 13px 4px 13px;
	border-radius: 40px;
	transition: 0.5s;
	border: 2px solid #fff;
	color: #fff;
	margin: 5px;
	}
	
	
	.letra_gris{ color: #454545; padding-top:2rem;}
	.letter_amarilla {
	font-size: 26px;
	color: #FFC91C;
	}
	
	
	
	
	
	/****************************/
	.container {
	margin-left: inherit; 
	}
	
	.letra_enlaces_small{
	font-size:1.0rem;
	font-weight:bolder;
	color:#4C5AB9;
	}
	/*
	a:hover{
	
	color:#ddd;
	}
	*/
	.table td, .table th {
	padding: 0.3rem;
	vertical-align: middle;
	border-top: 0;
	}
	.justificar_texto
	{
	text-align: justify;
	
	}
	.letra_blanca{
	color: #ffffff;
	/*font-size: 2.2rem;*/
	}
	
	
	/*--------------------------------------------------------------
	# Hero Section
	--------------------------------------------------------------*/
	#hero {
	width: 100%;
	height: 4vh;
	position: relative;
	}
	/*
	#hero:before {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	}
	*/
	#hero .hero-container {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 0 15px;
	}
	
	#hero h3 {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 26px;
	padding: 10px 30px;
	margin-bottom: 30px;
	border-radius: 50px;
	}
	
	#hero h1 {
	margin: 0 0 10px 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #fff;
	}
	
	#hero h2 {
	color: #eee;
	margin-bottom: 40px;
	font-size: 24px;
	}
	
	#hero .btn-get-started {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 30px 9px 30px;
	border-radius: 50px;
	transition: 0.5s;
	border: 2px solid #fff;
	color: #fff;
	}
	
	#hero .btn-get-started:hover {
	background: #e43c5c;
	border: 2px solid #e43c5c;
	}
	
	@media (min-width: 1024px) {
	#hero {
	background-attachment: fixed;
	}
	}
	
	@media (max-width: 768px) {
	#hero h3 {
	font-size: 22px;
	}
	#hero h1 {
	font-size: 28px;
	line-height: 36px;
	}
	#hero h2 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 30px;
	}
	}
	
	@media (max-height: 500px) {
	#hero {
	height: 150vh;
	}
	}
	
	
	/*--------------------------------------------------------------
	# Sections General
	--------------------------------------------------------------*/
	section {
	padding: 0px 0;
	overflow: hidden;
	}
	
	.section-bg {
	background-color: #f6f9fd;
	}
	
	
	
	
	.btn-danger {
	color: #fff;
	background-color:#DD1D1D ;
	border-color: #DD1D1D;
	}
	.btn-danger:hover {
	color: #fff;
	background-color: #3E3933;
	border-color: #3E3933;
	}
	
	.modal-content{
	border-radius:30px;
	}
	
	/*BOTON CERRAR MODAL */
	.btn-close {
	
	width: 1.5em;
	height: 1em;
	padding: .25em .25em;
	background: transparent url() center / 1em auto no-repeat;
	border: 0;
	border-radius: .25rem;
	opacity: unset;
	}
	
	.btn-close:focus {
	
	box-shadow: unset;
	
	}
	
	.btn-light_detalles {
	
	background-color:#F6C952 ;
	border-color: #3F3A34;
	border: 2px solid;
	border-radius:15px;
	font-weight:bolder;
	}
	.btn-light_detalles:hover {
	color: #fff;
	background-color: #3E3933;
	border-color: #3E3933;
	border: 2px solid;
	border-radius:15px;
	}
	
	.form_detalles {
	
	background-color:#FFF ;
	border-color: #3F3A34;
	border: 2px solid;
	border-radius:20px;
	color:#000;
	height: 370px;
	}
	
	
	form{
	width:100%;
	padding:16px;
	border-radius:20px;
	margin:auto;
	background-color:#ccc;
	padding-top:45px;
	}
	
	form label{
	width:72px;
	font-weight:bold;
	display:inline-block;
	}
	
	form input[type="text"],
	form input[type="email"]{
	width:100%;
	padding:3px 10px 3px 30px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background:#3F3A34;
	color:#ffffff;
	margin:8px 0;
	display:inline-block;
	height: 48px;
	border-radius:10px;
	}
	
	form input[type="submit"]{
	width:100%;
	padding:8px 16px;
	margin-top:32px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color:#000;
	} 
	
	form input[type="submit"]:hover{
	cursor:pointer;
	}
	
	.msj_style{
	color:#000;
	font-size:18px;
	font-weight:bolder;
	}
	
	#txt-event-name::placeholder {
	color:white;
	}
	
	#txt-event-name::-webkit-input-placeholder {
	color: white;
	}
	#txt-event-name::-moz-placeholder {
	color: white;
	}
	#txt-event-name:-ms-input-placeholder {
	color: white;
	}
	#txt-event-name:-moz-placeholder {
	color: white;
	}
	
	
	
	
	#email::placeholder {
	color:white;
	}
	
	#email::-webkit-input-placeholder {
	color: white;
	}
	#email::-moz-placeholder {
	color: white;
	}
	#email:-ms-input-placeholder {
	color: white;
	}
	#email:-moz-placeholder {
	color: white;
	}
	.btn-miralas {
	text-align: center;
	background-color: #707070;
	width: 150px;
	padding: 16px;
	color: #fff;
	cursor: pointer;
	border-radius: 10px;
	width:auto;
	}
	
	
	.style_fecha{
	color:black;
	font-weight:bolder;
	}
	.style_titulo{
	/*color:#AF2832;*/
	padding-top:1rem;
	font-weight:bolder;
	}
	.style_detalle{
	
	font-size:0.85rem;
	/*padding-top:2rem;*/
	line-height:1.35rem;
	padding: 10px 10px;
	bottom: 0;
	text-align:left;
	/*height: 9rem !important*/
	}
	.thumbnail{
	text-align:center;
	padding-top:1rem;
	}
	
	
	/* Estilo base para los elementos de la lista */
	#portfolio-flters li {
	cursor: pointer;
	padding: 10px;
	/* border: 1px solid #ddd;*/
	margin: 0 5px;
	/* border-radius: 5px;*/
	}
	
	/* Estilo para el elemento seleccionado */
	#portfolio-flters li.active {
	/*background-color: #007bff73; /* Color de fondo para el elemento activo */
	color: #fff; /* Color del texto para el elemento activo */
	/*border-color: #007bff; /* Color del borde para el elemento activo */
	background: #422315;
	border: 1px solid #DB1D1D;
	}
	.letra{
	padding-top:1.2rem;
	font-size:0.75rem;
	text-align:center;
	font-weight:700;
	}
	
	
	
	/* Contenedor del video */
	.video-container {
	width: 460px; /* Ajusta el tamaño del video según tus necesidades */
	/*margin: 0 auto;*/
	margin:1rem auto;
	padding: 7px; /* Espacio interno */
	border: 4px solid #3f3a347d; /* Color y grosor del borde */
	border-radius: 15px; /* Bordes redondeados */
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); /* Sombra */
	}
	
	iframe {
	width: 100%;
	height: 315px;
	border: none; /* Eliminar cualquier borde del iframe */
	}
	
	
	
	/*******************/
	/* Estilo base para la tarjeta */
	.card {
	display: flex;              /* Usamos flexbox para el contenedor de la tarjeta */
	flex-direction: column;     /* Colocamos los elementos (como el texto) en una columna */
	justify-content: space-between; /* Distribuye el espacio entre los elementos (y asegura que el contenido esté en la parte inferior) */
	height: 300px;              /* Altura fija para la tarjeta */
	border: 1px solid #ddd;     /* Borde de la tarjeta */
	background-color: #fff;     /* Fondo blanco */
	padding: 15px;              /* Espaciado interno */
	box-sizing: border-box;     /* Incluye el padding en las dimensiones totales */
	}
	
	/* Estilo para el cuerpo de la tarjeta */
	.card-body {
	display: flex;              /* Usamos flexbox en el body para permitir el control de la alineación */
	flex-direction: column;     /* Alineamos los elementos (título y texto) en una columna */
	justify-content: space-between; /* Distribuimos el espacio entre el título y el texto */
	flex-grow: 1;               /* Esto asegura que el body de la tarjeta ocupe todo el espacio disponible */
	}
	
	/* Estilo para el título de la tarjeta */
	.card-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
	/* Estilo para el texto de la tarjeta */
	.card-text {
	font-size: 14px;
	margin-top: auto;           /* Empuja el texto hacia el fondo del contenedor */
	}
	.fixed-top {
	position: absolute;
	}
		
	.lottie{
		width: 90vw; 
		height: 70vh;
	}
	
	.name_region{
		font-size:xx-large;
	}
	
	.tam_mapa
	{
		width:90% ;
	}
	

@media (max-width: 1855px) {
	.boton_info_d {
    
		font-size: 12px;

	}
	.borde_blanco {
    
		padding: 2.5px 7px 2.5px 7px;
		font-size: 0.6rem;
	}
	#imagen_modal::after {
        width: 100%;
		transform: translate(0px, 0px);
	}
		
	#modalDescripFoto, #modalBiografia {
    font-size: 0.7rem;
    }
	.titulo_informativo {
		font-size: 1rem;
		font-weight: 900;
	}
	.pantalla_completa {
		padding: 0.4rem;
		width: 23%;
		margin-left: 14px;
		font-size: 0.7rem;
	}
	.recorte {
		margin-top: -13rem;
	}
	
    .margintop {
        margin-top: 2rem; /* 29rem; Reducción del margen para pantallas más pequeñas */
	}
	.h5, h5 {
    font-size: 0.75rem;
	}
	.btn-inicio a, .btn-inicio a:focus{
		font-size: 0.8rem;
		width: 7rem;
	}
	.bordemenu {
		margin-left: 10px;
		border-radius: 25px;
		padding: 5px 15px 5px 15px;
		white-space: nowrap;
		transition: 0.3s;
		font-size: 1.1em;
		font-weight: bolder;
		display: inline-block;
	}
	/*.lottie{
		width: 70px; 
		height: 60px;
	}*/
	
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .2rem;
	}
	
	.name_region{
		font-size:xx-large;
	}
	
	.display-tbl {
      border-spacing: 3px;
	}
	
	.display-tbl > div > div {
		padding: 3px;
	}
	
	.tam_mapa
	{
		width:80% ;
	}
	
}

@media (max-width: 1440px) {
    .margintop {
        margin-top: 2rem; /* Reducción del margen para pantallas más pequeñas */
    }
	.h5, h5 {
    font-size: 0.75rem;
	}
}		
	/* Ajustes para pantallas más pequeñas que 1024px */
@media (max-width: 1023px) {
    .margintop {
        margin-top: 2rem; /* Reducción del margen para pantallas más pequeñas */
    }
}

/* Ajustes para pantallas más pequeñas que 768px */
@media (max-width: 767px) {
    .margintop {
        margin-top: 1rem; /* Margen aún más reducido para móviles */
    }
}

/* Ajustes para pantallas muy pequeñas (menos de 480px) */
@media (max-width: 479px) {
    .margintop {
        margin-top: 0rem; /* Margen mínimo para dispositivos móviles pequeños */
    }
}


/********/
@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.2rem;
    }
}



/***************CSS PARA MENU ******************/
.accordion ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100vh;
        margin: 0;
        padding: 0;
    }

    .accordion ul li {
        display: inline-block;
        position: relative;
        width: 100%;
        min-height: 300px;
        background-repeat: no-repeat;
        background-position: center center;
        text-align: center;
        color: #fff;
		
    }

    .accordion ul li:nth-child(1) {
        background-image: url("images/menu principal/menu1.webp");
        background-size: cover;
    }

    .accordion ul li:nth-child(2) {
        background-image: url("images/menu principal/menu2.webp");
        background-size: cover;
    }

    .accordion ul li:nth-child(3) {
        background-image: url("images/menu principal/menu3.webp");
        background-size: cover;
    }

    .accordion ul li {
        transition: transform 0.3s ease;
    }

    .accordion ul li:hover {
        transform: scale(1.1);
    }
/*
    .accordion ul li::before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.3);
        content: '';
    }
*/
    .accordion ul li div {
        transform: translateY(0px);
        transition: transform 500ms;
		/*padding:0px 0px 100px 1px;*/
		/*padding:0px 0px 50px 1px;*/
    }

    .accordion ul li a {
        text-decoration: none;
        color: #fff;
    }

/*
    .accordion ul li h1 {
        text-overflow: clip;
        font-size: 1.5rem;
        line-height: 2rem;
		font-weight:900;
    }

    .accordion ul li p {
		width: 25vw;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        opacity: 0;
        transition: opacity 200ms;
        margin-left: 10vw;
        margin-right: 10vw;
		height: 100px;
    }
*/
/*    @media screen and (min-width: 769px) {
        .accordion {
            height: 100vh;
            min-height: 600px;
            overflow: hidden;
        }

        .accordion ul {
            height: 600px;
        }

        .accordion ul li {
            display: table-cell;
            vertical-align: bottom;
            width: 33%;
            height: 100vh;
            min-height: 600px;
            transition: all 500ms ease;
			
        }

        .accordion ul:hover li {
            width: 30%;
        }

        .accordion ul:hover li:hover {
            width: 40%;
        }

        .accordion ul li::before {
            background: #7D0B14;
            mix-blend-mode: multiply;
            opacity: 0;
            transition: opacity 1s, transform 1s;
        }

        .accordion ul li:hover::before {
            opacity: 1;
        }

        .accordion ul:hover li:hover * {
            opacity: 1;
            transition: opacity 400ms, transform 400ms;
            transform: translateX(0);
			
        }

        .accordion ul li div {
          
            transition: transform 400ms;
			
        }

        .accordion ul li p {
            width: 30vw;
            height: 90px;
            opacity: 0;
            margin-left: auto;
            margin-right: auto;
			padding-bottom:1rem;
			
        }

    }
	*/
	/****CSS PARA HOME ES****/
	
	
	#main {
		position: relative;
	}

	.bienvenida-container {
		position: relative;
	}

	.accordion ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.accordion li {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
		/*border-radius: 20px;*/
	}

	#bicentenario,
	#legado,
	#miradas {
		position: relative;
	}

	#bicentenario::after,
	#legado::after,
	#miradas::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/*background: linear-gradient(0deg, rgba(110, 27, 24, 0.7) 30%, rgba(110, 27, 24, 0) 60%);*/
		background:linear-gradient(0deg, rgba(110, 27, 24, 0.8) 54%, rgba(110, 27, 24, 0.1) 99%);
		z-index: -1; /* Fondo detrás del contenido */
		background-size: cover;
		border-radius: 1px;
		transform:translate(0px, -32px);/* translate(5px, -4px);*/
	}

	.accordion li a {
		display: block;
		color: inherit;
		text-decoration: none;
	}

	.accordion li div {
		position: relative;
		z-index: 1; /* Asegura que el contenido de h1 y p esté por encima del fondo */
		padding: 20px;
		
		background-color: linear-gradient(0deg, rgba(110, 27, 24, 1) 3%, rgba(110, 27, 24, 0) 50%);
		border-radius: 20px;
		top: 1rem;
	}

	.accordion ul li h1 {
		font-size: 1.5rem;
		margin: 0 0 10px;
		color: #ffffff;
		z-index: 2;
		position: relative; /* Asegura que esté en el primer plano */
		line-height: 2rem;
		font-weight:900;
		text-overflow: clip;
	}
       
	.accordion ul li p {
		font-size: 0.8rem;
		color: #f2f2f2;
		z-index: 2;
		position: relative; /* Asegura que esté en el primer plano */
	}

/*#bicentenario::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(110, 27, 24, 1) 10%, rgba(110, 27, 24, 0) 50%);
    z-index: 0;
    background-size: cover;
    border-radius: 20px;
    transform: translate(5px, -4px);
}*/

.espacio_div{
	margin-top:-19rem;
}

.member-info {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 4px;
    transition: 0.2s;
    padding: 4px 0;
    background: rgba(37, 39, 51, 0.8);
    width: 98%;
    border-radius: 30px;
    font-size: 16px;
}