@charset "UTF-8";
@font-face {
	font-family: 'Patria';
	font-weight: 100;
	src: url('../fonts/patria/Patria_Regular.woff') format('woff');
}
html{
	scroll-behavior: smooth;
}
body{
	font-family: 'Noto Sans', 'Montserrat';
	color: #4d4d4d;
}
.contGral{
	background: #e2e2e2;
	position: relative;
	height: calc(100vh - 51px);
	overflow: auto;  
	overflow-x: hidden;
	scroll-snap-type: y mandatory;
}
.seccion{
	position: relative;
	height: calc(100vh - 51px);
	background: #e2e2e2;
	padding: 40px;
	padding-top: 85px;
	top: 0;
	scroll-snap-align: start;
}
#Footer.seccion{
	position: relative;
	height: auto;
	padding: 0;
	top: 0;
}
.fondo-bloq1{
	background-image: url(../img/home/bloque_1.png);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
}
.h100{
	height: 100%;
}

.jse{
	justify-self: end;
}
.container-fluid{
	position: relative;
}

/* MENU IMB */
.navIMB{
    width: 95%;
	height: 60px;
    z-index: 999;
	background: #005046ba;
	border-radius: 30px;
	padding: 0 20px;
}
.navIMB.ubi{
	position: fixed;
	z-index: 1000;
    transform: translateX(-50%);
    left: 50%;
    top: -100px; /* Ajuste inicial para la animación */
}
.logoIMB{
	position: relative;
	top: 0;
	height: 30px;
}
#menuIMB .container-fluid{
	padding: 0;
}
#menuIMB .navbar-brand {
    margin-right: 0;
	width: 210px;
}
#menuIMB .navbar-nav{
	width: 100%;
	position: relative;
	left: 15px;
}
#menuIMB a.nav-link{
	width: 100%;
    height: 40px;
    position: relative;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	transition: all .5s;
	padding: 10px 15px;
	margin: 0 3px;
	text-align: center;
}
#menuIMB a.nav-link.bis, #menuIMB a.nav-link.bis.verde_t {
	background: #005046;
	color: #fff !important;
	font-weight: 700;
	border-radius: 25px;
	animation: infinite hoverClinica 5s;
}
@keyframes hoverClinica {
	0%, 100% {
		box-shadow: 0 0 0px #000000;

	}
	50%{
		box-shadow: 0 0 3px #000000;
		background: #BC955C;
	}
}
#menuIMB a.nav-link:hover.bis{
	background: #BC955C;
}
#menuIMB a.nav-link p{
	width: 95%;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
#menuIMB a.nav-link.active{
	color: #D9C9A6;
	font-weight: 700;
}
#menuIMB a.nav-link:hover{
	background: #B59765;
	border-radius: 30px;
	font-weight: 700;
}
#menuIMB a.nav-link.blanco_t{
	color: #fff !important;
}
#menuIMB a.nav-link.active.blanco_t{
	color: #D9C9A6 !important;
}
#menuIMB a.nav-link:hover.active{
	color: #fff !important;
}
#menuIMB a.nav-link.active.verde_t{
	color: #B59664 !important;
}
#menuIMB a.nav-link.verde_t{
	color: #026757 !important;
}
#menuIMB a.nav-link:hover.verde_t{
	color: #fff !important;
}
#menuIMB .navbar-toggler{
	width: 35px;
	padding: 0;
}
#menuIMB .navbar-toggler{
	width: 35px;
	height: 35px;
	border: none;
	background: #005046;
}
#menuIMB .navbar-collapse.show {
	background: #00504685;
	border-radius: 0 0 30px 30px;
	position: absolute;
	padding: 10px;
	top: 60px;
	right: 0;
}
#menuIMB .dropdown-toggle::after {
    position: relative;
    right: -50px;
    top: 5px;
}
#menuIMB .nav-item{
	width: 100%;
}
#menuIMB a.btnGral{
	width: 150px;
	float: right;
}
.dropdown .dropdown-menu {
	display: none;
}
.dropdown-menu.show {
	display: block;
	margin-top: 0.125em;
	margin-left: 0.125em;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: absolute;
	width: 260px;
	transform: translateX(-50%);
	top: 45px;
	left: 0;
	white-space: normal;
	background: #005046;
	padding: 20px 15px;
	border-radius: 10px;
}
.dropdown-item {
    padding: 0;
    clear: both;
	font-size: 12px;
    font-weight: 300;
	line-height: 1.2;
    color: white;
    text-decoration: none;
    white-space: normal;
    background-color: transparent;
	padding: 4px 8px;
    border: 0;
}
.dropdown-item b{
	font-weight: 600;
}
.dropdown-item.gral{
	font-weight: 400;
	border-bottom: 1.5px solid #BC955C;
	line-height: 15px;
	margin-bottom: 5px;
	transition: all .5s;
}
.dropdown-item:hover {
    background-color: transparent;
    color: #fff;
	margin-left: 10px;
	font-weight: 700;
}
.dropdown-item img{
	position: relative;
	width: 10px;
	top: -2px;
}
.bor-b{
	border-right: 1px solid #fff;
}
.col-20{
	width: 20%;
	float: left;
}



/* PORTAL INICIAL */
#HOME{
	position: relative;
	background: url(../img/00_HOME/fondo_general.jpg);
	background-position: top right;
	background-size: 100%;
}
.seccion_1{
	height: calc(100vh - 52px);
	scroll-snap-align: start;
}
#carouselExampleIndicators2 .carousel-item{
	height: calc(100vh - 52px);
}
#carouselExampleIndicators2 .carousel-indicators{
	z-index: 9;
}
#carouselExampleIndicators2 .carousel-control-next, #carouselExampleIndicators2 .carousel-control-prev {
	background-color: #fff;
}
#carouselExampleIndicators2 .carousel-control-prev {
	left: 5px;
}
#carouselExampleIndicators2 .carousel-control-next:hover, #carouselExampleIndicators2 .carousel-control-prev:hover {
    box-shadow: 0 0 5px black;
    background-color: #00312b;
}
#carouselExampleIndicators2 .carousel-control-next:focus, #carouselExampleIndicators2 .carousel-control-prev:focus{
	box-shadow: 0 0 5px black;
    background-color: #00312b;
}
#carouselExampleIndicators2 .carousel-control-prev:hover .carousel-control-prev-icon {
    background-image: url(../img/chevron_lft_b.svg);
}
#carouselExampleIndicators2 .carousel-control-next:hover .carousel-control-next-icon {
    background-image: url(../img/chevron_rgt_b.svg);
}
.fondo-slide{
	position: relative;
	height: 100vh;
	min-height: 760px;
	background: url(../img/00_home/fondo_b.svg) top right;
	background-color: #11322B;
	background-repeat: no-repeat;
	padding: 0;
	z-index: 1;
}
.pleca-slide{
	position: absolute;
	left: -150px;
	height: 100%;
	min-height: 760px;
	min-width: 200px;
}
.pleca-slide-mov{
	display: none;
	min-height: 170px;
	position: absolute;
	top: -160px;
}
.img-slide{
	z-index: 1;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
}
.info-slide{
	position: relative;
	height: 100%;
	z-index: 4;
}
.contenido-slide{
	position: relative;
	height: 100%;
	padding: 200px 300px 200px 100px;
	color: #fff
}
.contenido-slide h2{
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
}
.contenido-slide h3{
	font-size: 30px;
	font-weight: 400;
}
.contenido-slide hr{
	width: 60%;
    opacity: 1;
    border-bottom: 4px solid #BB965C;
}
.contenido-slide p{
	font-size: 18px;
	font-weight: 400;
}
.btn-slide {
    position: absolute;
    z-index: 4;
    transform: translateY(-50%);
    top: 50%;
    right: 80px;
    width: 130px;
    height: 60px;
}
#action-slide{
	position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.pa-action{
	position: relative;
	padding: 110px;
}
#carouselExampleIndicators2 .btnGral {
    max-width: 250px;
	min-width: 200px;
    height: 50px;
}
#carouselExampleIndicators2 .btnGral p {
	line-height: 45px;
    font-size: 16px !important;
	font-weight: 700;
}
#carouselExampleIndicators2  .btnGral .btnIcon .boxIcon {
    height: 48px;
}
#carouselExampleIndicators2  .btnGral .btnIcon span {
    left: -4px;
    border-width: 24px 15px 24px 0px;
}
#indicators2{
    margin: 0;
    left: 110px;
    bottom: 120px;
    padding-left: 0px;
    justify-content: start;
}
#indicators2.carousel-indicators [data-bs-target] {
    width: 50px;
    height: 5px;
	border-top: none;
    border-bottom: 8px solid #fff;
	border-radius: 10px;
}
#indicators2.carousel-indicators .active {
	position: relative;
	top: -2px;
    opacity: 1;
    width: 70px;
    border-bottom: 6px solid #BB965C;
    border-top: 6px solid #BB965C;
	background: #BB965C;
}
.menu-inferior{
	width: 90%;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	z-index: 4;
	bottom: 20px;
}
.menu-inferior .navbar-expand-md .navbar-nav {
	margin: auto;
}
.menu-inferior .navbar-nav {
	background: #6a0432;
    border-radius: 40px;
    padding: 5px;
}
.menu-inferior .nav-link{
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	border-right: 2px solid #ffffffb4;
	min-height: 40px;
	transition: all .3s;
	text-align: center;
}
.menu-inferior .nav-link:hover{
	color: #DDC9A3;
	transform: scale(1.15);
}
.menu-inferior .nav-item:last-child .nav-link{
	border-right: none;
}
.menu-inferior .nav-item{
	position: relative;
	min-width: 200px;
	min-height: 50px;
	padding: 5px;
}

/* SECCIÓN ESTADÍSTICOS */
#carrusel-estadisticos{
	width: 100%;
	min-height: 60vh;
	display: flex;
}
.leftDat{
	z-index: 99;
	width: 35%;
	height: 0;
	float: left;
}
.rightDat{
	width: 75%;
	height: calc(100vh - 150px);
	right: 0;
	position: absolute;
	top: -140px;
}
#box-operando{
	position: relative;
	height: 100%;
}
.bloqueDatos{
	position: absolute;
	bottom: 110px;
	display: inline-flex;
	background: #1E3731;
	padding: 20px;
	border-radius: 100px;
	margin-left: 20px;
}
.ma-icon {
    width: 90px;
    height: 80px;
	padding: 5px;
	margin: 0 5px;
    position: relative;
}
.ma-icon.bor {
	border-right: 1px solid #fff;
}
.ma-icon .cont-button{
	width: 70px;
	height: 70px;
}
.ubiBntClinica{
	position: absolute;
	height: 35px;
	right: 0;
	top: 0;
}
.btn-ubiEsta{
	position: absolute;
	transform: scale(.95);
    width: 460px;
    left: -10px;
    top: 30px;
}
.icon-slide{
	width: 40px;
    height: 40px;
	margin: auto;
    transition: all .5s;
}
.i-operando {
    background: url(../img/home/ICON_OPERANDO.svg) no-repeat top left;
	background-size: cover;
}
.i-clinica {
    background: url(../img/home/ICON_CLINICA.svg) no-repeat top left;
	background-size: cover;
}
.i-hospitales {
    background: url(../img/home/ICON_HOSPITAL.svg) no-repeat top left;
	background-size: cover;
}
.i-profesionales {
    background: url(../img/home/ICON_PROFESIONALES.svg) no-repeat top left;
	background-size: cover;
}
.tit-slide{
	font-size: 8px;
    font-weight: 500;
    color: #d9c9a6;
    text-align: center;
    margin-top: 5px;
    transition: all .5s;
}
.bloqueDatos .cont-button{
	transition: all .5s;
}
.bloqueDatos .cont-button:hover .i-operando, #slide-operando.cont-button.active .i-operando{
	    background: url(../img/home/ICON_OPERANDO_B.svg) no-repeat top left;
}
.bloqueDatos .cont-button:hover .i-clinica, #slide-clinica.cont-button.active .i-clinica{
	    background: url(../img/home/ICON_CLINICA_B.svg) no-repeat top left;
}
.bloqueDatos .cont-button:hover .i-hospitales, #slide-hospitales.cont-button.active .i-hospitales{
	    background: url(../img/home/ICON_HOSPITAL_B.svg) no-repeat top left;
}
.bloqueDatos .cont-button:hover .i-profesionales, #slide-profesionales.cont-button.active .i-profesionales{
	    background: url(../img/home/ICON_PROFESIONALES_B.svg) no-repeat top left;
}
.bloqueDatos .cont-button:hover .tit-slide{
	color: #fff;
	font-weight: 700;
}
.bloqueDatos .cont-button:hover{
	transform: scale(.9);
}
.bloqueDatos .cont-button.active{
	top: 8px;
	transform: scale(1.2);
}
.bloqueDatos .cont-button.active .tit-slide{
	color: #fff;
	font-weight: 700;
}
#bloqueClinica{
	position: absolute;
    left: -40px;
    bottom: 0;
    width: 38%;
    height: 70px;
    background-color: #9F1F41;
    padding: 15px 20px;
    border-radius: 0 50px 50px 0;
    color: #fff;
}
.lftDat{
	width: calc(100% - 150px);
	float: left;
}
.lftDat p{
	font-size: 15px;
	font-weight: 600;
}
.lftDat p img{
	height: 15px;
}
.rgtDat{
	width: 150px;
	float: left;
}
.mapLeft{
	height: 520px;
    position: relative;
    top: 65px;
    right: 0;
}
.mapLeftPrin {
    width: 85%;
    height: 39px;
    position: relative;
    top: 30px;
    right: -50px;
}
.mapLeft .mapa{
	height: 100%;
}
.mapLeft .pines{
	height: 100%;
	position: absolute;
	left: 0;
}
#box-operando .mapLeft .pines, #box-clinica .mapLeft .pines, #box-hospitales .mapLeft .pines, #box-profesionales .mapLeft .pines {
	opacity: 0;
	top: -30px;
}
.datoRight{
	width: 30%;
	text-align: center;
	position: absolute;
    right: 30px;
    top: 200px;
}
.datoNum{
	font-size: 45px;
    font-weight: 700;
    color: #B59664;
    margin-bottom: 5px;
}
.datoTit{
	font-size: 18px;
    font-weight: 500;
	color: #005046;
}
.ubiDate{
	position: absolute;
	bottom: 0;
	right: 100px;
}
.super-act{
	color: #4d4d4d;
	padding: 10px 15px;
	font-size: 12px;
	font-weight: 600;
}
#carrusel-estadisticos .carousel-item {
	height: 100%;
}

/* SECCIÓN INTERÉS */
.cardButton{
	width: 85%;
	margin: auto;
	display: flex;
	scroll-behavior: smooth;
}
#carrusel-interes{
	width: 70%;
	margin: auto;
}
#carrusel-interes .boxCard{
	width: 100%;
	height: 100px;
	padding: 5px;
	text-align: center;
}
#carrusel-interes .cardSlide{
	width: 100%;
	height: 80px;
    background: #fcfcfc5c;
    border-radius: 15px;
    padding: 5px 15px;
	box-shadow: 0 0 5px #00000061;
	flex: 0 0 auto;
}
#carrusel-interes .titSeccion{
	font-size: 13px;
    font-weight: 700;
	margin-bottom: 5px;
    color: grey;
}
#carrusel-interes .fechaSeccion{
	font-size: 11px;
    font-weight: 500;
    color: grey;
}
#carrusel-interes .cardSlide.active{
	width: 100%;
	height: 90px;
    background: #fff;
    padding: 10px 15px;
	margin-top: -5px;
}
#carrusel-interes .cardSlide.active .titSeccion{
	font-size: 15px;
    font-weight: 700;
	margin-bottom: 5px;
    color: #026757;
}
#carrusel-interes .cardSlide.active .fechaSeccion{
	font-weight: 600;
    color: #BC955C;
}
#carrusel-interes .cardSlide.active .proceso{
	animation: plecaAvance 20s;
}
@keyframes plecaAvance {
	0%{
		width: 0%;
	}
	25%{
		width: 100%;
	}
	100%{
		width: 100%;
	}
}
.pleca-avance{
	position: relative;
	width: 100%;
	height: 5px;
	margin-bottom: 10px;
}
.pleca-avance .fija{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #b4b4b4;
}
.pleca-avance .proceso{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 5px;
	background: #B59664;
}
#carrusel-interes .carousel-inner{
	padding: 15px;
}
#carrusel-interes .carousel-item{
	background: #fff;
	box-shadow: 0 0 5px black;
	border-radius: 25px;
}
.imgInteres{
	width: 100%;
	height: 45vh;
	border-radius: 25px 0 0 25px;
}
.logoInteres{
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 25px 0 0 25px;
	background: #004339cf;
}
.logoInteres.logo{
	width: 100%;
	height: 150px;
	text-align: center;
}
.logoInteres h5{
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	margin-top: 140px;
}
.logoInteres h6{
	font-size: 33px;
	font-weight: 700;
	line-height: 1;
	color: #DDC9A3;
}
.logo{
	background: url(../img/03_interes/logo_la_clinica_es_nuestra.svg) no-repeat top center;
}
.int1{
	background: url(../img/03_interes/interes_3.jpg) no-repeat top center;
	background-size: cover;
}
.int2{
	background: url(../img/03_interes/interes_16.jpg) no-repeat top center;
	background-size: cover;
}
.int3{
	background: url(../img/03_interes/interes_2.jpg) no-repeat top center;
	background-size: cover;
}
.int4{
	background: url(../img/03_interes/interes_5.jpg) no-repeat top center;
	background-size: cover;
}
.int5{
	background: url(../img/03_interes/interes_8.jpg) no-repeat top center;
	background-size: cover;
}
.int6{
	background: url(../img/03_interes/interes_17.jpg) no-repeat top center;
	background-size: cover;
}
.contInteres{
	position: relative;
	padding: 30px 20px;
	height: 45vh;
}
.contInteres .tit{
	font-size: 20px;
	font-weight: 700;
	color: #005046;
	margin-bottom: 3px;
}
.contInteres .l-div{
	margin-bottom: 10px;
}
.contInteres .text, .parra-text{
	font-size: 14px;
    text-align: justify;
    font-weight: 500;
    margin-bottom: 10px;
}
ul.parra-text{
	padding-left: 15px;
}
.btnInteres{
	position: absolute;
	bottom: 30px;
	right: 20px;
}
.pa-right{
	position: relative;
	padding: 15px;
}
.btn-descarga{
	position: absolute;
	right: 10px;
	bottom: 15px;
}

/* SECCIÓN ÉXITO */
#carrusel-exito{
	display: flex;
	position: relative;
	width: 100%;
    height: calc(100vh - 280px);
}
#carrusel-exito .carousel {
    position: relative;
    max-width: 82%;
    margin: auto;
    overflow: hidden;
}
#carrusel-exito .carousel-container {
    display: flex;
    overflow: hidden;
    width: 100%;
}
#carrusel-exito .carousel-items {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.cardExito {
	transform: scale(.85);
	width: 330px;
	position: relative;
	margin: 0 10px;
    box-sizing: border-box;
    text-align: center;
	padding: 10px;
	transition: all .5s;
}
.boxTit{
	text-align: left;
	width: 280px;
    height: 450px;
    background: #fff;
    box-shadow: 0 0 5px grey;
    padding: 25px 15px;
    border-radius: 20px 150px 20px 20px;
}
.boxTit.ghost{
	opacity: 0;
}
.boxTit .anio{
	font-size: 15px;
}
.boxTit .mes{
	font-size: 18px ;
}
.boxTit .linea{
	width: 50%;
	height: 5px;
	background-color: #B59765;
	margin: 5px 0;
}
.boxTit .cajaVacia{
	margin: 15px 0;
    height: 85px;
}
.boxTit .cajaImagen{
	position: relative;
    left: 10px;
    width: 280px;
    height: 200px;
    border-radius: 15px;
    box-shadow: 0 0 5px grey;
}
.cajaImagen.exito1{
    background: url(../img/04_exito/exito_1/portada.jpg) no-repeat top left;
	background-size: cover;
}
.cajaImagen.exito2{
    background: url(../img/04_exito/exito_2/portada.jpg) no-repeat top left;
	background-size: cover;
}
.cajaImagen.exito3{
    background: url(../img/04_exito/exito_3/portada.jpeg) no-repeat top left;
	background-size: cover;
}
.boxParra{
	border-radius: 0 50px 50px 0;
    width: 280px;
    height: 80px;
    top: 100px;
    left: -5px;
    position: absolute;
    background: #BC955C;
    padding: 15px 30px;
    color: #fff;
}
.boxParra p{
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}
.boxParra .triangulo{
	position: absolute;
	top: -10px;
	left: 0;
	display: block;
	width: 15px;
	height: 10px;
	background:#96663D;
	color: #f1f1f1;
	border-top: 10px solid;
	border-right: 15px solid transparent;
}
.cardExito.active{
	transform: scale(1);
}
.cardExito.active .boxParra {
	background-color: #005046;
}
.cardExito.active .boxParra .triangulo{
	background: #10312B;
}
.cardExito.active .boxTit .linea{
	background-color: #005046;
}
#carrusel-exito .cardExito.active .btnGral{
	display: inline-block;
}
.btnPrev, .btnNext {
    position: absolute;
	width: 50px;
	height: 50px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 100;
	border-radius: 50%;
	transition: .5s;
}
.btnPrev {
    left: 50px;
}
.btnNext {
    right: 50px;
}
.btnNext:hover, .btnPrev:hover{
	background: #F1F1F1;
    box-shadow: 2px 2px 3px 0px #bbbbbb, -2px -2px 3px 1px #f7f7f7;
}
.btnNext:focus, .btnPrev:focus{
    box-shadow: 2px 2px 3px 0px #f7f7f7, -2px -2px 3px 1px #bbbbbb;
}
.modalDocImg.modal{
	z-index: 99999;
	background: #10312bd6;
}
.modalDocImg .modal-dialog {
	max-width: 85%;
	margin: auto;
}
.modalDocImg .modal-content{
	position: relative;
	min-height: 100%;
	height: 100%;
	border-radius: 20px 100px 20px 20px;
    padding: 15px;
	padding-top: 150px;
}
.modalDocImg .modal-dialog-centered {
	min-height: 100%;
}
.modalDocImg .carousel-inner {
    position: relative;
    width: 80%;
    overflow: hidden;
    margin: auto;
	border-radius: 25px;
}
.secImagen{
	width: calc(60% - 15px);
	float: left;
	margin-right: 15px;
	padding-bottom: 50px;
}
.secInformacion{
	width: 40%;
	float: left;
	position: relative;
	padding: 15px;
}
.modalPrensa.modal{
	background: #10312bd6;
}
.modalPrensa .modal-dialog {
	max-width: 70%;
	margin: auto;
}
.modalPrensa .modal-content{
	position: relative;
	min-height: 100%;
	height: calc(100vh - 200px);
	border-radius: 20px 100px 20px 20px;
    padding: 15px;
	padding-top: 150px;
}
.modalPrensa .modal-dialog-centered {
	min-height: 100%;
}
.modalPrensa .carruselModal{
	width: 95%;
	height: 100%;
	margin: auto;
}
.modalPrensa .carruselModal .carousel-item {
    width: 100%;
    height: 100%;
	border-radius: 20px;
    text-align: center;
	overflow: hidden;
}
.btnCerrar{
	width: 40px;
	height: 40px;
	opacity: .7;
	background: transparent;
	position: absolute;
	top: -25px;
	right: -25px;
	transition: all .5s;
}
.btnCerrar:hover{
	opacity: 1;
}
.modal-tit{
	position: absolute;
	top: 30px;
    left: -20px;
    width: 70%;
    height: 100px;
    background-color: #005046;
    padding: 15px 40px;
    color: #fff;
    border-radius: 0 50px 50px 0;
    box-shadow: 0 0 5px black;
}
.secDate{
	width: 150px;
	float: left;
	margin-top: 8px;
}
.secDate .anio{
	font-size: 17px;
    margin-bottom: 3px;
}
.secDate .mes{
	font-size: 20px;
    margin-bottom: 5px;
	font-weight: 500;
}
.secDate .linea{
	width: 100%;
	height: 5px;
	background-color: #BC955C;
}
.modal-tit .secTit{
	position: relative;
	width: calc(100% - 150px);
	height: 70px;
	float: left;
	padding: 0 0 0 25px;
	margin: 0;
}
.modal-tit .secTit p{
	width: 95%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
.modal-tit .triangulo {
    position: absolute;
    top: -10px;
    left: 0;
    display: block;
    width: 20px;
    height: 10px;
    color: #223d37;
    background: #10312B;
    border-top: 10px solid;
    border-right: 20px solid transparent;
}
.docCarrusel{
	position: relative;
	z-index: 1058;
	width: 90%;
	height: 100%;
}
.imgCarrusel{
	max-width: 550px;
	height: 100%;
	min-height: 410px;
	margin: auto;
}
.carruselModal .carousel-item {
	width: 100%;
	height: 350px;
    text-align: center;
}
.carruselModal .carousel-control-prev {
    left: -10px;
    top: 40%;
}
.carruselModal .carousel-control-next {
    right: -10px;
    top: 40%;
}
.carruselModal .carousel-indicators {
    position: absolute;
    bottom: -50px;
}
.carruselModal .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 40px;
	border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    background-color: #b1b1b1;
	margin-right: 5px;
    margin-left: 5px;
	border-radius: 10px;
	background-clip: initial;
}
.carruselModal .carousel-indicators .active {
	position: relative;
    width: 60px;
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
	background: #BC955C;
	top: -2px;
}

/* SECCIÓN PRENSA */
#carrusel-prensa .carousel {
    position: relative;
    max-width: 90%;
    margin: auto;
    overflow: hidden;
}
.btnW100{
	position: relative;
	width: 100%;
	height: 90%;
}
#Prensa .carousel-inner{
	padding: 15px;
	height: 100%;
}
#carrusel-prensa .carousel-items {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
#Prensa .carruselUbi{
	width: 100%;
	position: absolute;
	height: calc(100vh - 330px);
	left: -104%;
	top: 100px;
}
#Prensa .carousel-indicators { 
	width: 100%;
	height: 270px;
    position: absolute;
    top: 90px;
	margin: 0;
	transform: scale(.8);
	transition: all .5s;
}
.boxPrensa.active{
	transform: scale(1.2) !important;
}
.boxPrensa.active .cajaTipo {
    background: #005046 !important;
}
.boxPrensa.active .cajaBorde {
    border: 2px solid #005046 !important;
}
#Prensa .carousel-indicators [data-bs-target] {
    box-sizing: initial;
    flex: auto;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    padding: inherit;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: inherit;
    cursor: pointer;
    background-color: transparent;
    background-clip: border-box;
    border: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    opacity: 1;
    transition: all .6s ease;
}
.btn-todos{
	position: absolute;
    left: 45%;
}
.itemIndicators {
    position: absolute;
    display: inline-flex;
    bottom: 0;
}
.itemIndicators .indicador {
	width: 50px !important;
	margin: 0 5px !important;
	border-radius: 10px !important;
	border-top: 5px solid #b2b2b2b2 !important;
    border-bottom: 5px solid #b2b2b2b2 !important;
}
.indicadorHover {
	width: 80px !important;
	margin: 0 5px !important;
	border-radius: 10px !important;
	border-top: 6px solid #BC955C !important;
    border-bottom: 6px solid #BC955C !important;
}
.boxPrensa {
    width: 160px;
    height: 200px;
    display: flex;
    position: relative;
    text-align: center;
    margin: 0px 20px;
}
.cajaBorde, .cajaImagen{
	width: 150px;
	height: 200px;
	border-radius: 0 0 100px 100px;
}
#Prensa .cajaImagen{
	width: 150px;
    height: 200px;
    position: absolute;
    transform: translateX(-50%);
    top: 15px;
    left: 50%;
    overflow: hidden;
    text-align: center;
}
.cajaImagen img{
	height: 100%;
	float: right;
}
#Prensa .cajaBorde {
    z-index: 2;
    position: absolute;
    transform: translateX(-50%);
    top: 10px;
    left: calc(50% - 5px);
    border: 2px solid #4d4d4d;
}
#Prensa .cajaTipo {
	z-index: 3;
    position: absolute;
    top: 0px;
    left: 55px;
    background: #B59664;
    padding: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 5px;
}
.cajaPrensa{
	position: relative;
	width: 100%;
	height: calc(100vh - 300px);
	background: #fff;
	box-shadow: 0 0 5px black;
	border-radius: 40px;
	padding: 0;
}
.cajaPrensa .secA{
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	padding: 40px 20px 40px 50px;
}
.secA .tit{
	width: 90%;
	position: relative;
	top: 10px;
	left: -65px;
	background-color: #005046;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 20px;
	border-radius: 0 50px 50px 0;
	margin-bottom: 25px;
}
.secA .triangulo {
    position: absolute;
    top: 40px;
    left: -15px;
    display: block;
    width: 15px;
    height: 10px;
    background: #10312B;
    color: #e2e2e2;
    border-top: 10px solid;
    border-right: 15px solid transparent;
}
.secA .tipo{
	background: #BC955C;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	padding: 5px 8px;
	margin-bottom: 10px;
}
.secA .fecha{
	font-size: 12px;
	font-weight: 600;
	color: #005046;
	margin-bottom: 10px;
}
.secA .text{
	font-size: 13px;
	font-weight: 500;
	text-align: justify;
	margin-bottom: 10px;
}
.secA .btnPrensa{
	position: absolute;
	bottom: 150px;
	right: 15px;
}
.cajaPrensa .secB{
	width: 50%;
	height: 100%;
	float: left;
}
.cutImg{
	width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 0 40px 40px 0;
	overflow: auto;
}
.cutImg img{
	height: 100%;
	float: right;
}

/* SECCIÓN ACCESOS */
#menuAccesos{
	display: block;
}
.limit-access{
	padding-top: 50px;
	width: 60%;
	margin: auto;
}
.bloque{
	list-style: none;
	width: 100%;
	height: 70px;
	padding: 15px;
	border-bottom: 2px solid #005046;
	cursor: pointer;
	transition: all .8s;
}
.bloque .tit, .bloque .tit2{
	width: calc(100% - 55px);
    float: left;
    font-size: 15px;
    font-weight: 300;
    color: #005046;
    text-align: right;
    margin-top: 6px;
	transition: all .8s ease;
}
.bloque .icon{
	position: relative;
	width: 40px;
    height: 40px;
    float: left;
    border-radius: 50%;
    background: #005046;
	margin-left: 15px;
	transition: all .8s ease;
}
.bloque .icon img{
	width: 20px;
}
.bloque:hover .tit{
	font-weight: 600;
}
.bloque:hover .icon{
	background: #BC955C;
	animation: moveIcon 3s infinite;
}
@keyframes moveIcon {
	0%,100%{
		right: 0;
	}
	50%{
		right: -15px;
	}
}
.bloque.active .tit2{
	font-weight: 700;
	color: #BC955C;
}
.bloque.active .icon{
	background: #BC955C;
	transform: rotate(90deg);
}
.bloque.active:hover .icon{
	background: #BC955C;
	transform: rotate(0deg);
	animation: moveIcon 3s infinite;
}
.submenu-sec{
	width: 100%;
    position: relative;
    padding: 0;
    padding-top: 15px;
    align-self: end;
}
.limit-btn{
	position: absolute;
    top: 15px;
    left: 760px;
}
#salaPrensa.seccion{
	height: auto;
}
#secAccesos .titPrincipal {
    padding: 20px 0 10px 0;
	color: #026757;
}
#secAccesos .item-menu{
	width: calc(100% / 11);
	float: left;
}
#secAccesos .item-menu a{
	width: 100%;
}
#secAccesos .item-menu button{
	width: 100%;
	height: 40px;
	padding: 5px;
	background: transparent;
	text-align: center;
	font-size: 10px;
	font-weight: 400;
	color: #005046;
	transition: all .5s;
}
.boxAccion .accordion-item {
    border: 0px solid rgba(0, 0, 0, .125);
}
#secAccesos .item-menu.hr-rgt{
	border-right: 2px solid #005046;
}
#secAccesos .item-menu:hover button{
	background: #BC955C;
	color: #fff;
	font-weight: 600;
}
#secAccesos .item-menu button.active{
	background: #005046;
	color: #fff;
	font-weight: 600;
}
.btnVolver{
	position: absolute;
	right: -30px;
	top: 85px;
	opacity: 0;
}
.boxAccion{
	width: 97%;
    height: 400px;
	overflow: hidden;
    background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 5px black;
	padding: 0;
}
#aviso .boxAccion{
	margin-top: 30px;
}
.boxAccion .secLeft{
	width: 30%;
    float: left;
    background: #E6E6E6;
    padding: 25px;
    height: 100%;
    border-radius: 20px 0 0 20px;
}
.secLeft .tit{
	font-size: 25px;
    font-weight: 700;
    color: #005046;
	line-height: 1;
}
.secLeft .tit2 {
    font-size: 13px;
    font-weight: 500;
    color: #005046;
}
.secLeft .l-div{
	margin-bottom: 10px;
}
.secLeft .p-text{
	font-size: 13px;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 10px;
}
.boxAccion .secRight{
	width: 70%;
	height: 100%;
	float: left;
}
.pleca{
	width: 50px;
	height: 100%;
	float: left;
}
.pleca .icon{
	width: 50px;
    height: 50px;
    padding: 10px;
    background: #BB965C;
}
.pleca .titulo{
	width: 50px;
	height: calc(100% - 50px);
	background: #005046;
	color: #fff;
	position: relative;
}
.pleca .titulo p {
    transform: rotate(180deg);
    width: 50px;
	height: 100%;
    margin: 0;
    writing-mode: vertical-lr;
    font-size: 15px;
    font-weight: 700;
    line-height: 50px;
	letter-spacing: 1px;
	text-align: center;
}
.secRight .contenido{
	overflow: auto;
	width: calc(100% - 50px);
	height: 100%;
	float: left;
	padding: 0;
}
.contenido.dos{
	padding: 20px;
}
.contenido.tres{
	padding: 0 15px;
}
.contenido.dos .tit{
	font-size: 16px;
    font-weight: 700;
    text-align: justify;
	margin-bottom: 5px;
}
.contenido.dos .subtit{
	font-size: 13px;
    font-weight: 500;
    text-align: justify;
	margin-bottom: 5px;
}
.table-cond{
	width: 90%;
	margin: auto;
}
.table-cond th {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-bottom: 3px solid #ddc9a5;
}
.table-cond td{
	font-size: 13px;
	font-weight: 500;
	border: 1px solid #ddc9a5;
}
#comunitaria.contenido{
	padding: 0;
}
.cardConsulta{
	display: none;
	width: 100%;
    float: left;
	padding: 15px;
    background: #E6E6E6;
    border-radius: 20px;
    box-shadow: 0 0 5px #8a8a8a;
	transition: all .5s;
}
.cardConsulta .head{
	width: 100%;
	text-align: center;
}
.imgConsulta{
    width: 80px;
    height: 80px;
	margin: auto;
	padding: 4px;
    border-radius: 50%;
    border: 5px solid #B59664;
	transition: .5s all;
	cursor: pointer;
}
.imgConsulta:hover{
	transform: scale(1.2);
	box-shadow: 0 0 15px #BC955C;
}
.titConsulta{
	width:100%;
    padding-top: 10px;
	line-height: 1.1;
    font-size: 16px;
    font-weight: 700;
    color: #005046;
}
.borOro{
	width: 95%;
    border-bottom: 3px solid #BC955C;
    margin: 10px 0;
}
.cardConsulta .text{
	font-size: 12px;
    text-align: justify;
    font-weight: 500;
}
.secCont{
	width: 90px;
	float: left;
	height: 100%;
	padding: 5px;
	position: relative;
	margin: 10px;
}
.ub-sec{
	position: absolute;
	top: 15px;
}
#sec1 #card1{
	display: block;
}
#sec1 #img1{
	display: none;
}
#sec1.secCont{
	width: calc(100% - 460px);
}
.table-responsive a.btnSec {
	display: inline;
    padding: 6px 10px;
}
.table-responsive a.btnSec:hover {
	background: #10312B;
}
#salaPrensa .submenu-sec {
    width: 50%;
}
#salaPrensa #secAccesos .item-menu{
	width: calc(100% / 5);
	float: left;
}

/* ACCIÓN COMUNITARIA */
#accion-comunitaria #menuIMB{
	background: transparent;
}
#accion-comunitaria #seccion-2.seccion{
	padding: 40px 0;
	padding-top: 85px;
}
#accion-comunitaria .submenu-sec {
    position: relative;
    padding: 0 40px;
    padding-top: 15px;
}
#accion-comunitaria .Model{
	width: 33%;
	margin: 20px;
}
#accion-comunitaria .Model.hover{
	background: #fff;
	box-shadow: 0 0 10px grey;
	height: 250px;
	padding: 20px;
	transition: all .5s ease;
}
#accion-comunitaria .ModeloBox{
	position: relative;
	z-index: 9;
}
#seccion-2{
	position: relative;
	padding-top: 170px;
}
.fondo-sec{
	width: 100%;
	padding: 0;
}
.fondo-sec img{
	width: 100%;
    position: absolute;
    z-index: 0;
    top: -80%;
}
#seccion-3{
	padding: 40px;
	padding-top: 85px;
}
#seccion-3 .nav-item.col-20{
	width: 20%;
}
.circleUno.bis{
	background-image: url(../img/06_accesos/icon-salud-oro.svg);
}
.circleDos.bis{
	background-image: url(../img/06_accesos/icon-familiar-oro.svg);
}
.circleTres.bis{
	background-image: url(../img/06_accesos/icon-abatimiento-oro.svg);
}
.Model:hover .circleUno.bis {
    background-image: url(../img/06_accesos/icon-salud-verde.svg);
}
.Model:hover .circleDos.bis {
    background-image: url(../img/06_accesos/icon-familiar-verde.svg);
}
.Model:hover .circleTres.bis {
    background-image: url(../img/06_accesos/icon-abatimiento-verde.svg);
}
.box-sec3{
	border-radius: 50px;
    background: #fff;
    box-shadow: 0 0 5px gray;
    display: flex;
    height: 420px;
}
.box-sec3 .imgInteres {
    height: 100%;
}
.box-sec3 .contInteres {
    height: 420px;
	overflow: hidden;
}
.titBoxSec{
	width: 70%;
}
.titBoxSec p{
	font-size: 30px;
    font-weight: 500;
    color: #fff;
    text-align: center;
	text-shadow: 2px 2px 5px black;
}
.acc1 {
    background: url(../img/06_accesos/ac_4.jpg) no-repeat top center;
    background-size: cover;
}
.acc2 {
    background: url(../img/06_accesos/ac_5.jpg) no-repeat top center;
    background-size: cover;
}
.acc3 {
    background: url(../img/06_accesos/ac_3.jpg) no-repeat top center;
    background-size: cover;
}
.acc4 {
    background: url(../img/06_accesos/ac_6.jpg) no-repeat top center;
    background-size: cover;
}
.acc5 {
    background: url(../img/06_accesos/ac_7.jpg) no-repeat top center;
    background-size: cover;
}
#seccion-2 .tit{
	font-size: 22px;
	font-weight: 700;
	text-align: center;
}
#seccion-2 .text{
	font-size: 15px;
	font-weight: 500;
}
.textContent li::marker {
    font-size: 15px;
    font-weight: 800;
	color: #005046;
}
#seccion-2 .contInteres .tit{
	font-size: 20px;
	line-height: 1;
	text-align: left;
}
#integrantes .titBoxSec {
    width: 80%;
}
.box-enfoque {
    width: 52%;
    float: right;
    padding: 0 30px 0 20PX;
    margin-top: 25px;
    border-left: 3px solid #026757;
    color: #026757;
}
.box-enfoque .text{
	font-size: 14px;
    font-weight: 500;
    text-align: justify;
}
#seccion-4{
	position: relative;
}
#carrusel-galeria {
    background: #00312b;
    display: flex;
    position: relative;
    width: 85%;
    height: 380px;
    margin: auto;
    border-radius: 40px;
    margin-top: 20px;
}
#carrusel-galeria .carousel {
    position: relative;
    max-width: 1100px;
    margin: auto;
    overflow: hidden;
}
#carrusel-galeria .carousel-container {
    display: flex;
    overflow: hidden;
    width: 100%;
}
#carrusel-galeria .carousel-items {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.btn-galeria{
	width: 100%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.cardGaleria {
	width: 330px;
	height: 300px;
	position: relative;
	margin: 0 10px;
	transition: all .5s;
}
.img-carrusel{
	width: 75%;
	height: auto;
	opacity: .65;
	border-radius: 30px;
}
.cardGaleria.active .img-carrusel{
	width: 100%;
	opacity: 1;
}
#seccion-3 .titSecciones h2 {
    padding-left: 280px;
}
#seccion-4 .btnPrev {
    left: 20px;
}
#seccion-4 .btnNext {
    right: 25px;
}
#seccion-4 .carousel-control-prev-icon {
    background-image: url(../img/chevron_lft.svg);
}
#seccion-4 .carousel-control-next-icon {
    background-image: url(../img/chevron_rgt.svg);
}
#seccion-4 .btnNext:hover, #seccion-4 .btnPrev:hover {
    background: #e2e2e2;
	box-shadow: 2px 2px 3px 0px #bbbbbb, -1px -1px 3px 1px #f7f7f7;
}
.fondo-proceso2 {
    background-image: url(../img/fondo_3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 150px;
}
.circleUno.ter {
    background-image: url(../img/06_accesos/supervision-1-oro.svg);
}
.circleDos.ter {
    background-image: url(../img/06_accesos/supervision-2-oro.svg);
}
.circleTres.ter {
    background-image: url(../img/06_accesos/supervision-3-oro.svg);
}
.circleCuatro.ter {
    background-image: url(../img/06_accesos/supervision-4-oro.svg);
}
.circleCinco.ter {
    background-image: url(../img/06_accesos/supervision-5-oro.svg);
}
.Model:hover .circleUno.ter {
    background-image: url(../img/06_accesos/supervision-1-verde.svg);
}
.Model:hover .circleDos.ter {
    background-image: url(../img/06_accesos/supervision-2-verde.svg);
}
.Model:hover .circleTres.ter {
    background-image: url(../img/06_accesos/supervision-3-verde.svg);
}
.Model:hover .circleCuatro.ter {
    background-image: url(../img/06_accesos/supervision-4-verde.svg);
}
.Model:hover .circleCinco.ter {
    background-image: url(../img/06_accesos/supervision-5-verde.svg);
}
.Model:hover .SubtitModel {
    font-weight: 700;
	color: #BB965C;
}
#seccion-3 #tabPestana.nav-tabs .nav-link {
    height: 60px;
    font-size: 12px;
}
#tabPestana.nav-tabs .nav-link.verde_t.active{
    background: #912C42 !important;
    color: #fff;
}
.fondo-proceso3 {
    background-image: url(../img/fondo_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 -400px;
}
#seccion-1 .btnAvance:hover{
	background: #9F2241;
	box-shadow: 0px 0px 3px #691C32;
}

#seccion-1 .btnAvance:focus{
	background: #691C32;
	box-shadow: 0px 0px 3px #9F2241;
}
#seccion-6 .Model {
    width: calc(20% - 20px);
    margin: 10px;
}
#seccion-6 .SubtitModel {
    opacity: 1;
	font-size: 13px;
}
.colA{
	width: 33%;
	height: 100%;
	float: left;
	position: relative;
	padding: 0;
}
.colB{
	width: 67%;
	float: left;
	position: relative;
	padding: 0;
}


/* SEC2 ACORDEON */
.btrr{
	border-top-right-radius: 20px !important;
}
.accordion-button.aco-perfil {
    width: 100%;
	padding-right: 0;
}
.sec-info {
    width: 100%;
}
.accordion-button::after {
    right: 10px;
}
.sec-info p {
    font-size: 13px;
    font-weight: 700;
	color: #4d4d4d;
    height: 40px;
	padding: 7px 35px 0 70px;
}
.fila tr{
	border-bottom: 1.5px solid #cccccc;
}
.fila th, .fila td{
	font-size: 12px;
    font-weight: 500;
	line-height: 1.2;
	vertical-align: middle;
}
.fila .btnSec{
	transform: scale(.85);
}
.fila .btnSec img {
    width: 15px;
}
.titSec{
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    color: #10312B;
}
.subText{
	padding: 10px 0 0 0;
	font-size: 13px;
	font-weight: 600;
	text-align: justify;
	color: #005046;
	padding-bottom: 3px;
	border-bottom: 2px solid #DDC9A3;
}
#contentAccesos .titSecciones{
	margin: 20px 0 10px 0;
}
.w100{
	display: block;
	width: 98vh;
}
.mw-table{
	min-width: 600px;
}
.mp-btn {
	display: table-cell;
	vertical-align: middle;
}
#filtro.secFiltro{
	margin: 30px;
	margin-bottom: 15px;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

/* MICROSITIO */

/* SECCION 1 */
.titPrincipal{
	color: #fff;
	font-size: 30px;
	padding: 20px 0;
	text-align: center;
	opacity: 0; /*agregar*/
    position: relative; /*agregar*/
    top: -50px; /*agregar*/
}
.titPrincipal h5{
	font-family: 'Patria', 'Montserrat';
	font-size: 50px;
}
.titPrincipal h4{
	font-weight: 300;
}
.sec-text{
	width: 60%;
	float: left;
}
.sec-img{
	width: 40%;
	float: left;	
}
.titPrincipal h3{
	font-weight: 500;
}
.titPrincipal h2{
	font-weight: 300;
	padding-left: 170px;
}
.imgSec{
	position: relative;
	height: calc(100vh - 240px);
	text-align: center;
	right: -40px;
	opacity: 0;
}
.imgSec img{
	height: 85%;
	margin-top: 20px;
}
.imgfondo{
	height: 500px;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 45%;
	opacity: 0; /*agregar*/
	left: 100%; /* Posiciona la imagen fuera de la vista a la derecha */
}
.contador-tab{
	position: absolute;
    right: 60px;
    width: 35%;
    height: 100px;
	opacity: 0; /*agregar*/
    bottom: 0px; /*agregar*/
}
#contadora .num{
	position: relative;
	width: 100%;
	height: 80px;
	background: #F0F0F3;
	box-shadow: 
		inset -5px -5px 10px #aeaec0cc, 
		inset 5px 5px 10px #ffffff;
	border-radius: 10px;
	margin: 0 2px;
	font-size: 35px;
    font-weight: 700;
    color: #005046;
}
#contadora .coma{
	position: relative;
    width: 20%;
    height: 80px;
    text-align: center;
}
#contadora .coma span{
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 0;
	font-size: 25px;
	font-weight: 700;
	color: #005046;
}
.titBen{
	width: 100%;
    height: 40px;
    background: #005046;
    padding: 8px;
	text-align: center;
    font-size: 25px;
    font-weight: 700;
	letter-spacing: 1px;
    color: #fff;
    margin-top: 5px;
    border-radius: 8px;
}
.imgFrente{
	width: 100%;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.parraPrin {
    color: #fff;
    width: 95%;
    font-size: 17px;
    text-align: justify;
    margin-bottom: 10px;
    opacity: 0; /*agrega*/
    position: relative; /*agrega*/
    left: -100px; /*agrega*/
}
.subtitPrin{
    font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin: 15px 0 10px 0;
	opacity: 0; /*agrega*/
    position: relative; /*agrega*/
    left: -100px; /*agrega*/
}
#liEstados{
	opacity: 0; /*agrega*/
    position: relative; /*agrega*/
    left: -100px; /*agrega*/
}
.listPrin li{
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
	
}
.listPrin li {
    list-style: none;
    padding-left: 0;
    position: relative;
    padding-left: 15px;
    margin-bottom: 0px;
}
.listPrin li:before {
    content: '';
    width: 10px;
    height: 18px;
    position: absolute;
    background-image: url(../img/chevron_b.svg);
    background-size: cover;
    background-position: center;
    left: 3px;
    top: 49%;
    transform: translateY(-50%);
}
ul.listPrin{
	padding-left: 15px;
}
.ubiRemate{
	position: absolute;
	bottom: 10px;
}
.rematePrin{
	color: #912E42;
    font-size: 20px;
    font-weight: 700;
    width: 60%;
    text-align: center;
    margin-left: 20px;
	position: relative; /*agrega*/
    top: -100px; /* Posiciona el texto fuera de la vista hacia arriba */
    opacity: 0;  /* Oculta el texto inicialmente */
}
.ubiBtnPrin{
	z-index: 99;
	position: absolute;
	transform: translateX(-50%);
	left: 52%;
	bottom: 0px;
	cursor: pointer;
	opacity: 0;  /* Oculta el botón inicialmente */
    left: 50%; /* Posiciona el botón fuera de la vista a la izquierda */
}
.ubiBtnSec{
	z-index: 99;
	position: absolute;
	transform: translateX(-50%);
	right: 0;
	bottom: 30px;
	cursor: pointer;
}
.btnAvance{
	display: block;
	background: transparent;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	padding: 7px;
	transition: all .5s;
}
.btnAvance:hover{
	background: #E2E2E2;
	box-shadow: 2px 2px 3px 0px #bbbbbb, -2px -2px 3px 1px #f7f7f7;
}
.avanceHover{
	background: #E2E2E2;
	box-shadow: 2px 2px 3px 0px #bbbbbb, -2px -2px 3px 1px #f7f7f7;
}
.btnAvance:focus{
	background: #E2E2E2;
	box-shadow: 2px 2px 3px 0px #f7f7f7, -2px -2px 3px 1px #bbbbbb;
}
.btnAvance .verMas{
	display: block;
    position: relative;
    width: 100px;
    font-size: 12px;
    font-weight: 700;
    color: #9F1F41;
    left: -9px;
    bottom: 0;
	transition: all .5s;
	opacity: 0;
}
.verMas.hover{
	opacity: 1;
	bottom: -15px;
}
.flecha-abajo, .flecha-arriba{
	width: 45px;
}

/* SECCION 2 */
.titSecciones{
	color: #026757;
	margin: 20px 0;
    position: relative;
	left: 45px;
}
.titSecciones.bis{
	opacity: 0;
	background: transparent;
	color: #005046;
}
.titSecciones h3{
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
}
.titSecciones h2{
	font-weight: 300;
	font-size: 30px;
	line-height: 1;
	padding-left: 70px;
}

.titSecciones h2 b{
	font-weight: 800;
}
.titSecciones.right{
	float: right;
    border-radius: 50px 0 0 50px;
	left: -25px;
}
.titSecciones.left{
	float: left;
    border-radius: 0 50px 50px 0;
}
.limit-carrusel{
	width: 60%;
	margin: auto;
}
.secA{
	position: relative;
	width: 350px;
	float: left;
}
.secB{
	position: relative;
	width: calc(100% - 350px);
	float: left;
}
.img-carrusel img{
	width: 90%;
}
.tit-carrusel {
    min-width: 410px;
    font-family: 'gmx';
    font-style: italic;
    background: #275c4e;
    padding: 10px 20px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 25px;
    position: absolute;
    top: 50px;
    left: 340px;
}
.boxData{
	position: relative;
	top: 120px;
}
.parra-carrusel {
    font-size: 14px;
    font-weight: 500;
    color: #4d4d4d;
    text-align: justify;
}
hr.bor-oro{
	border-bottom: 2px solid #BB965C;
    opacity: 1;
    width: 50%;
	margin: 5px 0;
}
.pr-slider{
	position: relative;
	height: 63vh;
	width: 50%;
	margin: auto;
}
.ubSlider {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 90%;
    bottom: 30px;
}
.ma-img{
	width: 90px;
    height: 100px;
	position: relative;
}
.cont-button{
	width: 90px;
    height: 100px;
	text-align: center;
	cursor: pointer;
}
.img-button{
	width: 60px;
	height: 60px;
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
	transition: all .5s;
	border-radius: 50%;
	border: 3px solid #fff;
}
.tit-slider{
	font-family: 'gmx';
    font-style: italic;
	font-size: 12px;
    font-weight: 700;
    color: #BB965C;
    text-align: center;
    margin-top: 5px;
}
.carrusel-proceso{
	position: relative;
}
.cont-button.active{
	position: absolute;
	top: -10px;
}
.cont-button:hover .img-button{
    width: 70px;
	height: 70px;
	
}
.cont-button.active .img-button{
    width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 4px solid #9F1F41;
}
.cont-button.active .tit-slider{
    font-size: 14px;
	color: #9F1F41;
}
.carousel-control-next, .carousel-control-prev {
	display: inline-block;
	height: 50px;
    width: 50px;
	border-radius: 50%;
    position: absolute;
    top: 7.5px;
    bottom: 0;
    z-index: 1;
    padding: 0;
    text-align: center;
	opacity: 1;
	transition: .5s ease;
}
.carousel-control-prev, .carousel-control-next{
	transform: translateY(-50%);
	top: 50%;
}
#Prensa .carousel-control-prev {
    left: -70px;
}
#Prensa .carousel-control-next {
    right: -70px;
}
#Prensa .modalPrensa .carousel-control-prev {
	top: 110px;
    left: -115px;
	background: #fff;
}
#Prensa .modalPrensa .carousel-control-next {
	top: 110px;
    right: -115px;
	background: #fff;
}
.modalPrensa .visually-text {
    color: #fff;
}
.modalPrensa .carousel-control-next:hover, .modalPrensa .carousel-control-prev:hover {
    box-shadow: 2px 2px 3px 0px black;
}
#accion-comunitaria .carousel-control-prev {
    left: -55px;
	top: -25px;
}
.carousel-control-prev {
    left: -55px;
}
.carousel-control-next {
    right: -55px;
}
.carousel-control-prev-icon {
    background-image: url(../img/chevron_lft.svg);
}
.carousel-control-next-icon {
    background-image: url(../img/chevron_rgt.svg);
}
.carousel-control-next:hover, .carousel-control-prev:hover{
	background: #E2E2E2;
    box-shadow: 2px 2px 3px 0px #bbbbbb, -2px -2px 3px 1px #f7f7f7;
}
.carousel-control-next:focus, .carousel-control-prev:focus{
    box-shadow: 2px 2px 3px 0px #f7f7f7, -2px -2px 3px 1px #bbbbbb;
}
.visually-text{
	font-size: 12px;
    font-weight: 700;
    color: #225B4F;
	opacity: 0;
	position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 40px;
	transition: all .3s ease;
}
.carousel-control-prev:hover .visually-text, .carousel-control-next:hover .visually-text, .btnNext:hover .visually-text, .btnPrev:hover .visually-text {
	opacity: 1;
	top: 60px;
}
.corazon{
	width: auto;
	display: none;
    position: absolute;
	z-index: 99;
}
.ubiUno{
	height: 60px;
    top: 165px;
    left: 150px;
}
.ubiDos{
	height: 60px;
    top: 220px;
    left: 210px;
}

/* SECCIÓN 3 */
.limit-tab{
	width: 75%;
	background: #fff;
	position: relative;
	margin: 20px auto;
	border-radius: 15px;
    box-shadow: 0 0 5px grey;
	z-index: 99;
}
#carrusel-requisitos .carousel-item{
	padding: 25px;
}
#carrusel-requisitos.carousel {
    padding: 0;
    border-bottom: none;
}
#carrusel-requisitos .parrafo{
	font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
}
#carrusel-requisitos .cardSlide{
	width: 20%;
	float: left;
}
#carrusel-requisitos .cardSlide{
    width: 20%;
	padding: 5px 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 600;
    background: #fff;
    border: 2px solid;
	border-bottom: 6px solid;
}
#carrusel-requisitos .cardSlide.active.oro_t{
	background: #BB965C;
	border-color: #BB965C;
	color: #fff !important;
	border-bottom: 6px solid #96663D;
}
#carrusel-requisitos .cardSlide.active.verde_t{
	background: #026757;
	border-color: #026757;
	color: #fff !important;
	border-bottom: 6px solid #10312B;
}
#carrusel-requisitos .cardSlide.active.guinda_t{
	background: #9F1F41;
	border-color: #9F1F41;
	color: #fff !important;
	border-bottom: 6px solid #691C32;
}
#carrusel-requisitos .cardSlide.active.vino_t{
	background: #681B33;
	border-color: #681B33;
	color: #fff !important;
	border-bottom: 6px solid #9F1F41;
}
.br-top-left{
	border-radius: 15px 0 0 0 !important;
}
.br-top-right{
	border-radius: 0 15px 0 0 !important;
}
.fondo-tabCont{
	background: #ededeb;
	padding: 30px;
	min-height: 66vh;
}
.fondo-tabCont .tab-content{
	position: relative;
	width: 80%;
	margin: auto;
}
.img-tab{
	margin: auto;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
    background-size: cover;
}
.img-tab.img1{
	background-image: url(../img/requisitos/CURP.svg);
}
.img-tab.img2{
	background-image: url(../img/requisitos/LOCATION.svg);
}
.img-tab.img3{
	background-image: url(../img/requisitos/CAMARA.svg);
}
.img-tab.img4{
	background-image: url(../img/requisitos/ID.svg);
}
.img-tab.img5{
	background-image: url(../img/requisitos/CEL.svg);
}
#carrusel-requisitos .cardSlide.active .img1{
	background-image: url(../img/requisitos/CURP_B.svg);
}
#carrusel-requisitos .cardSlide.active .img2{
	background-image: url(../img/requisitos/LOCATION_B.svg);
}
#carrusel-requisitos .cardSlide.active .img3{
	background-image: url(../img/requisitos/CAMARA_B.svg);
}
#carrusel-requisitos .cardSlide.active .img4{
	background-image: url(../img/requisitos/ID_B.svg);
}
#carrusel-requisitos .cardSlide.active .img5{
	background-image: url(../img/requisitos/CEL_B.svg);
}
#nav-tabContent{
	background: #fff;
	padding: 20px;
	border-radius: 0 0 15px 15px;
}
.carousel-item .titContent{
	font-size: 25px;
	font-weight: 700;
	margin: 10px 0;
}
.carousel-item .textContent, .textContent li{
	font-size: 14px;
	font-weight: 500;
	color: #4d4d4d;
	margin-bottom: 10px;
}
.super-text{
	font-size: 13px;
    padding: 5px 8px;
    text-align: center;
    color: #fff;
    font-weight: 600;
	border-radius: 8px;
}
ul.textContent li {
    list-style: none;
    padding-left: 0;
    position: relative;
    padding-left: 15px;
	margin-bottom: 10px;
}
ul.textContent li:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background-image: url(../img/chevron_rgt.svg);
    background-size: cover;
    background-position: center;
    left: 3px;
    top: 7px;
    transform: translateY(-50%);
}
.img-tabs{
	position: relative;
	height: 300px;
}
.img-frente {
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 55%;
    left: 50%;
}
.img-fondo{
	height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.ubiTab-requisitos{
	display: block;
    width: 77%;
    height: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 60%;
    left: 50%;
}
.caja-num {
    width: 35px;
    height: 35px;
    padding: 9px;
    float: left;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}
.caja-text{
	width: calc(100% - 50px);
    height: 45px;
    float: left;
    padding: 2px;
    padding-left: 15px;
    font-size: 14px;
	font-weight: 500;
}

/* SECCIÓN 4 */
.fondo-proceso{
	background-image: url(../img/fondo_2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}
#carrusel-proceso.carousel {
    width: 790px;
    height: 460px;
    margin: auto;
    position: relative;
    overflow: hidden;
    left: 0px;
    padding: 0;
}
.flujo-vertical{
	position: relative;
    right: -100px;
    width: 100px;
    height: 450px;
    float: left;
    padding: 0;
}
.caja-vertical{
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 100%;
	padding: 20px 10px;
    background: #026757;
    border-radius: 50px;
}
.slide-horizontal{
	position: relative;
	width: calc(100% - 100px);
	padding: 0;
	float: left;
}
.box-infoLeft{
	position: relative;
	width: 97%;
	height: 450px;
	background: #f1f1f1;
	padding: 30px;
	padding-right: 165px;
	border: 4px solid #225B4F;
	border-radius: 40px 0 0 40px;
	text-align: center;
}
.box-imgRight {
    width: 230px;
    height: 450px;
    position: relative;
    transform: translateY(-100%);
    left: 550px;
    top: 50%;
    background-color: #026757;
    border-radius: 150px;
}
.pr-slider-proc {
    position: relative;
    height: 450px;
    width: 80%;
    margin: auto;
}
.pr-slider-proc .ubSlider{
	height: 60px;
	position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0px;
}
.cnt-b {
    z-index: 99;
    position: absolute;
    transform: translateX(-50%);
    left: 40%;
    bottom: 10px;
    cursor: pointer;
}
.parraText-proceso{
	font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
	text-align: justify;
}
.parraText-proceso.t-c{
	text-align: center;
}
.titParra-proceso{
	font-size: 25px;
    font-weight: 700;
	text-align: center;
}
.subtitText-proceso {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
	text-align: center;
}
.l-div.proc {
    position: relative;
    height: 5px;
    width: 75%;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 15px;
}
.imgProc{
	height: 120px;
	margin: 10px 0;
}
#sec-proc-registro .carousel-control-next, #sec-proc-registro .carousel-control-prev {
    top: -75px;
	left: -60px;
}
.ubiImgSlide{
	height: 450px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.ubiImgSlide-bis{
	height: 420px;
    position: absolute;
    bottom: -10px;
    right: -25px;
}
.cont-flujo{
	display: flex;
	position: relative;
    text-align: center;
    height: calc(100% / 6);
    vertical-align: middle;
    justify-content: center;
}
.point-slider{
	position: relative;
	z-index: 3;
	width: 20px;
	height: 20px;
	margin: auto;
	background: #c4c4c4;
	border: 2px solid #fff;
	border-radius: 50px;
}
.point-slider i{
	opacity: 0;
}
.point-slider.active i{
	opacity: 1;
}
.point-slider.active {
    width: 30px;
    height: 30px;
    padding: 5px;
    background: rgb(4, 192, 4);
    border: 2px solid #fff;
    color: #fff;
}
#carrusel-proceso{
	position: relative;
	width: 80%;
	margin: auto;
}
.line-vertical{
	position: absolute;
	z-index: 1;
	width: 7px;
	height: 70px;
	background: #c4c4c4;
	bottom: 32.5px;
}
.line-verde{
	position: absolute;
	z-index: 2;
	width: 7px;
	background: rgb(4, 192, 4);
	top: -35px;
}
.uno, .dos, .tres, .cuatro, .cinco{
	height: 0;
}

#carrusel-proceso .carousel-item{
	width: 100%;
	height: 450px;
	position: absolute;
	top: 28px;
	left: 10px;
}
.box-infoLeft-bis{
    position: relative;
	top: -30px;
	height: 100%;
	padding: 30px 20px;
    padding-right: 200px;
}
.box-imgRight-bis{
	position: relative;
    top: -30px;
    right: -80px;
}
#slideProc{
	position: absolute;
	transform: translateX(-200%);
	left: 50%;
	bottom: 0;
	z-index: 99;
}
.h-heart{
	display: contents;
}

/* SECCIÓN 5 */
.fondo-atencion{
	padding-top: 115px;
	background-image: url(../img/fondo_4.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
}
#Atencion .titSecciones.left {
    float: left;
    left: 20px;
}
.limit-atencion{
	width: 75%;
	margin: auto;
	margin-top: 10rem;
}
.parra-atencion{
	margin-bottom: 15px;
}
.tit-aterncion{
	font-size: 25px;
	font-weight: 700;
}
.b-ate{
	width: 200px;
	border-bottom: 2px solid;
	opacity: 1;
	margin: 0 0 5px 0;
}
.b-ate.t-r{
	float: right;
}
.text-atencion{
	font-size: 17px;
    font-weight: 400;
    text-align: justify;
    margin-top: 10px;
	line-height: 1.2;
}
.subtit.bis{
	font-size: 14px;
	line-height: 1.1;
	font-weight: 500;
}
.img-atencion{
	width: 85%;
}

/* SECCIÓN 6 */
.fondo-registrate{
	padding-top: 115px;
	background-image: url(../img/fondo_3.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}
.limit-registrate{
	width: 80%;
	margin: auto;
	margin-top: 50px;
}
#Registrate .titSecciones{
	padding: 15px 0px;
	margin: 10px 0;
    margin-top: 80px;
}
#Registrate .titSecciones.left{
	left: 0;
}
.text-registrate{
	font-size: 17px;
	font-weight: 400;
	margin: 10px 0;
}
#aniBtn{
	transform: scale(1.5);
}

/* SECCIÓN 7 */
#Clinica .titSecciones{
	margin: 0;
}
#Clinica.seccion.hover{
	height: 100%;
}
.limit-clinica{
	width: 85%;
	margin: auto;
	margin-top: 30px;
}
#Clinica .boxInfo{
	position: relative;
	top: 30px;
	opacity: 0;
}
.secModulo{
	position: relative;
	right: -30px;
	opacity: 0;
}
.secModulo .subenun{
	margin-top: 10px;
	margin-bottom: 5px;
}
.boxInfo{
	width: 100%;
	background-color: #fff;
	border-radius: 25px;
    border-left: 30px solid #9F1F41;
    box-shadow: 0 0 3px black;
	padding: 0;
}
.infoBusqueda{
	padding: 15px;
}
.cajaInfo {
    margin: 0px;
    padding: 10px 15px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 3px #000000;
    border-left: 15px solid #026757;
}
.form-ubi {
    min-height: 40px;
    padding: 0 8px 0px 8px;
    border: 2px solid #DDC9A5;
    border-radius: 10px;
}
.form-ubi label {
    font-size: 12px;
    font-weight: 600;
    color: #BB965C;
    line-height: 1;
}
.form-ubi p {
    font-size: 14px;
    font-weight: 600;
    color: #292929;
    line-height: 1;
}
.sp.left{
	padding-left: 5px;
}
.mapaBusqueda{
	position: relative;
	height: 100%;
}
#mapaFalse{
	position: absolute;
	height: 450px;
	top: -50px;
	left: 0;
}
#mapaTrue{
	background-image: url(../img/MAPS.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	opacity: 0;
	width: 100%;
	min-height: 510px;
	height: 100%;
	border-radius: 0 25px 25px 0;
}
#mapaTrue iframe#gmap_canvas, #mapaTrue .gmap_canvas{
	width: 100%;
	height: 100%;
}

/* SECCIÓN  8 */
.ub_tres a, .ub_cuatro a{
	color: #4d4d4d;
}
.ub_tres a:hover, .ub_cuatro a:hover{
	color: #96663D;
	font-weight: 700;
}
#redes{
	z-index: 999;
	height: 80px;
	padding: 10px;
}
#redes .titSecciones {
    height: 80px;
    margin: 0;
    padding: 5px;
}
.redes-sociales{
	position: relative;
	width: 100%;
	padding-left: 0;
}
.redes-sociales li{
	position: relative;
	list-style-type: none;
	margin-bottom: 10px;
	cursor: pointer;
}
.inE{
	position: relative;
	width: 60px;
	padding: 5px;
	float: left;
	top: 0;
	transition: all .5s ease;
}
.inE.hover{
	top: -10px;
}
.box-red{
	position: relative;
	width: 50px;
	height: 50px;
	padding: 12.5px;
	background: #2a6457;
	border-radius: 15px;
	transition: all .5s ease;
	top: 0;
}
li:hover .box-red, .inE.hover .box-red{
	background: #10312B;
	top: -10px;
}
 
li:hover .tit-red, .inE.hover li .tit-red{
	width: 100px;
	left: 45px;
	opacity: 1;
}
.contacto{
	width: 100%;
}
.ma-borde{
	margin: 5px;
	width: 100%;
}
.caja-icon{
	width: 30px;
	height: 30px;
	padding: 5px;
	float: left;
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}
.caja-textContact {
    width: calc(100% - 50px);
    min-height: 30px;
    float: left;
    padding: 2px;
    padding-left: 15px;
    font-size: 15px;
}
.caja-textContact p{
	font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 3px;
}
.img-contact{
	width: auto;
	height: 100%;
	margin: auto;
}
#pregFrec .btnReg{
	max-width: 260px;
}
#Contacto.fondo-proceso2 {
    background-position: 0px -60px;
}

#aniBtn .btnGral.parpadea, #btnRegistro .btnGral.parpadea{
	box-shadow: 0px 0px 15px;
	animation: infinite resplandorAnimation 2s;	
}
#imgContact, #pregFrec{
	position: relative;
	height: 75%;
}
.contacto .ma-borde{
	position: relative;
}
.contacto .btnSec{
	padding: 5px;
	line-height: 1.1;
	position: relative;
	top: 0;
	transition: all .5s ease;
}

.contacto .btnSec:hover{
	top: -10px;
}

/*NAVEGADOR POR TABS*/

.nav-tabs {
	border-bottom: 1px solid #ddd; 
	border-radius: 20px;
}
.nav-tabs .nav-link {
	height: 50px;
	color: #335B50;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: none; 
	background: #fff;
	font-size: 14px;
	text-align: center;
	box-shadow: 0 0 3px black;
}
.nav-tabs .nav-link.active {
	background-color: #912C42;
	color: #fff;
	border: 1px solid #912C42; 
	border-bottom: 1px solid transparent; 
}
#transparencia-tabs .nav-item {
	width: 20%; 
}
.nav-tabs .nav-link.izq{
	border-radius: 30px 0px 0px 30px !important;
}
.nav-tabs .nav-link.der{
	border-radius: 0px 30px 30px 0px !important;
}
.bor-rgt {
    border-right: 2px solid #BB965C!important;
	height: 2px;
	align-content: center;
}
#juridico-tabs .nav-item {
	width: 33.33%; 
}
/*FIN NAV POR TABS*/


/*NAVEGADOR DE TABS POR CIRCULOS*/

.circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto; 
    padding: 3%;
    border: none;
    background: #204f46;
	margin:5px ;
	transition: all .8s ease;
}
.circle.active {
    background: #b59664;
}
.circle.active img.icon {
    content: url(../img/chevron_dwn.svg);
}
.circle img.icon {
    width: 25px;
    height: 25px;
}
.border-bottom-green {
	display: flex;
    border-bottom: 2px solid #00322b; 
	margin: 0;
	padding: 5px 0;
}
.item-submenu{
	text-align: right;
	margin: 5px;
}
.item-submenu:hover{
	font-weight: 700;
}
.nav-item.col-20 .nav-link{
	padding: 8px 10px !important;
}

/*Parte principale del encabezado*/
.tituloInicio{
    width: 30%;
    align-content: center;
    margin: 20px;

}
.titSeccionPrin{
    color: #fff;
	font-size: 40px;
	padding: 20px 0;
    text-align: left !important;
    padding-left: 15px !important;
    font-weight: 700;
}
.titSeccionPrin h3{
	font-weight: 700;
  	font-size: 30px;
  	line-height: 1;
	border-bottom: 2px solid #DDC8A4;
}
.imgInicio{
    width: 70%;
    text-align: center;
    position: relative;
    right: -5%;
}
.line-oro{
	border: 2px solid #C19352;
	width: 20%;
}

/*cards*/
.content-cards{
	display: flex;
}
.card{
	box-shadow: 0 0 3px #000000; ;
	text-align: center;
	padding: 15px;
	width: 30%;
	margin: 10px;
	font-size: 11px;
	border-radius: 20px;
	height: auto;
	border: 5px solid transparent;
	transition: all .5s ease;
}
.card:hover{
	border: 5px solid #b59664;
}
.header-card{
    width: 80px; 
    height: 80px;
    border-radius: 50%; 
    object-fit: cover;
	margin: 0 auto; 
	transition: all .5s ease;
}
.header-card.hombre{
	background: url(../img/11_transparencia/usuario_hombre_verde.svg) top left no-repeat;
	background-size: cover;
}
.card:hover .header-card.hombre{
	background: url(../img/11_transparencia/usuario_hombre_oro.svg) top left no-repeat;
	background-size: cover;
}
.header-card.mujer{
	background: url(../img/11_transparencia/usuario_mujer_verde.svg) top left no-repeat;
	background-size: cover;
}
.card:hover .header-card.mujer{
	background: url(../img/11_transparencia/usuario_mujer_oro.svg) top left no-repeat;
	background-size: cover;
}
.card img{
	width: 90px;
	padding-right: 10px;
}
.footer-card{
	float: left;
	text-align: left;
}
.datos{
	display: flex;
}
.footer-card img{
	width: 30px;
}

@keyframes resplandorAnimation {
	0%,100%{
	    box-shadow: 0px 0px 15px;
	}
	50%{
		box-shadow: 0px 0px 0px;
	}
}

/* A CERCA DE */
.fondo-img-acerca{
	background-image: url(../img/fondo-header-acerca.png);
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
}

/*Video*/
.limit-video {
    width: 80%;
    margin: auto;
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.video-container {
    position: relative;
    display: inline-block;
    width: 80%;
    padding: 0px;
	top: -30px;
	opacity: 0;
}
.videoimss {
    width: 100%; 
    height: auto; 
    border-radius: 20px;
}
.overlay-text {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(72, 100, 90, 0.62);
    text-align: center;
    padding: 20px;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
    transition: opacity 0.5s;
    opacity: 1;
}

/*historia*/
#Historia .titPrincipal{
	text-align: left;
}
.bor-oro-c{
	position: relative;
	left: -30px;
	border-bottom: 3px solid #bb965c;
    opacity: 0;
    width: 350px;
    margin-top: 0;
}
.limit-historia {
    width: 80%;
	height: 100%;
    margin: auto;
    margin-top: 30px;
}
.img-historia, .img-historia2{
	height: 90%;
	max-height: 450px;
}
.secInfo{
	height: 80%;
}
#Historia .titPrincipal h4{
	font-weight: 300;
}
.sec-text.bis{
	position: relative;
	float: left;
	width: 45%;
	left: 5%;
}
.sec-img.bis{
	position: relative;
	float: left;
	width: 55%;
	left: 10%;
}
.fondo-historia{
	background-image: url(../img/09_historia/sec-mision-01.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
}
.text-historia{
	font-size: 15px;
	font-weight: 500;
	text-align: justify;
	position: relative;
	margin-top: 30px;
}
.image-container {
    position: relative;
    display: inline-block;
	border-radius: 20px;
	box-shadow: 0 0 7px #000000bd;
	margin-top: 30px;
}
.image-container img {
    display: block;
    width: 100%;
	max-width: 380px;
    border-radius: 20px;
}
.tit-mision{
    font-weight: 700;
    font-size: 24px;
	line-height: 1;
	margin: 10px;
}
.text-mision {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%; 
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #fff; 
    padding: 15px;
    box-sizing: border-box; 
    border-radius: 20px 20px 70% 20px;
}
.text-mision .icon-mision{
    width: 35px;
}
.text-mision p.parra-mision{
	width: 100%;
	font-size: 13px;
	font-weight: 500;
}
#Historia-part2 .btnAvance:hover, #Tiempo .btnAvance:hover{
    background: #9F2241;
    box-shadow: 0px 0px 3px #691C32;
}

/*Misión y Visión*/
.fondo-mision{
	background-image: url(../img/09_historia/sec-mision.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

/*linea del tiempo*/
#Tiempo.seccion {
	position: relative;
    padding: 0;
}
#Tiempo .titSecciones{
	top: 80px;
	z-index: 100;
	box-shadow: 0 0 10px black;
}
#boxLinea.slider{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	border: 2px solid #ddd;
}
#boxLinea .slides {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	transition: top 0.5s ease;
}
#boxLinea .slide {
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	font-size: 24px;
}
#aniText1{
	width: 40%;
	float: left;
}
.fondo1{
	background: url(../img/09_historia/historia_8.jpg) top left no-repeat;
	background-size: cover;
}
.fondo2{
	background: url(../img/09_historia/historia_9.jpg) top left no-repeat;
	background-size: cover;
}
.limitLinea{
	position: relative;
	width: 80%;
	text-align: right;
	color: #fff;
}
.lineaTiempo{
	z-index: 5;
    width: 40px;
    height: 90%;
    position: absolute;
    bottom: -100%;
    left: 15%;
	background: #959595;
    border-radius: 50px;
}
.lineaTiempo2{
	z-index: 5;
	width: 40px;
    height: 150%;
    position: absolute;
    bottom: -5%;
    left: 15%;
	background: #959595;
    border-radius: 50px;
}
#boxLinea .slide h3{
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 1px;
}
#boxLinea .slide h4{
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 1px;
}
#boxLinea .slide p{
	font-size: 15px;
    font-weight: 300;
}
.btnUbiLinea{
	position: absolute;
    width: 100px;
    height: 200px;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
}
.prev, .next{
	background-color: #fff;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 10px 12px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    padding: 10px 8px;
    border-radius: 50%;
    box-shadow: 2px 2px 10px black;
	/* transition: all .5s; */
}
.prev {
    background-image: url(../img/chevron_up.svg);
    background-position: 10px 8px;
	background-size: 30px;
	top: 10px;
	z-index: 100;
}
.next {
    background-image: url(../img/chevron_dwn.svg);
    background-position: 10px 12px;
	background-size: 30px;
	bottom: 25px;
}
.prev:hover{
	background-color: #fff;
    background-image: url(../img/chevron_up.svg)!important;
	background-size: 30px;
    background-repeat: no-repeat;
    background-position: 10px 8px;
}
.next:hover{
	background-color: #fff;
    background-image: url(../img/chevron_dwn.svg)!important;
	background-size: 30px;
    background-repeat: no-repeat;
    background-position: 10px 12px;
}
p.label-fecha{
	background: #026757;
    color: #fff;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 180px;
    font-size: 20px;
    font-weight: 700 !important;
    letter-spacing: 1px;
	z-index: 5;
}
p.label-fecha span{
	position: absolute;
	right: -19px;
	border-style: solid;
	border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #026757;
}
.foto_1{
	width: 40%;
    position: absolute;
    left: 18%;
    top: 30%;
	z-index: 4;
}
.foto_2 {
    width: 37%;
    position: absolute;
    left: 18%;
    bottom: 32px;
    z-index: 4;
}
.foto_3 {
    width: 40%;
    position: absolute;
    left: 18%;
    top: 30%;
    z-index: 4;
}
.textLinea{
	width: 50%;
    position: absolute;
    right: 0;
	color: #fff;
    padding: 5% 10%;	
}
#slide-3 .textLinea{
	padding-top: 20%;
}
#slide-7 .textLinea{
	padding-top: 25%;
}
.back1{
    background: #00322bc2;
    height: 355px;
}
.back2{
    background: #00322bc2;
    height: 355px;
}
.back3{
    background: #00322bc2;
    height: 100%;
}
.back4{
	background: #00322bc2;
    height: 35%;
}
.back5 {
    background: #00322bc2;
    height: 370px;
}
.back6 {
    background: #00322bc2;
    height: 43%;
}
h3.titLinea {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 1px;
	line-height: 1;
}
p.parraLinea{
	width: 80%;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 0;
}
p.parraLinea b{
	font-weight: 600;
}
p.parraLinea.bis, #slide-4 p.parraLinea.bis{
	position: absolute;
    width: 23%;
    left: 23%;
}
p.label-fecha.bis {
	top: 150px;
}
p.label-fecha.ter {
	top: 325px;
}
.subtitLinea{
    font-size: 20px;
    font-weight: 700;
	margin-top: 10px;
}

#slide-4 .textLinea {
    width: 82%;
    padding: 3% 10% 3% 40%;
}
#slide-3 p.parraLinea{
	margin-top: 5px !important;
}
#slide-4 p.parraLinea {
    width: 70%;
}
#slide-7 p.parraLinea.ter{
	width: 80%;
}
#slide-8 .textLinea {
    width: 82%;
    right: 0;
	padding: 3% 10% 3% 40%;
}
#slide-8 .subtitLinea.bis {
    position: absolute;
    left: 23%;
    top: 19%;
}
#slide-8 p.parraLinea {
    width: 30%;
}
#slide-8 #lineaSec2 .subtitLinea {
	left: auto;
}
#slide-8 #lineaSec2 p.parraLinea {
    width: 80%;
	left: auto;
}

/* ATENCION A LA SALUD */
#Atencion .titPrincipal{
	text-align: left;
}
.box-text{
	position: relative;
    width: 80%;
    height: 100%;
    margin: auto;
}
.fondo-img-atensalud{
	background-image: url(../img/fondo-header-atensalud.png);
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
}
.limit-modelo {
    width: 80%;
    margin: auto;
    margin-top: auto;
    margin-top: 50px;
}
.ModeloBox {
    display: flex;
    justify-content: space-between; /* Adjust to space out the .Model elements evenly */
}
.Model {
    background: transparent;
    width: 20%;
    padding: 10px;
    border-radius: 20px;
    margin: 10px;
    transform: scale(1.0);
    position: relative;
    text-align: center;
    height: 300px;
    display: flex;
    flex-direction: column;
	align-items: center;
	z-index: 10;
}
.img-modelo{
	height: 100%;
	max-height: 500px;
}
#Principios .Model.one, #Principios .Model.two, #Principios .Model.three, #Principios .Model.four, #Principios .Model.five {
	position: relative;
	top: -50px;
	opacity: 0;
}
.circle-dorado {
    background: #b59664;
    padding: 5px;
    width: 98px;
    height: 98px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: margin-top 0.3s ease;
}
.circle-verde {
    background: #1f3731;
    padding: 15px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: background 0.3s ease;
}
.circleUno, .circleDos, .circleTres, .circleCuatro, .circleCinco, .circleSeis, .circleSiete, .circleOcho, .circleNueve, .circleDiez, .circleOnce, .circleDoce {
    background-repeat: no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
}
.TitModel {
    font-size: 14px;
    padding: 10px;
    border-bottom: 2px solid #c19352;
    text-align: center;
    margin: 10px;
}
.SubtitModel {
	opacity: 0;
    font-size: 12px;
	font-weight: 600;
    text-align: center;
}
.Model:hover {
    background: #fff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    height: auto;
    flex-direction: column;
}
.Model:hover .circle-verde {
    background: #fff;
}
.Model:hover .text {
    display: block;
}
#Principios .Model:hover .SubtitModel {
	opacity: 1;
}
.limit-tarjeta {
    width: 80%;
    margin: auto;
}
.text-tarjeta {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 20px 20px 100px 20px;
}
.text-tarjeta img {
	border-radius: 0!important;
    width: 30px!important;
}
.text-tarjeta p{
	font-size: 12px;
	margin-top: 0;
}

/*  */
.circleUno {
    background-image: url(../img/08_atencion_salud/icon-gratitud-oro.svg);
}
.circleDos {
    background-image: url(../img/08_atencion_salud/icon-accesibilidad-oro.svg);
}
.circleTres {
    background-image: url(../img/08_atencion_salud/icon-oportunidad-oro.svg);
}
.circleCuatro {
    background-image: url(../img/08_atencion_salud/icon-continuidad_oro.svg);
}
.circleCinco {
    background-image: url(../img/08_atencion_salud/icon-calidad-oro.svg);
}
.Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/icon-gratitud-verde.svg);
}
.Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/icon-accesibilidad-verde.svg);
}
.Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/icon-oportunidad-verde.svg);
}
.Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/icon-continuidad_verde.svg);
}
.Model:hover .circleCinco {
    background-image: url(../img/08_atencion_salud/icon-calidad-verde.svg);
}

/* COORDINACIÓN 1 */
#Model_0 .circleUno {
    background-image: url(../img/08_atencion_salud/coord01_1_oro.svg);
}
#Model_0 .circleDos {
    background-image: url(../img/08_atencion_salud/coord01_2_oro.svg);
}
#Model_0 .circleTres {
    background-image: url(../img/08_atencion_salud/coord01_3_oro.svg);
}
#Model_0 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord01_1_verde.svg);
}
#Model_0 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord01_2_verde.svg);
}
#Model_0 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord01_3_verde.svg);
}

/* COORDINACIÓN 2 */
#Model_1 .circleUno {
    background-image: url(../img/08_atencion_salud/coord02_1_oro.svg);
}
#Model_1 .circleDos {
    background-image: url(../img/08_atencion_salud/coord02_2_oro.svg);
}
#Model_1 .circleTres {
    background-image: url(../img/08_atencion_salud/coord02_3_oro.svg);
}
#Model_1 .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord02_4_oro.svg);
}
#Model_1 .circleCinco {
    background-image: url(../img/08_atencion_salud/coord02_5_oro.svg);
} 
#Model_1 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord02_1_verde.svg);
}
#Model_1 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord02_2_verde.svg);
}
#Model_1 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord02_3_verde.svg);
}
#Model_1 .Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord02_4_verde.svg);
}
#Model_1 .Model:hover .circleCinco {
    background-image: url(../img/08_atencion_salud/coord02_5_verde.svg);
}

/* COORDINACIÓN 3 */
#Model_2 .circleUno {
    background-image: url(../img/08_atencion_salud/coord03_1_oro.svg);
}
#Model_2 .circleDos {
    background-image: url(../img/08_atencion_salud/coord03_2_oro.svg);
}
#Model_2 .circleTres {
    background-image: url(../img/08_atencion_salud/coord03_3_oro.svg);
}
#Model_2 .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord03_4_oro.svg);
}
#Model_2 .circleCinco {
    background-image: url(../img/08_atencion_salud/coord03_5_oro.svg);
} 
#Model_2 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord03_1_verde.svg);
}
#Model_2 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord03_2_verde.svg);
}
#Model_2 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord03_3_verde.svg);
}
#Model_2 .Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord03_4_verde.svg);
}
#Model_2 .Model:hover .circleCinco {
    background-image: url(../img/08_atencion_salud/coord03_5_verde.svg);
}

/* COORDINACIÓN 4 */
#Model_3 .circleUno {
    background-image: url(../img/08_atencion_salud/coord04_1_oro.svg);
}
#Model_3 .circleDos {
    background-image: url(../img/08_atencion_salud/coord04_2_oro.svg);
}
#Model_3 .circleTres {
    background-image: url(../img/08_atencion_salud/coord04_3_oro.svg);
}
#Model_3 .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord04_4_oro.svg);
}
#Model_3 .circleCinco {
    background-image: url(../img/08_atencion_salud/coord04_5_oro.svg);
} 
#Model_3 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord04_1_verde.svg);
}
#Model_3 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord04_2_verde.svg);
}
#Model_3 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord04_3_verde.svg);
}
#Model_3 .Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord04_4_verde.svg);
}
#Model_3 .Model:hover .circleCinco {
    background-image: url(../img/08_atencion_salud/coord04_5_verde.svg);
}

/* COORDINACIÓN 5 */
#Model_4 .circleUno {
    background-image: url(../img/08_atencion_salud/coord05_1_oro.svg);
}
#Model_4 .circleDos {
    background-image: url(../img/08_atencion_salud/coord05_2_oro.svg);
}
#Model_4 .circleTres {
    background-image: url(../img/08_atencion_salud/coord05_3_oro.svg);
}
#Model_4 .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord05_4_oro.svg);
}
#Model_4 .circleCinco {
    background-image: url(../img/08_atencion_salud/coord05_5_oro.svg);
}
#Model_4 .circleSeis {
    background-image: url(../img/08_atencion_salud/coord05_6_oro.svg);
}
#Model_4 .circleSiete {
    background-image: url(../img/08_atencion_salud/coord05_7_oro.svg);
}
#Model_4 .circleOcho {
    background-image: url(../img/08_atencion_salud/coord05_8_oro.svg);
}
#Model_4 .circleNueve {
    background-image: url(../img/08_atencion_salud/coord05_9_oro.svg);
}
#Model_4 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord05_1_verde.svg);
}
#Model_4 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord05_2_verde.svg);
}
#Model_4 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord05_3_verde.svg);
}
#Model_4 .Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord05_4_verde.svg);
}
#Model_4 .Model:hover .circleCinco {
    background-image: url(../img/08_atencion_salud/coord05_5_verde.svg);
}
#Model_4 .Model:hover .circleSeis {
    background-image: url(../img/08_atencion_salud/coord05_6_verde.svg);
}
#Model_4 .Model:hover .circleSiete {
    background-image: url(../img/08_atencion_salud/coord05_7_verde.svg);
}
#Model_4 .Model:hover .circleOcho {
    background-image: url(../img/08_atencion_salud/coord05_8_verde.svg);
}
#Model_4 .Model:hover .circleNueve {
    background-image: url(../img/08_atencion_salud/coord05_9_verde.svg);
}

/* COORDINACIÓN 6 */
#Model_5 .circleUno {
    background-image: url(../img/08_atencion_salud/coord06_1_oro.svg);
}
#Model_5 .circleDos {
    background-image: url(../img/08_atencion_salud/coord06_2_oro.svg);
}
#Model_5 .circleTres {
    background-image: url(../img/08_atencion_salud/coord06_3_oro.svg);
}
#Model_5 .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord06_4_oro.svg);
}
#Model_5 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord06_1_verde.svg);
}
#Model_5 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord06_2_verde.svg);
}
#Model_5 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord06_3_verde.svg);
}
#Model_5 .Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord06_4_verde.svg);
}

/* COORDINACIÓN 7 */
#Model_6 .circleUno {
    background-image: url(../img/08_atencion_salud/coord07_1_oro.svg);
}
#Model_6 .circleDos {
    background-image: url(../img/08_atencion_salud/coord07_2_oro.svg);
}
#Model_6 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord07_1_verde.svg);
}
#Model_6 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord07_2_verde.svg);
}

/* COORDINACIÓN 8 */
#Model_7 .circleUno {
    background-image: url(../img/08_atencion_salud/coord08_1_oro.svg);
}
#Model_7 .circleDos {
    background-image: url(../img/08_atencion_salud/coord08_2_oro.svg);
}
#Model_7 .circleTres {
    background-image: url(../img/08_atencion_salud/coord08_3_oro.svg);
}
#Model_7 .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord08_4_oro.svg);
}
#Model_7 .circleCinco {
    background-image: url(../img/08_atencion_salud/coord08_5_oro.svg);
} 
#Model_7 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord08_1_verde.svg);
}
#Model_7 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord08_2_verde.svg);
}
#Model_7 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord08_3_verde.svg);
}
#Model_7 .Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord08_4_verde.svg);
}
#Model_7 .Model:hover .circleCinco {
    background-image: url(../img/08_atencion_salud/coord08_5_verde.svg);
}

/* COORDINACIÓN 9 */
#Model_8 .circleUno {
    background-image: url(../img/08_atencion_salud/coord09_1_oro.svg);
}
#Model_8 .circleDos {
    background-image: url(../img/08_atencion_salud/coord09_2_oro.svg);
}
#Model_8 .circleTres {
    background-image: url(../img/08_atencion_salud/coord09_3_oro.svg);
}
#Model_8 .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord09_4_oro.svg);
}
#Model_8 .circleCinco {
    background-image: url(../img/08_atencion_salud/coord09_5_oro.svg);
}
#Model_8 .circleSeis {
    background-image: url(../img/08_atencion_salud/coord09_6_oro.svg);
}
#Model_8 .circleSiete {
    background-image: url(../img/08_atencion_salud/coord09_7_oro.svg);
}
#Model_8 .circleOcho {
    background-image: url(../img/08_atencion_salud/coord09_8_oro.svg);
}
#Model_8 .circleNueve {
    background-image: url(../img/08_atencion_salud/coord09_9_oro.svg);
}
#Model_8 .circleDiez {
    background-image: url(../img/08_atencion_salud/coord09_10_oro.svg);
}
#Model_8 .circleOnce {
    background-image: url(../img/08_atencion_salud/coord09_11_oro.svg);
}
#Model_8 .circleDoce {
    background-image: url(../img/08_atencion_salud/coord09_12_oro.svg);
}
#Model_8 .Model:hover .circleUno {
    background-image: url(../img/08_atencion_salud/coord09_1_verde.svg);
}
#Model_8 .Model:hover .circleDos {
    background-image: url(../img/08_atencion_salud/coord09_2_verde.svg);
}
#Model_8 .Model:hover .circleTres {
    background-image: url(../img/08_atencion_salud/coord09_3_verde.svg);
}
#Model_8 .Model:hover .circleCuatro {
    background-image: url(../img/08_atencion_salud/coord09_4_verde.svg);
}
#Model_8 .Model:hover .circleCinco {
    background-image: url(../img/08_atencion_salud/coord09_5_verde.svg);
}
#Model_8 .Model:hover .circleSeis {
    background-image: url(../img/08_atencion_salud/coord09_6_verde.svg);
}
#Model_8 .Model:hover .circleSiete {
    background-image: url(../img/08_atencion_salud/coord09_7_verde.svg);
}
#Model_8 .Model:hover .circleOcho {
    background-image: url(../img/08_atencion_salud/coord09_8_verde.svg);
}
#Model_8 .Model:hover .circleNueve {
    background-image: url(../img/08_atencion_salud/coord09_9_verde.svg);
}
#Model_8 .Model:hover .circleDiez {
    background-image: url(../img/08_atencion_salud/coord09_10_verde.svg);
}
#Model_8 .Model:hover .circleOnce {
    background-image: url(../img/08_atencion_salud/coord09_11_verde.svg);
}
#Model_8 .Model:hover .circleDoce {
    background-image: url(../img/08_atencion_salud/coord09_12_verde.svg);
}

/**/
.fondo-principios{
	background-image: url(../img/08_atencion_salud/sec-fondo-salud.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
}
.fondo-componentes{
	background-image: url(../img/08_atencion_salud/sec-fondo-salud2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
}
.text-mision {
	font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%; 
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #fff; 
    padding: 15px;
	padding-right: 45px;
    box-sizing: border-box; 
    border-radius: 20px 20px 70% 20px;
}
#Componentes .titSecciones{
	transform: scale(1.2);
    top: 4%;
    margin-bottom: 0;
}
#Componentes .image-container.im-uno, #Componentes .image-container.im-dos{
	position: relative;
	left: -30px;
	opacity: 0;
}
#btnBaja{
	position: relative;
	top: -30px;
	opacity: 0;
}

/*Coordinaciones*/
#Coordinaciones.seccion.bis{
	height: auto;
	padding: 0;
	padding-top: 85px;
}
#Coordinaciones #secAccesos .item-menu {
    width: calc(100% / 9);
    float: left;
}
.btn-coordinacion{
	left: 110px;
    bottom: 140px;
    top: auto;
    width: 60px;
    height: 60px;
    padding: 10px;
}
.btn-coordinacion span{
	display: block;
    width: 90px;
    font-size: 15px;
    font-weight: 700;
    color: #005046;
    position: absolute;
    bottom: 20px;
    left: -15px;
    opacity: 0;
    transition: all .5s;
}
.btn-coordinacion:hover span{
	opacity: 1;
	bottom: -25px;
}
.btn-coordinacion.hover span{
	opacity: 1;
	bottom: -25px;
}
.carousel-container {
    display: flex;
    width: 100%;
	height: 100%;
    position: relative;
}
.thumbnails {
    width: 20%;
    position: relative;
}
.thumbnails-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.thumbnail-item {
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    transform-origin: center bottom;
}
.thumbnail-item:hover img{
	width: 70px;
    height: 70px;
    transform: scale(1.1);
	border: 3px solid #9F2241;
	box-shadow: 0 0 12px #9F224170;
}
.thumbnail-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    transition: transform 0.3s ease;
}
.thumbnail-item.active img {
    width: 80px;
    height: 80px;
    transform: scale(1.2);
	border: 4px solid #BC955C;
}
.description {
	position: relative;
    width: 27%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    color: #00322b;
    font-weight: 700;
    font-size: 25px;
    margin: 15px;
}
.description-text {
    padding: 10px;
}
.main-image {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-image img {
	position: relative;
	top: 0;
	right: -40px;
    max-width: 100%;
    height: 95%;
    object-fit: cover;
    border-radius: 140px 0px 0px 140px;
	box-shadow: -7px 0 12px 0 #00000050;
}
.cont-modal-uno{
    padding: 30px;
    color: #fff;
    border-radius: 20px 70px 300px 10px;
    width: 60%;
    min-height: 600px;
}
.modal-content-uno{
    background-image: url(../img/coordinacion01.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#contentAccesos{
	height: calc(100vh - 200px);
	padding: 0;
	padding-top: 30px;
	margin-bottom: 60px;
}
#contentAccesos .l-div{
	width: 70%;
	margin-bottom: 15px;
}
.secTitular{
	width: 40%;
	height: calc(100vh - 230px);
	float: left;
}
.boxTitular{
	background: #00322b;
    padding: 40px;
	padding-right: 90px;
    color: #fff;
    border-radius: 0 100px 300px 0;
}
#tabCord-8 .boxTitular{
    padding: 25px 70px 25px 30px;
    border-radius: 0 100px 200px 0;
} 
.boxTitular h4{
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
}
.boxTitular h5{
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
}
.boxTitular p{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 15px;
	text-align: justify;
}
#tabCord-8 .boxTitular p{
	font-size: 13px;
}

.listaTitular li{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	text-align: justify;
}
.secContent{
	width: 60%;
	float: left;
	padding: 20px 15px;
}
.titCoord h3{
	font-size: 22px;
    text-align: center;
    font-weight: 700;
    color: #005046b3;
}
.subTitCoord{
	width: 70%;
	margin: auto;
}
.subTitCoord h3{
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	color: #4d4d4d;
}

.cards-coordinacion{
	position: relative;
	width: 95%;
	height: 270px;
	margin: auto;
	margin-top: 10px;
	padding: 0;
}
.cards-coordinacion	.Model {
    width: 33%;
	max-width: 210px;
	height: auto;
}
.TextCard{
	font-size: 13px;
    padding-top: 10px;
    border-top: 2px solid #c19352;
    text-align: center;
    margin: 10px 0;
    font-weight: 500;
}
.TextCard span{
	display: none;
	opacity: 0;
}
.Model:hover .TextCard span{
	display: inline;
	opacity: 1;
}
.limit-docs{
	width: 90%;
}
.limit-docs #btnDescarga{
	max-width: 500px;
	padding-left: 20px;
}
.limit-docs #btnDescarga .docsLeft, .limit-docs #btnDescarga .docsRight{
	height: 40px;
}
.limit-docs #btnDescarga .docsLeft .cen{
	white-space: normal;
	padding-left: 10px;
}
#contentAccesos .ModeloBox {
	display: flex;
	width: 88%;
	max-width: 660px;
	margin: auto; 
	overflow: hidden;
	position: relative;
	padding: 10px 0;
}
#contentAccesos .ModeloBoxInner, #contentAccesos .ModeloBoxInner_1, #contentAccesos .ModeloBoxInner_2, #contentAccesos .ModeloBoxInner_3, #contentAccesos .ModeloBoxInner_4, #contentAccesos .ModeloBoxInner_5, #contentAccesos .ModeloBoxInner_6, #contentAccesos .ModeloBoxInner_7, #contentAccesos .ModeloBoxInner_8 {
	display: flex;
	transition: transform 0.5s ease-in-out;
}
.Model.bis {
	width: 200px;
	min-width: 200px; /* Cada tarjeta ocupará 1/3 de la pantalla visible */
	box-sizing: border-box;
	padding: 10px;
	opacity: 1;
}
#contentAccesos .controls {
	width: 100%;
	position: absolute;
    transform: translateY(-50%);
    top: 40%;
}
#contentAccesos .controls .carousel-control-prev {
	left: -10px;
	top: auto;
}
#contentAccesos .controls .carousel-control-next {
	right: -10px;
	top: auto;
}
.controls .carousel-control-prev-icon {
    background-image: url(../img/chevron_lft_g.svg);
}
.controls .carousel-control-next-icon {
    background-image: url(../img/chevron_rgt_g.svg);
}
.controls .visually-text {
	color: #8e8e8e;
} 
.tooltip-coor{
	position: absolute;
	z-index: 10;
	opacity: 0;
	transform: translateY(-50%);
	top: 50%;
	left: 50px;
	transition: all .7s ease;
}

.tooltip-coor.bis{
	
}

.tooltip-coor{
	background: #9F1F41;
	color: #fff;
	height: 28px;
	width: 220px;
    padding: 8px 12px;
    border-radius: 7px 10px 10px 7px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.tooltip-coor span{
	position: absolute;
    left: -8px;
    top: 2px;
    border-style: solid;
    border-width: 12px 10px 12px 0px;
    transform: rotate(0deg);
	border-color: transparent #9F1F41 transparent transparent;
}

.thumbnail-item:hover .tooltip-coor{
	opacity: 1;
	left: 80px;
}

/*Fases del Proceso*/
#secPrincipal{
	display: block;
}
#secSecundaria{
	display: none;
}
.icons-section {
    width: 50%;
    background-color: #00322b;
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    padding: 10px; 
    box-sizing: border-box; 
    overflow: hidden; 
}
.icon-item {
    width: 18%; 
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box; 
}
.icon-item img {
    width: 100%; 
    height: auto; 
}
.icon-item {
    width: 18%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer; 
}
.details-section {
    width: 50%;
    border: 5px solid #00322b; 
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box; 
    padding: 10px;
}
.details-content {
    display: flex;
    align-items: center;
    gap: 20px;
}
#selected-icon {
    max-width: 100px; 
    max-height: 100px; 
}
#icon-description {
    color: #00322b; 
    font-size: 14px;
    font-weight: 600;
}
.contFases{
    width: 95%;
}
.Fase-Imagen{
	width: 35%;
	float: left;
}
.Fase-Cont{
	width: 65%;
	float: left;
}
.BoxFases{
    display: flex;
}
.cargaOro{
	position: relative;
    width: 33%;
    padding: 0px;
    margin: 10px;
    border-radius: 20px;
}
.Fase{
    background: #fff;
    border-radius: 20px;
    text-align: center;
    width: 100%;
    padding: 15px;
    height: 300px;
}
.TitPrinFase{
    font-size: 26px;
}
.CircDorado {
    background: #b59664;
    padding: 5px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto;
}   
.CircVerde {
    background: #1f3731;
    padding: 15px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.NumFase{
    font-size: 50px;
    font-weight: 700;
}
.TitFase{
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin: 10px;
    background: #00322b;
}
.SubtitFase{
    text-align: center;
    font-size: 14px;
}
.cargaOro.None{
    width: 33%;
    padding: 0px;
    margin: 10px;
    border-radius: 20px;
    margin-top: auto;
}
.Fase.None{
    background: #00322b;
    border-radius: 50px 0px 0px 50px;
    display: flex;
	height: 80px;
}
.CircDorado.None {
    background: #b59664;
    padding: 5px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0px auto;
}
.CircVerde.None {
    background: #1f3731;
    padding: 15px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.NumFase.None{
    font-size: 30px;
    font-weight: 700;
}
.TitFase.None{
    margin: 0 10px;
}
.SubtitFase.None{
	display: none;
}
.box {
	width: 100%;
	height: 100%;
	background-color: #3498db;
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
.border-line {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	fill: none;
	width: 100%;
	height: 100%;
	transform: scale(-1.1);
}
.line {
	width: 90%;
	height: 270px;
	stroke: #c19352;
	stroke-width: 5;
	transition: stroke-dashoffset 12s ease;
}
.line.uno {
	stroke-dasharray: 1100; /* Longitud total del borde */
	stroke-dashoffset: 1100; /* Inicialmente no se muestra el borde */
}
.line.dos {
	stroke-dasharray: 1100; /* Longitud total del borde */
	stroke-dashoffset: 1100; /* Inicialmente no se muestra el borde */
}
.line.tres {
	stroke-dasharray: 1100; /* Longitud total del borde */
	stroke-dashoffset: 1100; /* Inicialmente no se muestra el borde */
}

/* JURIDICO */
#Juridico .titPrincipal{
	text-align: left;
}
#menuJuridico{
	position: relative;
	top: -75px;
	opacity: 0;
}
.fondo-img-juridico{
	background-image: url(../img/fondo-header-juridico.png);
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
}
.inter-normatividad{
    width: 70%;
    margin: auto;
}
.sub-normatividad {
    width: 33%;
    text-align: center;
    background: none;
    padding: 10px;
    align-content: center;
    color: #00322b;
}
.sub-normatividad button {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 14px;
    height: 50px;
}
.sub-normatividad button.active {
    background-color: #005d4d; 
    color: #ffffff; 
}
.sub-normatividad button.active p {
    margin: 0; 
}
.bordered {
    border-left: 2px solid #005d4d;
    border-right: 2px solid #005d4d; 
}

/*navitem circulos*/
.fondoSeccion {
    background: none !important;
}
.limit-secciones{
	width: 100%;
	margin: auto;
}
.secLeft.bis{
	width: 35%;
}
.secRight.bis{
	width: 65%;
}
.secRight.bis .contenido {
    width: 100%;
}
#accordionEdos .accordion-body.aco-body {
    padding: 0px 10px;
    margin-left: 40px;
}
#accordionEdos table {
    margin-bottom: 0;
}
#accordionEdos .subtitAco {
	font-size: 13px;
    padding: 10px;
	padding-bottom: 0;
    font-weight: 700;
	color: #4d4d4d;
}
#accordionEdos a.subtitAco {
	color: #005046;
	padding-top: 0;
}
#accordionEdos a.subtitAco:hover {
	color: #9F1F41;
}
#accordionEdos .fila.sec th, #accordionEdos .fila.sec td {
	position: relative;
	padding-top: 5px;
}
#accordionEdos .fila.sec div.pr{
	width: 65px;
}
#accordionEdos .fila.sec div.pr .btnSec{
	position: absolute;
	transform: scale(.85) translateY(-25%);
}
#accordionEdos .contAnexo{
	min-width: 400px;
}
.sec-icon .n-span{
	transform: translate(-50%, -50%);
    top: 50%;
    left: 55%;
    font-size: 13px;
    font-weight: 700;
	text-align: center;
    color: #fff;
}
.limit-aviso{
	width: 80%;
	margin: auto;
}
/*contenido*/
.BoxGral{
    border-radius: 50px 0px 0px 50px;
    background: #e6e6e6;
    box-shadow: 0 0 5px gray;
    display: flex;
    height: 450px;
}
.mainContain{
    width: 40%;
    padding: 50px;
}
.documents{
    width: 60%;
    background: #fff;
    padding: 20px;
    display: flex;
    padding: 0px;
}
.contentUno{
    width: 7%;
}
.contentDos{
    width: 93%;
}
.boxOro{
    width: 100%;
    height: 16%;
}
.boxVerde{
    width: 100%;
    height: 84%;
    text-align: center;
    align-content: center;
    padding: 10px;
    font-weight: 700;
}
.titVertical{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}
.plecaTit{
    margin:10px 0px auto;
    width: 100%;
    height: 35px;
    text-align: center;
    color: #fff;
    text-align: center;
    align-content: center;
}
.tit-main{
    font-size: 30px;
}
.nameFile{
    width: 70%;
    font-size: 14px;
}
.buttonFile{
    width: 20%;
}
.btnVer {
    border:3px solid #691c32;
    width: 100%;
    height: 35px;
    background: #fff;
    color: #691c32;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
	line-height: 23px;
    border-radius: 8px;
    transition: all .5s;
    background-image: url(../img/icon-ver-guinda.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px 20px;
    background-position: calc(100% - 10px) center; 
}
a.btnVer{
	display: inline-flex;
	text-align: center;
	color: #fff;
	padding: 10px;
	cursor: pointer;
}
.btnVer img{
	width: 17px;
	margin-left: 2px;
	transition: .5s all;
    width: 15px;
}
.btnVer i{
	font-size: 13px;
	margin-left: 2px;
	transition: .5s all;
}
.btnVer:hover{
	background: #691c32;
    color: #fff;
    background-image: url(../img/icon-ver-white.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px 20px;
    background-position: calc(100% - 10px) center; 
}
.btnVer:hover:focus{
	transform: scale(.85);
}
.btnVer:hover img, .btnSec:hover i{
	margin-left: 7px;
}
.BoxCarga{
    margin: 20px 0px;
}

/* PREGUNTAS FRECUENTES */
#InicioPF.seccion{
	height: 400px;
}
.textInicial p{
	position: relative;
	left: -40px;
	opacity: 0;
}
#Preguntas.seccion{
	background: transparent ;
	height: auto;
	padding-top: 0;
}
.TituloPreguntas .titSecciones.bis{
	color: #fff;
}
.fondo-img-preguntas{
	background-image: url(../img/fondo_pf.png);
	background-size: cover;
	background-position: 0 -40px;
	background-repeat: no-repeat;
}
.sec-imagen{
	width: 40%;
	float: left;	
}
.imgfondo{
	height: 500px !important;
	position: absolute !important;
	transform: translate(-50%, -50%)!important;
	top: 45%!important;
	opacity: 0; /*agregar*/
	/*left: 100%;  Posiciona la imagen fuera de la vista a la derecha */
}
.imgPreguntas{
	position: absolute;
	height: 350px;
	bottom: -30px;
	right: 10%;
}
#Preguntas .border-bottom-green {
    border-bottom: 2px solid #00322b;
    margin: 0;
    padding: 5px;
}
#Preguntas .accordion-button.aco-preg{
	padding: 0;
}
#Preguntas .accordion-button:focus {
    outline: 0;
    box-shadow: 0 0 0 !important;
}
#Preguntas .accordion-button, #Preguntas .accordion-button:not(.collapsed) {
    background-color: #f2f2f2;
	border-bottom: 1px solid #dbdbdb;
}
#Preguntas .accordion-body.aco-body {
    padding: 15px;
    margin-left: 55px;
}
#Preguntas .accordion-body.aco-body .resp{
	font-size: 14px;
	font-weight: 600;
}
#Preguntas .sec-info label {
    font-size: 13px;
    color: #026757;
}

/*secciones*/
.circle.active {
    background: #b59664;
}
.circle.active img.icon {
    content: url(../img/chevron_dwn_b.svg);
}
.btnSecPreguntas{
	position: absolute;
	bottom: -5%;
	left: 25%;
	transform: scale(1.1);
}
.TituloPreguntas{
	position: relative;
    width: 40%;
    margin-top: 30px;
	left: 170px;
}
.TituloPreguntas .titSecciones {
    width: 100%;
    padding: 0;
    min-height: 60px;
}
.TituloPreguntas .titSecciones h3, .TituloPreguntas .titSecciones h2 {
    font-size: 30px;
}
.text-pf{
	width: 90%;
    text-align: justify;
    color: #fff;
    font-size: 16px;
}
.item-submenu{
	width: calc(100% - 40px);
	font-size: 14px;
}

/* TRANSPARENCIA */
#secTransparencia.seccion{
	height: auto;
}
.fondo-img-transparencia{
	background-image: url(../img/fondo-header-transparencia.png);
	background-size: contain;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#Transparencia .titPrincipal {
    text-align: left;
}
#menuTransparencia {
    position: relative;
    top: -165px;
}
#banner-fondo{
	background-size: cover;
	margin: 0 -55px;
    padding: 35px 20px;
}
#secAccesos #contentAccesos {
    height: auto;
}
.transp1{
	background: url(../img/11_transparencia/00_transparencia_3.png) top left no-repeat;
}
.transp2{
	background: url(../img/11_transparencia/00_transparencia_3.png) top left no-repeat;
}
.transp3{
	background: url(../img/11_transparencia/00_transparencia_3.png) top left no-repeat;
}
.transp4{
	background: url(../img/11_transparencia/00_transparencia_3.png) top left no-repeat;
}
.transp5{
	background: url(../img/11_transparencia/00_transparencia_3.png) top left no-repeat;
}
.limit-transp{
	width: 80%;
	margin: auto;
}
.titSeccionesBis{
	padding: 15px;
}
.titSeccionesBis h3{
	opacity: .8;
	font-size: 30px;
	font-weight: 700;
}
.titSeccionesBis h2{
	opacity: .8;
	font-size: 27px;
	font-weight: 300;
	padding-left: 15px;
	margin-bottom: 5px;
}
.titSeccionesBis p{
	font-size: 17px;
	font-weight: 300;
	margin-top: 10px;
	line-height: 1.2;
}
.titSeccionesBis .l-div{
	width: 90%;
}
.parraTit {
    font-size: 20px;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff;
}
.parraText {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 5px;
}
.parraText.bis {
    font-weight: 600;
}
.parraText.bis em{
    font-weight: 700;
}
#accesoInfo #tabPestana .item-menu {
    width: calc(100% / 6);
    float: left;
}
.parra-cnt{
	width: 100%;
	position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.secTransp .titSecciones h3{
	font-size: 30px;
}
.secTransp .titSecciones h2{
	font-size: 32px;
}
#comite .Model{
	width: 33%;
	height: 220px;
}
#comite .circleUno {
    background-image: url(../img/11_transparencia/01_transparencia_1_oro.svg);
}
#comite .circleDos {
    background-image: url(../img/11_transparencia/01_transparencia_2_oro.svg);
}
#comite .circleTres {
    background-image: url(../img/11_transparencia/01_transparencia_3_oro.svg);
}
#comite .Model:hover .circleUno {
    background-image: url(../img/11_transparencia/01_transparencia_1_verde.svg);
}
#comite .Model:hover .circleDos {
    background-image: url(../img/11_transparencia/01_transparencia_2_verde.svg);
}
#comite .Model:hover .circleTres {
    background-image: url(../img/11_transparencia/01_transparencia_3_verde.svg);
}
#integrantes.tab-pane{
	padding: 20px;
}
.titBox h2{
	font-size: 22px;
	font-weight: 700;
	color: #005046;
}
.titBox hr{
	width: 20%;
    opacity: 1;
    margin: 5px 0;
    border-bottom: 3px solid #BB965C;
}
.tab-content, .tab-content>.active {
    height: 100%;
}
.footer-card hr{
	margin: 10px 0;
}
.secRight .contenido.bis{
	padding: 20px;
}
.docPDF{
	display: none;
	position: relative;
    z-index: 1058;
    width: 100%;
    height: 100%;
}
#contentAccesos.secTransp{
	margin-bottom: 0;
}

/* UNIDAD DE TRANSPARENCIA */
.tab-pane.bis{
	position: relative;
	height: calc(100vh - 300px);
}
.bloq-verde {
    position: absolute;
    width: 100%;
    height: 70%;
    background-color: #005046;
    border-radius: 100px 100px 0 0;
    bottom: 0;
}
#datos .contacto-box{
	height: 525px;
}
#datos .bloq-verde {
    height: 83%;
    border-radius: 80px 80px 0 0;
    bottom: -60px;
}
.contacto-box{
	position: relative;
	z-index: 5;
	height: 470px;
    padding: 15px;
    padding-top: 40px;
}
#mapaContact {
    width: 420px;
    height: 400px;
	margin: auto;
    border-radius: 30px;
    text-align: center;
	box-shadow: 5px 5px 8px #00000082;
}
#mapaContact #gmap_canvas{
	width: 100%;
	height: 100%;
	border-radius: 30px;
}
.base-contacto{
	position: relative;
	height: 210px;
    margin-top: 15px;
}
.img-contacto {
    position: absolute;
	background: #fff;
    width: 130px;
    height: 130px;
	transform: translateY(-50%);
	top: 50%;
    border-radius: 50%;
    box-shadow: 0 0 7px black;
}
.box-contacto{
	background: #fff;
    border-radius: 20px;
    padding: 10px;
    padding-left: 100px;
    width: 90%;
    float: right;
    box-shadow: 0 0 7px black;
}
.box-contacto h1{
	font-size: 16px;
	font-weight: 700;
}
.box-contacto h2{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
}
.box-contacto h3{
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
}
.box-contacto h4{
	font-size: 15px;
	font-weight: 600;
}
.box-contacto hr{
	width: 70%;
	border-bottom: 2px solid grey;
	opacity: 1;
	margin: 5px 0;
	margin: 0;
	margin-bottom: 5px;
}
.icon-cont{
	width: 15px;
	margin-right: 8px;
	float: left;
}
.tit-cont{
	width: calc(100% - 25px);
	float: left;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 5px;
}

/* OBLIGACIONES DE TRANSPARENCIA */
#obligaciones .titSecciones{
	margin: 0;
}
.titEnlaces{
	font-size: 27px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 10px;
}
.containEnlaces{
	background: #00504645;
	padding: 25px;
	margin: 0 -70px;
}
.contBox{
	position: relative;
	width: 90%;
	margin: auto;
    height: 175px;
    background: top center no-repeat;
    background-size: cover;
    border-radius: 20px;
}
.hoverBox{
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
    background: #000000b5;
    border-radius: 20px;
	padding: 20px;
	transition: all .33s ease-in;
}
.contBox:hover .hoverBox{
	opacity: 1;
}
.hoverBox p{
	width: 85%;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
}
.hoverBox button{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.contBox.Uno{
	background-image: url(../img/11_transparencia/01_transparencia_obligaciones-acceso.png);
}
#sec-programas.contBox.Uno{
	background-image: url(../img/11_transparencia/gobierno_mexico.jpg);
}
#info-publica .contBox.Uno{
	background-image: url(../img/11_transparencia/03_transparencia_infopublica_1.jpg);
}
#info-publica .contBox.Dos{
	background-image: url(../img/11_transparencia/03_transparencia_21_infopublica_2.jpg);
}
#info-publica .contBox.Tres{
	background-image: url(../img/11_transparencia/03_transparencia_19_infopublica_3.jpg);
}
#info-publica .contBox.Cuatro{
	background-image: url(../img/11_transparencia/03_transparencia_infopublica_4.jpg);
}
#gob-abierto .contBox.Uno{
	background-image: url(../img/11_transparencia/04_transparencia_gobabierto_1.jpg);
}
#gob-abierto .contBox.Dos{
	background-image: url(../img/11_transparencia/04_transparencia_gobabierto_2.jpg);
}
#gob-abierto .contBox.Tres{
	background-image: url(../img/11_transparencia/04_transparencia_gobabierto_3.jpg);
}
#gob-abierto .contBox.Cuatro{
	background-image: url(../img/11_transparencia/04_transparencia_gobabierto_4.jpg);
}
#dat-abiertos .contBox.Uno{
	background-image: url(../img/11_transparencia/gobierno_mexico.jpg);
}
#solicitudes .boxAccion{
	height: 300px;
}

/* PROTECCIÓN DE DATOS PERSONALES */
.boxArco {
	width: calc(25% - 20px);
	position: relative;
	float: left;
    background: #fff;
    border: 5px solid #BC955C;
    border-radius: 25px;
	margin: 10px;
    padding: 10px 20px;
    transition: all .8s;
}
.boxArco:hover {
	margin-top: -15px;
    border: 5px solid #9F2241;
}
.pal-50{
	padding: 0 20px;
}
.circulo-verde {
    background: #1f3731;
    padding: 15px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 5px solid #BC955C;
    border-radius: 50%;
    margin: auto;
}
.circulo-verde h1{
	font-size: 35px;
	font-weight: 700;
	color: #fff;
}
.bodyArco {
    background: #10312B;
    padding: 5px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
	margin: 10px 0;
}
.bodyArco p{
	padding: 0 10px;
	font-size: 13px;
	line-height: 1.1;
	font-weight: 500;
	text-align: justify;
	margin-bottom: 5px;
}
.boxConoce {
	max-width: 250px;
	min-height: 220px;
    position: relative;
    padding: 20px;
	padding-bottom: 50px;
    background: #005046;
    border-radius: 30px 30px 120px 30px;
}
.contTexto{
	font-size: 13px;
    font-weight: 600;
    color: #fff;
}
.contButton{
	position: absolute;
	bottom: 10px;
	right: 0;
}
.secAccesos .item-menu a{
	width: 100%;
}
.secAccesos .item-menu button{
	width: 100%;
	height: 40px;
	padding: 5px;
	background: transparent;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #005046;
	transition: all .5s;
}
.secAccesos .item-menu.hr-rgt{
	border-right: 2px solid #005046;
}
.secAccesos .item-menu:hover button{
	background: #BC955C;
	color: #fff;
	font-weight: 600;
}
.secAccesos .item-menu button.active{
	background: #005046;
	color: #fff;
	font-weight: 600;
}
#secProteccion .border-bottom-green {
	display: flex;
    border-bottom: 2px solid #00322b;
    margin: 0px;
    padding: 5px 0;
}
#transparencia3 .titSecciones{
	margin-bottom: 0;
}
#plan-prog-inf, #plan-prog-inf .boxAccion {
    height: 300px;
}
.adProgramas{
	display: none;
	padding: 0;
}
.ma-t4{
	margin-top: 35px;
}
.limit-texto{
	width: 100%;
	height: 80%;
}
#transparencia2 .titSecciones.right, #transparencia4 .titSecciones.bis.right{
	opacity: 1;
}

/* APERTURA GUBERNAMENTAL */
.img-abierto{
	width: 100%;
}
.secAbierto .titSecciones{
	margin-bottom: 0;
}
#contentAccesos.tab-content.bis{
	height: auto;
}
#unidad-transparencia .paTit{
	position: absolute;
	right: 0;
}
.ma-contact {
	position: absolute;
	top: 180px;
	width: 55%;
}

/* ENTERATE */
#Enterate .titSecciones.right{
	padding-bottom: 0;
}
.carruselEnterate{
	width: 80%;
	height: 450px;
	margin: auto;
}
.carruselEnterate .carousel, .carruselEnterate .carousel-inner, .carruselEnterate .carousel-item{
	height: 100%;
}
.carruselEnterate .carousel-inner{
	height: 90%;
	min-height: 330px;
	max-height: 380px;
	box-shadow: 0 0 6px #00000080;
    border-radius: 60px 0 0 80px;
}
.secCabezal {
    width: 30%;
	height: 100%;
    float: left;
    padding:30px 50px;
    background: #005046;
    color: #fff;
}
.he1{
	height: 60%;
}
.he90{
	height: calc(100% - 45px);
}
.secCuerpo{
	width: 70%;
	height: 100%;
	float: left;
	padding:30px;
	color: #fff;
}
.labelTit{
	display: block;
	font-size: 13px;
	font-weight: 400;
}
.labelTit b{
	font-weight: 700;
}
.secCabezal h6{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 8px;
}
.imgSeccion{
	width: 100%;
}
.titCuerpo{
	font-size: 25px;
	font-weight: 700;
	margin: 10px 10px;
}
.titCuerpo h6{
	font-weight: 300;
	margin-left: 83px;
	position: relative;
	top: -8px;
}
.parraCuerpo{
	font-size: 14px;
	line-height: 1.3;
}
.btnEnterate{
	position: relative;
	width: 100%;
	height: 45px;
	background: #BC955C;
    color: #fff;
    font-size: 13px;
    padding: 5px 6px;
    border-radius: 0 30px 30px 0;
	transition: all .5s;
}
.btnEnterate:hover{
	margin-left: 15px;
}
.btnEnterate p{
	width: calc(100% - 35px);
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
}
.btnEnterate img{
	width: 35px;
    height: 35px;
	float: right;
    padding: 5px;
    background: #fff;
    border-radius: 50%;
}
#carruselEnterate .carousel-control-prev, #carruselEnterate .carousel-control-next {
	top: 37%;
}
#carruselEnterate .carousel-indicators [data-bs-target] {
    width: 40px;
    height: 0;
    border-radius: 50px;
    border: 7px solid #BC955C;
}
.icon-foco{
	position: relative;
	width: 35px;
	top: -5px;
}
.icon-megafono{
	width: 25px;
	margin-right: 10px;
}

/* OPERACIONES */
#InicioOp.seccion {
    height: 450px;
}
#Operacion.seccion {
    background: transparent;
	min-height: calc(100vh - 600px);
    height: auto;
    padding-top: 0;
}
.textInput{
	width: 70%;
	display: inline-block;
	margin-left: 35px;
}
.tituloOperaciones {
    position: relative;
    width: 60%;
	float: left;
    margin-top: 30px;
    left: 70px;
}
.tituloOperaciones .titSecciones{
	color: #fff;
	padding: 15px 0;
	margin-bottom: 0;
}
.titEstado {
    position: absolute;
    top: -245px;
    width: 40%;
    right: 0;
    text-align: center;
}
.titEstado p{
	font-size: 35px;
    font-weight: 700;
    color: #005046ba;
}
.titEstado hr{
	width: 430px;
	margin: auto;
}
.textInput .subtit {
    font-size: 13px;
    line-height: 1.1;
    font-weight: 600;
	padding-bottom: 5px;
}
.fondo-img{
    background-size: cover;
    background-position: 0 -40px;
    background-repeat: no-repeat;
}
.fondo-img.operacion{
	background-image: url(../img/13_OUSN/operacionunidades_00.png);
}
#cont-vids{
	margin-top: 20px;
}
.sala-movil{
	display: none;
}
.boxVideo{
	width: 310px;
    height: 400px;
    padding: 10px;
	margin-bottom: 10px;
}
.bodyCard{
	display: flex;
	justify-content: center;
	height: 100%;
	position: relative;
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 0 3px #000000b2;
	overflow: hidden;
}
.imgPortada{
	height: 100%;
	text-align: center;
	position: relative;
	top: -40px;
}
.bodyVideo{
	width: 100%;
    height: 40%;
    position: absolute;
	overflow: auto;
    bottom: 0;
    background: #005046;
    color: #fff;
    border-radius: 20px 100px 0px 0;
    padding: 15px 45px 15px 15px;
    box-shadow: 2px -2px 3px #000000a1;
}
.bodyVideo label{
	font-size: 10px;
	font-weight: 600;
}
.bodyVideo h4{
	margin-top: 25px;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5;
}
.bodyVideo h5{
	width: 80%;
	font-size: 13px;
	font-weight: 700;
}
.bodyVideo .iconPlay{
	width: 30px;
    height: 30px;
    position: absolute;
    bottom: 15px;
	right: 10px;
}
.bodyVideo .iconPlay{
	border-radius: 50%;
	transform: scale(.8);
	animation: infinite escalaBoton 3s;
}
#Prensa .bodyCard{
	width: 300px;
	margin: 0 20px;
}
#Prensa .imgPortada {
    width: 100%;
    top: 0;
}
.limit-prensa{
	width: 65%;
	margin: auto;
}
@keyframes escalaBoton{
	0%,100%{
	    transform: scale(1.1);
	}
	50%{
		transform: scale(.9);

	}
}
#nombre-estado{
	position: relative;
	left: -30px;
	opacity: 0;
}
.textInput .subenun, .textInput #sl_entidad{
	position: relative;
	top: 30px;
	opacity: 0;
}

/* SALA DE PRENSA */
.fondo-img.prensa{
	background-image: url(../img/14_saladeprensa/salaprensa_00.png);
	background-size: cover;
}
#salaPrensa .sec-text, #salaPrensa .sec-img {
	width: 50%;
}
#salaPrensa .titPrincipal{
	text-align: left;
}
#secPrensa.seccion{
	height: auto;
}
#secPrensa #secAccesos .item-menu {
    width: calc(100% / 6);
    float: left;
}
#salaPrensa .cajaPrensa{
	right: -30px;
	opacity: 0;
}
.item-filtro{
	width: 50%;
	float: left;
	padding-left: 40px!important;
	display: none;
}
img.iconCalendar{
	position: relative;
	width: 15px;
	height: 15px;
}
button.bodyCard{
	text-align: left;
}
.bodyVideo h6 {
    margin-top: 10px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}
.bodyVideo p.textCard {
    width: 90%;
    margin-top: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
}
.bodyVideo .etiqueta-tipo {
	display: inline-block;
    margin-top: 7px;
    padding: 5px 8px;
    background: #b59664;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: 30px;
}
.bodyCard .btnPrensa{
	transform: scale(.75);
    position: absolute;
    bottom: 5px;
    left: 0px;
}
#salaPrensa .parraPrin{
	width: 80%;
}

/* MODULOS DE REGISTRO */
#resModulos.seccion{
	height: auto;
	min-height: 300px;
	padding-top: 20px;
}
#resModulos .titEstado{
	top: -100px;
}
#modulosAtencion{
	background: #fff;
}
#table-gral #modulosAtencion tr {
    border-bottom: 2px solid #DDC9A3;
	height: 35px;
}
#table-gral #modulosAtencion tr:hover {
	background: #EFE1CB;
}
#modulosAtencion tr {
    --bs-table-accent-bg: white;
}
#modulosAtencion tr:hover {
    --bs-table-accent-bg: #EFE1CB;
}
#contentTable{
	position: relative;
	top: 30px;
	opacity: 0;
}
#InicioModulos.seccion {
    height: 400px;
}

/* Galería */
.limit-gallery{
	width: 65%;
	margin: auto;
}
.gallery a{
	display: block;
	width: calc(100%/3);
	padding: 0;
}
.img-gallery {
	width: 100%;
    transform: scale(0.85);
    padding: 0;
	border-radius: 25px;
    box-shadow: 0 0 10px #00000094;
	transition: all .5s ease;
}
.img-gallery:hover{
    transform: scale(.95);
}

.sec-tab{
	width: 250px;
	float: left;
	margin-right: 15px;
}
.sec-gallery{
	width: calc(100% - 265px);
	float: left;
}
.galeria {
    width: 100%;
	background: #fff;
    margin: 0 auto;
	padding: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 250px;
    grid-gap: 10px;
	height: 535px;
	overflow-y: auto;
}

.galeria img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.5s;
}

.galeria img:hover {
    transform: scale(1.02);
}

#tab-gallery{
	width: 95%;
	height: 65px;
	margin: auto;
	background: white;
	border-radius: 15px;
	box-shadow: 0 0 3px #00000094;
	margin-top: 60px;
}
#tab-gallery li{
	position: relative;
	width: calc(100%/5);
	height: 65px;
}
#tab-gallery .nav-link {
	width: 75%;
	height: 65px;
	font-size: 13px;
    margin: auto;
    color: #026353;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
#tab-gallery .nav-link p{
	width: 100%;
    height: 45px;
    background: #fff;
    border-radius: 10px;
	position: relative;
    top: -5px;
	transition: all .3s ease;
	padding-top: 12px;
}
#tab-gallery .nav-link:hover p{
	color: #B59764;
}

#tab-gallery .nav-link.active {
	background: #e2e2e2;
	top: 5%;
	box-shadow: inset 0 0 3px #00000094;
}
#tab-gallery .nav-link.active p{
	background: #026353;
	color: #fff;
	box-shadow: 0 0 3px #00000094;
}
#tab-gallery .nav-link.active span{
	background: #e2e2e2;
	position: absolute;
	width: calc(100% - -1px);
	height: 34px;
	top: -5px;
	z-index: -1;
}
#Galeria .carousel-indicators {
    bottom: -20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
#Galeria .carousel-indicators [data-bs-target] {
    width: 40px;
    height: 10px;
    background-color: #B59764;
    border: #B59764;
    border-top: 5px solid #B59764;
    border-radius: 10px;
}

/* Estilos para las distintas tarjetas */

figure:nth-child(3) {
    grid-column-start: span 2;
}

figure:nth-child(6) {
    grid-row-start: span 2;
}

figure:nth-child(9) {
    grid-column-start: span 2;
}


/* Formato para los títulos */

figure {
    position: relative;
}

figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
    padding: 10px;
}
/* Estilos para la ventana modal */

.modal {
    width: 100vw;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.modal-contenido {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.modal-imagen {
    width: 70%;
    height: 70%;
    object-fit: cover;
}

.modal-boton {
    position: absolute;
    color: #fff;
    font: bold 2em;
    top: 50px;
    right: 150px;
    background: #ff0000;
    width: 50px;
    height: 50px;
    padding: 15px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}

.modal-visible {
    display: block;
}

/*  */
.limit-alcance{
	width: 80%;
	height: 75%;
	margin: auto;
}
.box-alcance{
	display: flex;
	position: relative;
    width: 85%;
    margin: auto;
    height: 100%;
}
.img-encabezado{
	position: absolute;
	top: 0;
	width: 100%;
}
.cuerpo{
	width: 80%;
	height: 80%;
	margin: 0 auto;
	align-self: end;
	background: #002F2A;
	border-radius: 20px;
	box-shadow: 0 0 5px black;
	padding: 210px 20px 20px 20px;
	text-align: center;
}

.cuerpo h4{
	/* font-family: 'Patria'; */
	color: #E6D194;
	font-size: 30px;
	font-weight: 700;
	margin-top: 15px;
}
.cuerpo p{
	color: #fff;
	font-weight: 500;
	margin-top: 10px;
}

#btnBaja .btnGral{
	margin: 5px auto;
}

/* Media Query */

@media (min-width: 767.98px) {
    .galeria {
        grid-template-columns: repeat(3, 1fr);
    }
    figure:nth-child(2) {
        grid-column-start: span 2;
    }
    figure:nth-child(6) {
        grid-row-start: span 1;
    }
    figure:nth-child(7) {
        grid-row-start: span 2;
    }
    figure:nth-child(8) {
        grid-column-start: span 2;
    }
    figure:nth-child(9) {
        grid-column-start: span 3;
    }
}

@media(min-width: 1023.98px) {
    .galeria {
        grid-template-columns: repeat(6, 1fr);
    }
    figure:nth-child(1) {
        grid-column-start: span 2;
    }
    figure:nth-child(3) {
        grid-column-start: span 1;
    }
    figure:nth-child(4) {
        grid-row-start: span 2;
    }
    figure:nth-child(5) {
        grid-column-start: span 2;
    }
    figure:nth-child(7) {
        grid-column-start: span 2;
    }
    figure:nth-child(9) {
        grid-column-start: span 4;
    }
}


/* ANIMACIONES LINEA DEL TIEMPO */
#slide-2 p.label-fecha, #slide-2 .foto_1, #slide-3 p.label-fecha, #slide-3 .foto_1, #slide-4 p.label-fecha.bis, #slide-4 .parraLinea.bis, #slide-4 p.label-fecha.ter, #slide-5 p.label-fecha, #slide-5 .foto_3, #slide-6 p.label-fecha, #slide-6 .foto_3, #slide-8 .parraLinea.bis{
	top: 100%;
}
#slide-2 .textLinea,  #slide-4 .foto_2, #slide-4 .textLinea, #slide-6 .textLinea{
	bottom: -50%;
}
#slide-3 .textLinea, #slide-5 .textLinea{
	bottom: -100%;
}

@media (max-height: 594.98px){
	main{
		height: auto;
	}
	.seccion{
		min-height: 650px;
	}
	#carousel5 img {
		width: 50%;
	}
}

@media (min-width: 1699.98px){
	.fondo-img, .fondo-img-preguntas, .fondo-img-atensalud, .fondo-img-juridico, .fondo-img-acerca {
		background-size: cover;
		background-position: 0px -200px;
	}
	.limit-modelo {
		width: 60%;
	}
}

@media screen and (min-width: 1365.98px){
	.fondo-img, .fondo-img-preguntas, .fondo-img-atensalud, .fondo-img-juridico, .fondo-img-acerca  {
		background-size: cover;
		background-position: 0px -80px;
	}
	.fondo-img.prensa{
		background-position: 0px -200px;
	}
	.secCentral, .cardInicio .cardSlide{
		width: 100%;
	}
	.cardInicio .cardSlide {
		font-size: 15px;
	}
	.cardInicio {
		height: 60px;
		bottom: 100px;
	}
	.cardInicio .cardSlide.active {
		font-size: 17px;
	}
	.parraPrin {
		font-size: 20px;
	}
	.bloqueDatos{
		transform: scale(1.2) translateX(55px);
	}
	.lftDat p, .secA .tit, .bloque .tit, .bloque .tit2, .box-enfoque .text, .text-historia, #boxLinea .slide p{
		font-size: 17px;
	}
	.contInteres .text, .parra-text, .secA .fecha, .secA .text, #tabCord-8 .boxTitular p, .subtit {
		font-size: 15px;
	}
	.row.w-100.pr{
		height: 85%;
	}
	#carrusel-galeria{
		height: 80%;
	}
	#carrusel-galeria .carousel {
		max-width: 100%;
	}
	.cardGaleria {
		width: 495px;
		height: 500px;
	}
	.tab-content.fondoSeccion{
		width: 90%;
	}
	.box-sec3 {
		height: 500px;
	}
	.lineaTiempo, .lineaTiempo2, p.label-fecha {
		left: 16%;
	}
	.titPrincipal, .titSecciones h3, .titSecciones h2, #boxLinea .slide h3, #boxLinea .slide h4 {
		font-size: 40px;
	}
	.carruselEnterate {
		width: 65%;
	}
	.main-image img {
		height: 70%;
	}
	.btn-coordinacion {
		bottom: 35%;
	}
	.secTitular {
		height: calc(100vh - 570px);
	}
	.border-line {
		transform: scale(1.12) translateX(4px);
	}
	.line.uno, .line.dos, .line.tres {
		stroke-dasharray: 1200;
		stroke-dashoffset: 1200;
	}
	.line {
		transition: stroke-dashoffset 10s ease;
	}
	.bloq-verde {
        height: 85%;
        top: 130px;
    }
	.tab-pane.bis {
		height: auto;
	}
	#transparencia3 .titSecciones{
		padding: 15px 0;
	}
	#contentTable{
		width: 80%;
		margin: auto;
	}
	.limit-alcance {
		width: 95%;
	}
}
@media all and (max-width: 1399.98px){
	#carouselExampleIndicators2 .carousel-control-prev {
		left: 65px;
	}
	.contenido-slide h2 {
		font-size: 35px;
	}
	.contenido-slide h3 {
		font-size: 25px;
	}
	.contenido-slide {
		padding: 200px 150px 200px 50px;
	}
	.limit-prensa {
		width: 80%;
	}
	.limit-gallery {
		width: 90%;
	}
	#Galeria .carousel {
		padding: 0 90px;
	}
	.box-alcance {
		width: 100%;
	}
	.cuerpo {
		padding: 160px 10px 20px 10px;
	}
}
@media all and (max-width: 1249.98px){
	#sec1.secCont {
		width: calc(100% - 410px);
	}
	.secCont {
		margin: 5px;
	}
	.imgConsulta {
		width: 70px;
		height: 70px;
		border: 3px solid #B59664;
	}
	.titBoxSec p {
		font-size: 20px;
	}
	#carousel5 img {
		bottom: 0px;
		width: 50%;
	}
	.titConsulta{
		padding-top: 5px;
		font-size: 14px;
	}
	.cardConsulta {
		padding: 10px;
	}
	.borOro {
		margin: 5px 0;
	}
	.carruselEnterate {
		height: calc(100% - 70px);
	}
	.fondo-img.operacion {
		background-position: 0px -100px;
	}
	#InicioOp.seccion {
		height: 340px;
	}
	.tituloOperaciones {
		margin-top: 10px;
	}
	.titEstado {
		top: -130px;
	}
	#cont-vids {
		margin-top: -35px;
	}
	.fondo-img.prensa{
		background-size: cover;
		background-position: 0 -150px;
	}
	.contenido-slide {
        padding: 200px 160px 170px 30px;
    }
	#indicators2, .pa-action{
        padding-left: 30px;
		left: 10px;
    }
	.contenido-slide h2 {
        font-size: 25px;
    }
	.contenido-slide h3 {
        font-size: 22px;
    }
	.contenido-slide hr {
		margin: 5px 0;
	}
	.contenido-slide p {
		font-size: 14px;
	}
	.menu-inferior .nav-item {
		min-width: 150px;
	}
	.menu-inferior .nav-link {
		font-size: 11px;
	}
	#Prensa .bodyCard {
		margin: 0 10px;
	}
	.limit-prensa {
        width: 90%;
    }
	.cuerpo h4 {
		font-size: 25px;
		margin-top: 5px;
	}
	.img-encabezado {
		position: absolute;
        top: -30px;
        width: 115%;
        transform: translateX(-50%);
        left: 50%;
	}
	.cuerpo p {
		font-size: 12px;
		margin-top: 5px;
	}
	.cuerpo {
		width: 95%;
	}
	.box-alcance {
        width: 90%;
        margin-top: 15px;
		min-height: 350px;
    }
	.icon-alcance{
		width: 50px;
        margin-top: 15px;
	}
	.cardButton {
		width: 100%;
	}
}
@media (max-height: 749.98px){
	.seccion, .contGral, .seccion_1, #carouselExampleIndicators2 .carousel-item {
		scroll-snap-align: none;
	}
}
@media (max-width: 1231.98px) and (max-height: 595.98px){
	#carouselExampleIndicators2 .carousel-control-prev {
        left: 0px;
    }
	.contenido-slide {
        padding: 130px 70px 120px 30px;
    }
	#indicators2 {
        bottom: 115px;
        padding-left: 30px;
    }
	.menu-inferior {
		bottom: 30px;
	}
	.bloqueInicio {
		padding-top: 85px;
	}
	.titInicio {
		font-size: 30px;
	}
	.secCentral {
		bottom: -15px;
	}
	.bloqueInicio hr.bor-oro {
		margin: 10px 0;
	}
	.parraPrin {
		width: 90%;
		font-size: 13px;
	}
	#btnRegistro button {
		transform: scale(1.3);
	}
	.mapLeftPrin {
		width: 75%;
		top: -70px;
		right: -120px;
	}
	.super-act {
		padding: 10px 15px 0 15px;
	}
	.datoRight {
		top: 150px;
	}
	.datoTit {
		font-size: 16px;
	}
	.bloqueDatos {
		bottom: 170px;
	}
	#bloqueClinica {
		bottom: 70px;
	}
	.mapLeft {
		height: 390px;
		position: absolute;
		top: 40px;
		right: 15%;
	}
	.titSecciones{
		margin: 0;
	}
	#carrusel-interes .cardSlide {
		width: 170px;
	}
	#carrusel-interes .titSeccion {
		font-size: 12px;
	}
	#carrusel-interes .fechaSeccion {
		font-size: 9px;
	}
	#Interes .titSecciones {
		min-height: 80px;
	}
	#Interes .d-flex.cardButton{
		height: 80px;
	}
	#carrusel-interes .cardSlide {
		height: 70px;
	}
	#carrusel-interes .boxCard {
		height: 80px;
	}
	#carrusel-interes .cardSlide.active {
		height: 80px;
	}
	#carrusel-interes .cardSlide.active .titSeccion {
		font-size: 15px;
		line-height: 1;
	}
	#Interes .contInteres {
		padding: 15px 10px;
	}
	#carrusel-exito .carousel {
		max-width: 90%;
	}
	#carrusel-exito {
		height: 90%;
	}
	.boxTit {
		height: 350px;
		padding: 15px;
	}
	.boxTit .cajaVacia {
		margin: 10px 0;
		height: 80px;
	}
	.boxParra {
		top: 80px;
	}
	.boxTit .cajaImagen {
		left: 15px;
		width: 220px;
		height: 130px;
	}
	#Prensa .carousel-indicators {
		top: 0px;
	}
	#Prensa .carruselUbi {
		height: 70%;
	}
	.cajaPrensa {
		width: 95%;
		height: calc(100vh - 200px);
	}
	.cutImg {
		width: auto;
		height: 100%;
	}
	.modalPrensa .modal-content{
		height: calc(100vh - 80px);
	}
	.limit-access {
		padding-top: 0px;
	}
	#contentAccesos {
		padding-top: 10px;
	}
	#contentAccesos .titSecciones {
		margin: 0;
	}
	.secLeft .tit {
		font-size: 18px;
	}
	.boxAccion {
		height: 300px;
	}
	#contentAccesos .w-100{
		width: 95% !important;
	}
	.cajaPrensa .secA {
		padding: 20px 15px 40px 15px;
	}
	.cajaPrensa, .cutImg {
		border-radius: 20px;
	}
	.secA .triangulo {
		top: 20px;
	}
	.secA .tit {
		width: 110%;
		left: -30px;
		font-size: 12px;
	}
	.secA .text {
		font-size: 12px;
	}
	.secA .btnPrensa {
		bottom: 15px;
	}
	.btn-todos {
		bottom: 0px;
	}
	.limit-gallery {
		width: 90%;
	}
	.galeria {
		height: 375px;
	}

	/* ACCION COMUNITARIA */
	#carrusel-galeria {
		height: 320px;
	}
	.box-enfoque{
		margin-top: 0;
	}
	#seccion-3 .ma-b2.ma-t3{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	#seccion-3 #tabPestana.nav-tabs .nav-link {
		height: 45px;
		font-size: 10px;
		padding: 5px!important;
	}
	.box-sec3 {
		height: 370px;
	}
	.box-sec3 .col-4{
		width: 100%;
		height: 70px;
	}
	.titSecciones h3 {
		font-size: 27px;
	}
	.titSecciones h2 {
		font-size: 27px;
		padding-left: 40px;
	}
	#InicioPF.seccion {
		position: relative;
		min-height: 500px;
	}
	.btnSecPreguntas {
		bottom: 0%;
		left: 30%;
	}
	.imgPreguntas {
		height: 390px;
		bottom: 0px;
		right: 5%;
	}
	#Preguntas.seccion {
		padding-top: 85px;
	}
	.limit-historia {
		margin-top: 10px;
	}
	#carousel5 img {
		bottom: 0px;
		width: 48%;
	}
	#Principios .Model{
		height: 270px;
	}
	.limit-modelo {
		width: 90%;
	}
	.image-container img {
		width: 85%;
		float: right;
	}
	#btnBaja {
		transform: translateY(-10px);
	}
	.thumbnails{
		transform: scale(.73);
	}
	.description {
		width: 22%;
		padding: 0px;
		font-size: 20px;
	}
	.btn-coordinacion {
		transform: translateY(-50%);
		left: auto;
		bottom: auto;
		right: -15%;
		top: 50%;
		width: 50px;
		height: 50px;
		padding: 10px;
	}
	.imgSec img {
		height: 100%;
	}
	.limit-video {
		width: 70%;
	}
	#boxLinea .slide p {
		margin-top: 10px;
	}
	.foto_2 {
		transform: translateY(30px);
	}
	p.label-fecha.ter, .foto_3 {
		transform: translateY(-20px);
	}
	#slide-7 .parraLinea {
		bottom: 33%;
	}
	#slide-7 .subtitLinea {
		bottom: 55%;
	}
	#slide-8 #lineaSec2 .subtitLinea {
		bottom: 46%;
	}
	#slide-8 #lineaSec2 h3.titLinea {
		bottom: 60%;
	}
	#slide-8 .textLinea {
		padding: 30px 100px 20px 480px;
	}
	#Tiempo .titSecciones {
        margin-top: 15px;
    }
	.btnUbiLinea {
		top: 60%;
	}
	.secTitular{
		height: auto;
		padding: 25px;
		padding-right: 60px;
		border-radius: 0 60px 150px 0;
	}
	.boxTitular h4, .boxTitular h5{
		font-size: 20px;
	}
	.boxTitular p {
		font-size: 13px;
	}
	.Model.bis {
		width: 140px;
		min-width: 140px;
	}
	#Coordinaciones #secAccesos .item-menu {
		width: calc(100% / 5);
	}
	.boxAccion.bis {
        height: 370px;
        width: 94%;
    }
	.boxAccion.ter {
        width: 94%;
    }
	#contentAccesos .ModeloBox {
		width: 100%;
		margin-left: 15px;
	}
	#comite .boxAccion {
        height: 400px;
    }
	#comite .boxAccion {
		width: 100%;
	}
	#contentAccesos #comite .w-100 {
        width: 100% !important;
    }
	#unidad-transparencia.tab-pane.bis {
		position: relative;
		height: auto;
	}
	.titCuerpo {
		margin: 0px;
	}
	#carruselEnterate .carousel-indicators {
		bottom: 0px;
        margin: 10px 12px;
        width: 68%;
        justify-self: end;
	}
	.rightDat {
		top: -80px;
	}
	.cardButton{
		width: 90%;
	}
	.cardInicio {
		width: 98%;
		transform: scale(.9);
		float: left;
		bottom: 45px;
	}
	.cardInicio .cardSlide {
		font-size: 11px;
	}
	#carrusel-inicio .carousel-inner{
		transform: translateY(45px);
	}
	.cardInicio .cardSlide.active {
		font-size: 12.5px;
	}
	#carrusel-inicio .imgInicial {
		width: 60%;
	}
	.contInteres .tit {
		font-size: 18px;
	}
	.contInteres .text, .parra-text {
		font-size: 13px;
	}
	.btnInteres {
		bottom: 10px;
		right: 10px;
	}
	.logoInteres h5 {
		font-size: 25px;
	}
	.logoInteres h6 {
		font-size: 30px;
	}
	#slide-2 .foto_1, #slide-3 .foto_1, #slide-5 .foto_3, #slide-6 .foto_3{
		transform: translateY(15px);
	}
	#slide-4 .textLinea {
		padding: 40px 110px 40px 490px;
	}
	.back5 {
		height: 280px;
	}
	.back1 {
		height: 310px;
	}
	#slide-7 .textLinea {
		padding-top: 200px;
	}
	.textLinea {
		padding: 50px 130px;
	}
	#slide-7 p.parraLinea.ter {
		width: 80%;
	}
	#slide-8 #lineaSec2 p.parraLinea {
		width: 95%;
	}
	p.parraLinea.bis, #slide-4 p.parraLinea.bis, #slide-8 .subtitLinea.bis {
		left: 25%;
	}
	.seccion, .contGral, .seccion_1, #carouselExampleIndicators2 .carousel-item {
		min-height: 575px;
	}
	.seccion{
		padding: 10px 20px;
		padding-top: 130px;
	}
	#salaPrensa.seccion{
		padding-top: 40px;
	}
	.carruselEnterate .carousel-inner {
		height: 350px;
		min-height: auto;
		max-height: auto;
	}
	.he90 {
		height: auto;
	}
	.img-contact {
		width: 55%;
		height: auto;
	}
}

@media all and (max-width: 1199.98px){
	/* SECCIÓN 1 */
	#navbarNavAltMarkup{
		width: 70%;
	}
	#menuIMB a.nav-link {
		padding: 5px;
	}
	.navIMB {
		width: 97%;
	}
	.seccion {
		padding: 10px;
		padding-top: 150px;
	}
	.sec-text{
		width: 65%;
		float: left;
	}
	.sec-img{
		width: 35%;
		float: left;	
	}
	.parraPrin {
		font-size: 15px;
	}
	.subtitPrin {
		font-size: 16px;
	}
	.imgfondo {
		width: 90%;
		height: auto;
		position: absolute;
		transform: translate(-50%, 0%);
		top: 0;
		left: 50%;
	}
	.ubiRemate {
		width: 40%;
		transform: translateX(-50%);
		left: 50%;
		margin: auto;
		bottom: 0px;
	}
	.rematePrin {
		font-size: 18px;
		width: 100%;
		margin-left: 0;
	}
	.fondo-img {
		background-image: url(../img/fondo_1.png);
		background-size: cover;
		background-position: 0px -130px;
		background-repeat: no-repeat;
	}
	.ubiBtnPrin {
		left: auto;
		right: 0px;
	}
	.contador-tab {
		position: absolute;
		opacity: 0;
		transform: translate(-50%, -50%);
		right: auto;
		left: 50%;
		bottom: 60px;
		width: 650px;
		height: 100px;
	}

	/* PASO 2 */
	.limit-carrusel {
		width: 85%;
		margin: inherit;
	}
	.pr-slider {
		width: 40%;
	}
	.secA {
		width: 300px;
	}
	.secB {
		width: calc(100% - 300px);
	}

	/* PASO 3 */
	#carrusel-requisitos .carousel-item {
		padding: 15px 20px;
	}
	#carrusel-datos ul{
		padding-left: 10px;
	}
	.carousel-item .textContent, .textContent li {
		font-size: 13px;
	}
	.super-text {
		font-size: 12px;
	}
	.limit-tab {
		width: 85%;
	}
	.img-frente {
		width: 100%;
		height: auto;
	}
	#Requisitos .carousel-control-prev {
		left: -82px;
	}
	#Requisitos .carousel-control-next {
		right: -82px;
	}
	.visually-text {
		font-size: 10px;
	}

	/* SECCION 4 */
	.flujo-vertical {
		right: -20px;
	}
	.ubiUno {
		left: 40px;
	}

	/* SECCION 5 */
	.limit-atencion {
		width: 90%;
	}
	#Atencion .alertGral {
		min-width: 450px;
	}

	/* PASO 6 */
	.limit-registrate {
		width: 95%;
	}
	.titSecciones h2 {
		padding-left: 30px;
	}
	#Registrate .titSecciones h2 {
		font-size: 30px;
	}
	.text-registrate {
		font-size: 13px;
	}
	.sec-imagen{
		width: 35%;
		float: left;	
	}
	.fondo-img-atensalud, .fondo-img-juridico, .fondo-img-transparencia {
		background-image: url(../img/fondo-header-acerca.png);
		background-size: auto;
		background-position: 0px -130px;
		background-repeat: no-repeat;
	}
	.fondo-img-preguntas{
        background-image: url(../img/fondo-header-acerca.png);
        background-size: contain;
        background-position: 0 0;
        background-repeat: no-repeat;
    }
	#InicioPF.seccion {
        height: 500px;
    }
	.btnSecPreguntas {
        bottom: 10%;
        left: 20%;
    }
	.TituloPreguntas {
		width: 50%;
		left: 70px;
	}
	.sec-info label {
		width: calc(100% - 40px);
	}
	#carousel5 img {
		width: 67%;
	}
    .limit-historia {
		width: 90%;
	}
    .limit-linea{
        width: 85%;
    }
	.imgPreguntas {
		position: absolute;
		height: 400px;
		bottom: 10px;
		right: 5%;
	}
	#bloqueClinica {
		left: -10px;
		width: 50%;
	}
	.bloqueDatos {
		padding: 15px;
		margin-left: 35px;
	}
	#carrusel-interes {
		width: 90%;
	}
	#carrusel-exito .carousel {
		max-width: 90%;
	}
	.mapLeftPrin {
		top: 0;
	}
	.titSecciones{
		margin: 0;
	}
	.cardExito {
		width: 270px;
		transform: scale(.75);
	}
	.cardExito.active {
		transform: scale(.85);
	}
	.btnExito .btnPrev{
		left: 0;
	}
	.btnExito .btnNext{
		right: 0;
	}
	#Prensa .carousel-indicators [data-bs-target] {
		transform: scale(.8);
	}
	#Prensa .carousel-indicators {
		top: 0px;
	}
	.cajaPrensa {
		height: calc(100vh - 250px);
	}
	.cutImg {
		width: auto;
	}
	.carruselModal .carousel-control-prev {
		left: -20px;
	}
	.carruselModal .carousel-control-next {
		right: -20px;
	}
	.contInteres .text, .parra-text {
		font-size: 13px;
	}
	#Contacto.fondo-proceso2 {
		background-position: 0px 0px;
	}
	.colA{
		width: 100%;
		height: 70px;
	}
	.colB{
		width: 100%;
	}
	#integrantes .imgInteres {
		border-radius: 25px 25px 0 0;
	}
	.borOro {
		margin: 5px 0;
	}
	#integrantes .box-sec3 .contInteres {
		padding: 0 25px 25px 25px;
		height: 100%;
	}
	#seccion-4 .titSecciones {
		padding: 15px;
	}
	.box-enfoque .text {
		font-size: 13px;
	}
	.cardGaleria {
		width: 245px;
	}
	.contInteres .tit {
		font-size: 15px;
	}
	#accion-comunitaria .Model.hover {
		padding: 10px;
	}
	#menuIMB a.nav-link {
		font-size: 10px;
		font-weight: 600;
	}
	#menuIMB .dropdown-toggle::after {
		right: -40px;
		top: 10px;
	}
	.navIMB {
		padding: 0 10px;
	}
	.text-mision {
		padding-right: 50px;
	}
	.text-mision p{
		font-size: 14px;
		font-weight: 500;
	}
	#redesTit .titSecciones h3, #redesTit .titSecciones h2{
		font-size: 25px;
	}
	.limitLinea {
		width: 90%;
	}
	#aniText1 {
		width: 45%;
	}
	.textLinea {
		padding: 80px 85px 80px 100px;
	}
	#boxLinea .slide p {
		font-size: 13px;
		margin-top: 0;
	}
	p.parraLinea.bis, #slide-4 p.parraLinea.bis, #slide-8 .subtitLinea {
		left: 26%;
	}
	#slide-4 .textLinea {
		padding: 40px 90px 40px 390px;
	}
	p.parraLinea {
		width: 60%;
	}
	#slide-8 .textLinea {
		padding: 40px 90px 40px 390px;
	}
	/* mapa */
	#mapaFalse {
		height: 390px;
		top: -25px;
	}
	.titLinea.ma-b3{
		margin-bottom: 5px !important;
	}
	.nav-item.col-20 .nav-link {
		padding: 4px !important;
	}
	#tabPestana.nav-tabs .nav-link {
		font-size: 12px;
	}
	.limit-transp {
		width: 95%;
	}
	.parraText {
		font-size: 15px;
		line-height: 1.1;
	}
	.parra-cnt {
		position: relative;
	}
	#secTransparencia .boxAccion{
		width: 100%;
		height: auto;
	}
	.boxAccion .secLeft {
		width: 100%;
	}
	#secTransparencia .boxAccion #tabPestana{
		width: 50%;
		margin: auto;
	}
	#secTransparencia .boxAccion .secRight {
		width: 100%;
	}
	#comunitaria.contenido{
		width: 90%;
		margin: auto;
	}
	#integrantes.tab-pane {
		padding: 10px;
	}
	#seccion-3 .ma-b2.ma-t3{
		margin-top: 15px !important;
		margin-bottom: 0px !important;
	}
	.carruselEnterate .carousel, .carruselEnterate .carousel-inner, .carruselEnterate .carousel-item {
		max-height: 380px;
	}
	#InicioOp.seccion {
        height: 40vh;
    }
	#Operacion.seccion {
		height: auto;
	}
	.tituloOperaciones {
		width: 100%;
	}
	.titEstado {
		position: relative;
        width: 60%;
        top: 0px;
        left: 0;
    }
	.fondo-img.operacion {
        background-position: 0px -10px;
        background-size: 150%;
    }
	#cont-vids {
        margin-top: 20px;
	}
	.fondo-img.prensa {
        background-size: cover;
        background-position: 0 -100px;
    }
	#salaPrensa .parraPrin {
		width: 90%;
	}
	#InicioModulos.fondo-img-preguntas {
			background-size: cover;
			background-position: 0 -45px;
	}
	#resModulos .titEstado {
        position: absolute;
        right: -70px;
        left: auto;
    }
	.limit-alcance {
		height: 60%;
	}
	.cuerpo {
        padding: 110px 10px 20px 10px;
    }
	.img-encabezado {
        top: 0px;
    }
}
@media all and (max-width: 1023.98px){
	.sec-text.bis {
		width: 80%;
	}
	.fondo-img-acerca {
		background-size: auto;
	}
	.sec-img.bis {
		width: 80%;
	}
	.imgSec {
		height: calc(100vh - 400px);
	}
	.limit-video {
		width: 100%;
	}
	.text-mision {
		width: 75%;
	}
	.titSecciones {
        margin: 15px 0;
    }
	.foto_1 {
		width: 70%;
	}
	.textLinea {
		width: 70%;
	}
	p.parraLinea.bis, #slide-4 p.parraLinea.bis, #slide-8 .subtitLinea {
        left: 30%;
        width: 35%;
    }
	#boxLinea .slide p {
        font-size: 15px;
		margin-top: 5px;
    }
	#boxLinea .slide p.label-fecha {
        font-size: 18px;
    }
	.foto_2 {
		width: 55%;
		transform: translateY(-60%);
	}
	#slide-4 .textLinea {
        padding: 41px 90px 40px 100px;
    }
	#boxLinea .slide p.label-fecha.ter {
        margin-top: 35px;
    }
	.foto_3 {
        width: 70%;
        transform: translateY(-30px);
    }
	#slide-7 .foto_1 {
        width: 70%;
        transform: translateY(-50px);
    }
	#slide-8.slide p.parraLinea.bis {
		width: 50%;
    }
	#slide-8 .foto_2 {
        width: 50%;
		transform: translateY(-120%);
    }
	#slide-8 #lineaSec2 p.parraLinea {
		width: 65%;
	}
	#slide-8 .textLinea {
        padding: 40px 110px 40px 70px;
    }
	#mapaFalse {
        height: 370px;
    }
	.limit-clinica {
		height: 55%;
	}
	#mapaFalse {
        height: 370px;
        top: auto;
        bottom: -80px;
    }
	.btn-siguiente .next{
		bottom: 75px;
		right: 15%;
		left: auto;
	}
	.carousel-container {
        display: block;
        position: relative;
        height: 90%;
        padding-top: 50px;
    }
	.thumbnails {
		width: 100%;
		height: 120px;
		transform: scale(1.2) rotate(90deg);
		position: relative;
	}
	.thumbnail-item img {
		transform: rotate(270deg);
	}
	.thumbnail-item.active img {
		transform: rotate(270deg) scale(1.2);
	}
	.description {
		width: 40%;
		top: -150px;
		font-size: 22px;
		margin: auto;
	}
	.main-image {
		width: 100%;
		height: 70%;
		max-height: 500px;
	}
	.btn-coordinacion {
		transform: translateY(-50%);
		left: auto;
		bottom: auto;
		right: -10% !important;
		top: 50% !important;
	}
	.limit-texto {
		height: auto;
	}
	.ModeloBox {
		display: block;
	}
	.Model {
		width: 30%;
		float: left;
	}
	.Model:hover {
		height: 300px;
	}
	.limit-modelo{
		margin-top: 0;
	}
	#Componentes .titSecciones {
        transform: translateX(-30%);
    }
	.limit-atencion {
        width: 100%;
    }
	.secTitular{
		width: 90%;
		height: auto;
	}
	#Coordinaciones #secAccesos .item-menu {
		width: calc(100% / 5);
	}
	.boxTitular {
		padding: 25px;
		padding-right: 90px;
		border-radius: 0 100px 200px 0;
	}
	.secContent {
		width: 100%;
	}
	#contentAccesos .ModeloBox {
		width: 645px;
	}
	.Model.bis {
		width: 195px;
		min-width: 195px;
		height: 250px;
		background: #fff;
	}
	.inter-normatividad {
		width: 95%;
	}
	.item-submenu {
		width: calc(100% - 65px);
		float: left;
		font-size: 14px;
	}
	#mapaContact {
		width: 380px;
		height: 320px;
	}
	.ma-contact {
		margin-top: 25px;
	}
	.bloq-verde {
		bottom: 40px;
	}
	#unidad-transparencia .paTit, #datos .paTit {
		margin-top: 25px;
	}
	.submenu-sec {
		padding-top: 0;
	}
	#secAccesos .item-menu button {
		height: 55px;
	}
	#tabPestana.nav-tabs .nav-item.show .nav-link, #tabPestana.nav-tabs .nav-link.active{
		font-size: 12px;
	}
	.bg-proteccion .titSecciones.right, .secAbierto .titSecciones{
		opacity: 1;
	}
	#avisoPrivacidad.nav-tabs, #infoRelevante.nav-tabs{
		width: 50%;
		margin: auto;
	}
	#transparencia3 .titSecciones {
		padding: 15px 0px;
	}
	#proactiva{
		margin-top: 15px;
	}
	#comunitaria.contenido{
		width: 95%;
		margin: auto;
	}
	#accion-comunitaria #seccion-1 .Model {
		width: calc(33% - 20px);
		margin: 10px;
	}
	#accion-comunitaria #seccion-6 .Model {
        width: calc(20% - 20px);
        margin: 10px;
    }
	#seccion-2 .limit-atencion, #seccion-5 .limit-atencion{
		width: 80%;
	}
	#seccion-2 .image-container {
		margin-top: 0px;
	}
	.carruselEnterate {
		width: 90%;
	}
	.carruselEnterate .carousel-inner {
		height: 80%;
	}
	#Enterate .titSecciones {
        margin: 0;
    }
	#carruselEnterate .carousel-indicators {
        bottom: 0px;
    }
	.secCabezal h6 {
		margin-top: 10px;
		font-size: 16px;
	}
	.titCuerpo {
		font-size: 22px;
		margin-bottom: 0;
	}
	.secCuerpo {
		padding: 30px 10px;
	}
	.parraCuerpo {
		font-size: 13px;
		line-height: 1.2;
	}
	.secText{
		position: relative;
		transform: scale(1.5) translate(10%, 5%);
	}
	.cardInicio {
		bottom: 180px;
	}
	#slidePrin-5.cardSlide {
        position: absolute;
        transform: translateX(110%) scale(1.5);
        bottom: -100px;
    }
	#carrusel-inicio .carousel-inner {
		transform: scale(1.5) translateY(-140px);
	}
	.cardInicio {
        width: 100%;
		height: 80px;
        bottom: 220px;
    }
	.cardInicio .cardSlide {
		font-size: 12px;
		padding: 0 10px;
	}
	#slidePrin-5.cardSlide {
        bottom: -85px;
    }
	#salaPrensa .sec-text, #salaPrensa .sec-img {
		width: 100%;
	}
	#salaPrensa .titPrincipal.ma-t3{
		margin-top: 0!important;
	}
	#salaPrensa .cajaPrensa {
        width: 85%;
        height: 100%;
        max-height: 450px;
        margin: auto;
        margin-top: 15px;
    }
	.item-filtro {
		padding-left: 10px !important;
		margin-top: 10px;
	}
	.TituloPreguntas {
        width: 67%;
        left: 50px;
    }
	#resModulos .titEstado {
        position: relative;
		top: 0;
        right: 0;
        left: auto;
		margin: auto;
		margin-bottom: 15px;
    }
	#InicioModulos.seccion {
		height: 330px;
	}
	#InicioModulos.fondo-img-preguntas {
        background-size: 125%;
        background-position: 0px -80px;
    }
	#Clinica .titSecciones {
		padding: 15px 0px;
	}
	.img-cont{
		width: 100%;
		height: 50%;
	}
	.fondo-slide{
		width: 100%;
		height: 50%;
	}
	.img-slide {
		width: 100%;
		height: auto;
	}
	.alto-mov{
		width: 100%;
		float: left;
		align-self: end;
		height: 45%;
	}
	.seccion_1 {
		height: calc(100vh - 90px);
	}
	.contenido-slide {
        padding: 70px 100px;
    }
	.contenido-slide h2 {
        font-size: 40px;
    }
	.contenido-slide h3 {
        font-size: 30px;
    }
	.contenido-slide hr {
        margin: 15px 0;
    }
	.contenido-slide p {
        font-size: 20px;
    }
	#indicators2 {
        padding-left: 110px;
        bottom: 160px;
        left: 0;
    }
	.btn-slide {
		right: 170px;
		top: auto;
		bottom: 10%;
	}
	.pleca-slide{
		display: none;
	}

	.pleca-slide-mov{
		display: block;
	}
	.fondo-slide {
		background: url(../img/00_home/fondo_d.svg) bottom right;
		background-color: #11322B;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#indicators2, .pa-action {
        width: 100%;
    }
	#Galeria .carousel {
        padding: 0;
    }
	.limit-gallery {
        padding: 0 30px;
    }
	.gallery a {
		width: calc(100% / 2);
	}
	.seccion {
        padding-top: 100px;
    }
	#tab-gallery {
		width: 95%;
	}
	#tab-gallery .nav-link {
		width: 90%;
		font-size: 12px;
		padding: 10px;
	}
	#tab-gallery .nav-link p {
		top: 0px;
	}
	#tab-gallery {
		background: transparent;
		box-shadow: none;
	}
	#tab-gallery .nav-link.active {
		background: transparent;
		top: 50%;
		box-shadow: none;
	}
	.limit-alcance {
        height: auto;
    }
	.limit-alcance {
        height: auto;
    }
	.box-alcance {
        width: 80%;
        margin-top: 15px;
        min-height: 420px;
    }
}

@media all and (max-width: 991.98px){
	/* SECCIÓN 1 */
	#menuIMB a.navbar-brand{
		position: absolute;
		right: 60px;
	}
	#menuIMB .navbar-nav {
		left: 0px;
	}
	#menuIMB a.nav-link{
		min-width: 160px;
		width: 100%;
	}
	#navbarNavAltMarkup {
		position: absolute !important;
		top: 60px !important;
		right: 30px !important;
		width: 250px;
	}
	#menuIMB .navbar-toggler {
		position: absolute;
		right: 20px;
	}
	.titPrincipal {
		font-size: 30px;
	}
	.parraPrin {
		font-size: 13px;
	}
	.subtitPrin {
		font-size: 13px;
	}
	ul.listPrin {
		padding-left: 0px;
	}
	.listPrin li {
		font-size: 12px;
	}
	.listPrin li:before {
		width: 10px;
		height: 12px;
	}
	.fondo-img {
		background-position: 0px -90px;
	}
	.contador-tab {
		bottom: 30px;
		width: 550px;
	}
	.rematePrin {
		font-size: 15px;
	}
	.ubiRemate {
		width: 50%;
	}
	.alto-mov {
        height: 55%;
    }
	.menu-inferior {
		bottom: -10px;
		width: 80%;
		left: 45%;
	}
	.menu-inferior .nav-item {
        min-width: auto;
    }
	.menu-inferior .nav-link {
        font-size: 10px;
    }

	/* PASO 2 */
	.limit-carrusel {
		width: 95%;
	}
	.tit-carrusel {
		min-width: 390px;
		left: 300px;
	}
	.pr-slider {
		width: 100%;
	}
	.ma-img {
		width: 80px;
		height: 90px;
		position: relative;
	}
	.ubSlider {
		position: absolute;
		transform: scale(.9) translate(-50%, -50%);
		left: 63%;
		bottom: 15%;
	}

	/* PASO 3 */
	#Requisitos .titSecciones {
		margin: 5px 0;
	}

	/* PASO 4 */
	.flujo-vertical {
		right: 0px;
	}
	/* .box-imgRight {
		width: 180px;
		left: 450px;
	} */
	.box-imgRight {
		position: absolute;
		width: 180px;
		left: auto;
		right: -99px;
		top: auto;
	}
	.ubiUno {
		left: 20px;
	}
	#carrusel-proceso.carousel {
		width: calc(100% - 120px);
	}
	.ubiImgSlide {
		height: 360px;
		right: -15px;
	}
	.box-infoLeft-bis {
		padding-right: 150px;
	}
	.ubiImgSlide-bis {
		height: 350px;
	}
	.imgProc {
		width: 100%;
		height: auto;
	}
	.titParra-proceso {
		font-size: 20px;
	}
	.parraText-proceso {
		font-size: 13px;
	}
	#sec-proc-registro .carousel-control-next, #sec-proc-registro .carousel-control-prev {
		left: -60px;
	}
	.box-infoLeft {
		width: 100%;
	}

	/* PASO 5 */
	.img-atencion {
		width: 100%;
	}

	/* PASO 6 */
	.limit-registrate {
		width: 95%;
	}
	.titSecciones h2 {
		padding-left: 30px;
	}

	/* PASO 7 */
	.fondo-img-acerca, .fondo-img-juridico, .fondo-img-atensalud {
		background-size: auto;
        background-position: 0 0;
    }
	.fondo-img-preguntas{
		background-size: cover;
		background-position: 0 0;
	}
	.imgPreguntas {
		top: 20%;
		left: 60%;
	}
	.btnSecPreguntas {
		position: absolute;
		top: 80%;
		left: 14%;
	}
	#Preguntas .limit-historia{
		width: 97%;
	}
	#Preguntas .border-bottom-green {
		border-bottom: none;
		border-right: 2px solid #00322b;
	}

	/* IPAD */
	.bloqueInicio {
		padding: 30px 50px;
		padding-bottom: 0;
		width: 100%;
	}
	.secText {
		width: 100%;
	}
	#logoInicio .logoIMB {
		left: 30px;
	}
	.titInicio {
		width: 55%;
		float: right;
		padding-left: 20px;
		border-left: 3px solid #BC955C;
	}
	.bloqueInicio hr.bor-oro {
		width: 100%;
		background: transparent;
		padding-top: 15px;
		border: none;
	}
	.parraPrin {
        font-size: 20px;
    }
	.secImg {
		width: 100%;
		height: 80%;
	}
	#carousel5 img {
        width: 55%;
    }
	#carousel5 img {
		left: 280px;
	}
	#carrusel-estadisticos {
		min-height: calc(100% - 165px);
	}
	#carousel5 img.active {
		opacity: 1;
		left: 180px;
	}
	.ubiBtnSec {
		z-index: 999;
		position: absolute;
		transform: translateX(-50%);
		right: 0;
		bottom: 10px;
		cursor: pointer;
	}
	.rightDat {
		width: 100%;
		height: calc(100vh - 440px);
		top: -100px;
	}
	.bloqueDatos {
        padding: 15px;
        margin-left: 0;
        transform: translateX(-50%);
        left: 50%;
		bottom: 90px;
    }
	.mapLeftPrin {
		width: 100%;
		top: 10px;
		right: 10px;
	}
	.mapLeft {
		height: 470px;
		top: 75px;
		right: -20px;
	}
	#bloqueClinica {
        left: -10px;
        width: 65%;
        bottom: -10px;
    }
	.cardButton{
		width: 90%;
		margin: auto;
		position: relative;
	}
	.cardButton .carousel-control-prev {
		transform: translateY(-50%);
		left: -45px;
		top: 50%;
	}
	.cardButton .carousel-control-next {
		transform: translateY(-50%);
		right: -45px;
		top: 50%;
	}
	#carrusel-interes {
        width: 100%;
    }
	#carrusel-interes .cardSlide {
		width: 115px;
		height: 70px;
		margin-top: 5px;
	}
	#carrusel-interes .cardSlide.active {
		width: 150px;
		height: 90px;
		margin-top: -5px;
	}
	#carrusel-interes .cardSlide.active .titSeccion {
		font-size: 14px;
	}
	#carrusel-interes .cardSlide .titSeccion {
		font-size: 10px;
	}
	#carrusel-exito .carousel-container {
		width: 95%;
	}
	#carrusel-exito .carousel-items {
		width: 100%;
	}
	#Prensa .carousel.pointer-event {
		position: relative;
		height: 100%;
	}
	#Prensa .carousel-inner {
		padding: 15px 0;
		padding-top: 0;
		height: 65%;
	}
	#Prensa .carruselUbi {
		position: absolute;
		width: 100%;
		height: 35%;
		left: 0;
		top: auto;
		bottom: 0;
	}
	.boxPrensa.active {
		transform: scale(1.1)!important;
	}
	.btnW100 {
		position: absolute;
		width: 90%;
		height: 50px;
		bottom: 15%;
		left: 35px;
	}
	.carousel-item, .carousel-item.active{
		height: 100%;
	}
	.cajaPrensa {
        height: 100%;
    }
	.titSecciones {
		min-height: 80px;
	}
	.h90{
		height: 90%;
	}
	#Prensa .carousel-indicators {
		height: 250px;
	}
	.modalPrensa .modal-dialog {
		max-width: 90%;
		margin: auto;
	}
	.modalPrensa .modal-content {
		height: 50vh;
	}
	.modalPrensa .carousel-inner {
        padding: 15px;
        height: 100%!important;
    }
	.modalPrensa .carousel-control-prev, .modalPrensa .carousel-control-next {
        top: 150px !important;
    }
	.limit-access {
		width: 95%;
	}
	#imgContact {
		height: 40%;
	}
	.img-contact {
		width: 100%;
		height: auto;
	}
	#redesTit{
		width: 100%;
	}
	#redesIcon{
		width: 100%;
		margin-top: 15px;
	}
	.redes-sociales .inE {
		width: calc(100% / 3);
	}
	.titSecciones {
        min-height: 65px;
    }
	#carrusel-exito {
		height: calc(100vh - 330px);
	}
	#carrusel-exito .carousel-container {
        width: 300px;
    }
	.modal-tit .secTit p {
		font-size: 13px;
	}
	.modalDocImg .carousel-inner, #Prensa .modalPrensa .carousel-inner{
		height: 230px;
		border-radius: 25px;
	}
	.limit-historia {
		width: 90%;
		margin: auto;
	}
	.limit-linea{
		width: 85%;
	}
	#secAccesos .item-menu button {
		font-weight: 500;
		color: #005046;
	}
	#secAccesos .item-menu {
		width: calc(100% / 5);
		margin-bottom: 10px;
	}
	#contentAccesos .titSecciones {
		margin: 20px 0 5px 0;
	}
	.btnVolver {
		position: absolute;
		right: 10px;
		top: 165px;
	}
	.secLeft.bis, .secRight.bis {
		width: 100%;
	}
	.boxAccion .secLeft {
        padding: 25px 15px;
        height: auto;
        border-radius: 0;
    }
	.secLeft .tit {
		font-size: 22px;
	}
	#contentAccesos .l-div {
		width: 90%;
		margin-top: 7px;
	}
	.boxAccion .secLeft ul, ul.textContent {
        padding-left: 0;
    }
	.table-cond {
		width: 100%;
	}
	#accion-comunitaria .carousel-control-prev {
		top: -135px;
	}
	.limit-modelo {
		width: 95%;
	}
	#accion-comunitaria .Model {
		margin: 10px;
	}
	.titSecciones h3, .titSecciones h2 {
		font-size: 30px;
	}
	.fondo-sec img {
		top: -180px;
	}
	#seccion-2 .titSecciones {
        margin: 25px 0;
    }
	.fondo-sec img {
		width: 150%;
		top: -250px;
		right: 0;
	}
	.limit-atencion {
        width: 100%;
    }
	.text-mision p {
        font-size: 20px;
        font-weight: 500;
    }
	.box-enfoque {
		width: 100%;
		padding: 0 40px;
		border-left: none;
	}
	.box-enfoque .text {
        font-size: 20px;
    }
	#carrusel-galeria {
		width: 95%;
		margin-top: 40px;
	}
	.cardGaleria {
        width: 400px;
        right: 290px;
    }
	.img-carrusel {
		opacity: .35;
	}
	#seccion-3 #tabPestana.nav-tabs .nav-link {
		height: 90px;
		font-size: 12px;
	}
	.image-container {
		height: 320px;
		margin-top: 25px;
	}
	.image-container img {
		height: 320px;
	}
	.text-mision {
		width: 75%;
		border-radius: 20px 20px 60% 20px;
	}
	#seccion-6 .Model {
		width: calc(33% - 20px);
	}
	.btn-descarga {
		position: relative;
		margin-top: 10px;
		float: right;
		bottom: 0px;
	}
	.secInformacion {
		width: 90%;
		padding: 0px;
	}
	.secImagen {
		width: 90%;
		margin-top: 20px;
		margin-right: 0;
	}
	.sec-img.bis {
		width: 40%;
		left: 0%;
	}
	.imgSec {
		height: 100%;
	}
	.sec-text.bis {
		width: 95%;
		left: 0%;
		margin: auto;
	}
	.imgSec img {
		width: 100%;
		height: auto;
	}
	.sec-img.bis {
        width: 50%;
        left: 0%;
        margin: auto;
        margin-top: 25px;
    }
	.limit-video {
		width: 100%;
		margin-top: 140px;
	}
	.video-container {
		width: 90%;
	}
	.img-historia, .img-historia2{
		width: 100%;
		height: auto;
	}
	#Historia-part1 .limit-historia, #Historia-part2 .limit-historia{
		width: 100%;
		margin-top: 30px;
	}
	#Mision .limit-atencion {
        width: 65%;
    }
	#Mision .text-mision img.icon-mision {
		width: 30px;
		float: left;
	}
	#Mision .text-mision p {
        width: calc(100% - 30px);
        float: left;
		font-size: 16px;
        font-weight: 500;
    }
	#Mision .text-mision p.parra-mision {
        width: 100%;
		font-size: 13px;
		margin-top: 10px;
    }
	#Mision .image-container img {
		width: 91%;
        height: auto;
		float: right;
    }
	#Mision p.tit-mision{
		font-size: 22px !important;
		font-weight: 700 !important;
	}
	.limitLinea {
        width: 100%;
    }
	#aniText1 {
        width: 65%;
    }
	#Historia-part1 .limit-historia, #Historia-part2 .limit-historia {
        height: auto;
    }
	.limit-tarjeta {
		width: 100%;
	}
	#tabCord-5 .image-container img {
        height: auto;
    }
	#tabCord-5 .image-container {
        height: 200px;
    }
	.boxArco {
		width: calc(50% - 20px);
		margin: 15px 10px;
	}
	.bg-proteccion .titSecciones.bis{
		padding: 15px 30px;
	}
	#conoceMas .col-20{
		width: 33%;
		margin: 10px 0;
	}
	.contBox {
		margin-bottom: 20px;
	}
	.hoverBox{
		opacity: 1;
	}
	#contentAccesos {
		height: auto;
	}
	#plan-prog-inf, #plan-prog-inf .boxAccion {
		height: auto;
	}
	.pleca .titulo p {
		min-height: 400px;
		height: auto;
	}
	#transparencia4 .titSecciones.right{
		right: -10px;
		padding: 15px 10px;
	}
	.parraText {
		margin-bottom: 10px;
	}
	#accion-comunitaria #seccion-6 .Model {
        width: calc(33% - 20px);
        margin: 10px;
    }
	#seccion-2 .image-container {
        height: 280px;
        margin-bottom: 20px;
    }
	#seccion-2 .image-container img {
        height: auto;
        width: 67%;
        float: right;
    }
	#seccion-2 .text-mision {
        width: 59%;
    }
	#seccion-3 .fondoSeccion {
		padding: 15px 0;
	}
	#seccion-4 .carousel-control-prev-icon {
		background-image: url(../img/chevron_lft_b.svg);
	}
	#seccion-4 .carousel-control-next-icon {
		background-image: url(../img/chevron_rgt_b.svg);
	}
	#seccion-4 .btnNext:hover, #seccion-4 .btnPrev:hover {
		background: #00312b;
		box-shadow: 2px 2px 3px 0px #000000;
	}
	#seccion-4 .visually-text {
		color: #fff;
	}
	#seccion-4 .btnPrev {
		left: 35px;
	}
	#seccion-4 .btnNext {
		right: 35px;
	}
	#integrantes .box-sec3 .contInteres {
        padding: 15px;
    }
	.box-sec3 {
		height: 500px;
	}
	#seccion-2 .image-container {
        height: 200px;
    }
	.text-mision p {
        font-size: 13px;
        font-weight: 500;
    }
	#seccion-2 .text-mision {
        padding-right: 30px;
    }
	#menuIMB a.nav-link {
        font-size: 13px;
        font-weight: 600;
    }
	#menuIMB .dropdown-toggle::after {
        right: -60px;
    }
	#Enterate .titSecciones {
        min-height: 50px;
    }
	.secText {
        position: relative;
        transform: scale(1) translate(0%);
    }
	.cardInicio {
        bottom: 280px;
    }
	#logoInicio .logoIMB.bis {
		left: 40px;
	}
	.logoInteres.logo{
		height: 100px;
	}
	#convenios, #avisos{
		padding: 0 10px;
	}
	#slide-3 .textLinea {
		padding-top: 680px;
	}
	p.parraLinea {
        width: 80%;
    }
	#slide-4 .textLinea {
        padding-top: 140px;
    }
	#slide-5 .foto_3 {
        transform: translateY(0px);
    }
	#slide-7 .foto_1 {
        width: 70%;
        transform: translateY(-5px);
    }
	#slide-7 .textLinea {
        padding: 660px 85px 80px 40px;
    }
	p.parraLinea {
        width: 90%;
    }
	#slide-7 p.parraLinea.ter {
		width: 70%;
	}
	#slide-8 .subtitLinea.bis {
		position: absolute;
		left: 30%;
		top: 20%;
	}
	#slide-8 .foto_2 {
        width: 60%;
        transform: translateY(-100%);
    }
	#slide-8 #lineaSec2 p.parraLinea {
        width: 80%;
    }
	#slide-8 .textLinea {
        padding: 90px 110px 40px 70px;
    }
	.contenido-slide {
        padding: 50px;
    }
	#indicators2 {
        padding-left: 40px;
    }
	.bodyVideo {
		height: 50%;
	}
	#Prensa .bodyCard {
        min-height: 350px;
    }
	.img-encabezado {
        width: 100%;
    }
	.box-alcance {
        min-height: 360px;
    }
	.icon-alcance {
        width: 40px;
    }
	.logoInteres h6 {
		font-size: 25px;
	}
	.logoInteres h5 {
		font-size: 20px;
	}
}
@media all and (max-width: 850px){
	.contenido-slide {
		padding: 10px 50px;
	}
	.menu-inferior {
        bottom: -30px;
    }
	.ubiBtnSec {
        transform: translate(-30px, 0px);
    }
	#indicators2 {
        bottom: 120px;
    }
	.btn-slide {
        right: 210px;
        bottom: 80px;
    }
}
@media (max-width:767.98px) and (max-height: 960px){
	main{
		height: auto;
	}
	.seccion{
		min-height: 700px;
	}
}
@media all and (max-width: 767.98px){
	/* PASO 1 */
	.navIMB {
		height: 50px;
	}
	.navIMB.ubi {
		top: 65px;
	}
	#logoInicio .logoIMB {
		padding: 0px;
		height: 30px;
		left: 10px;
	}
	#logoInicio .logoIMB.bis {
        left: 15px;
    }
	.seccion {
		padding-top: 75px;
	}
	.sec-text {
		width: 95%;
		margin: auto;
	}
	.parraPrin {
		font-size: 15px;
		width: 100%;
	}
	.subtitPrin {
		font-size: 15px;
	}
	.listPrin li {
		font-size: 14px;
	}
	.textInicial{
		width: 65%;
	}
	.sec-img {
		width: 35%;
		position: absolute;
		top: 155px;
		right: 0;
	}
	.imgfondo {
		width: 80%;
	}
	.contador-tab {
		bottom: 60px;
		height: 65px;
		width: 400px;
		transform: translate(-50%, -200%);
	}
	.ubiRemate {
		bottom: 20px;
		width: 60%;
	}
	.rematePrin {
		font-size: 14px;
	}
	#menuIMB .navbar-collapse.show {
		top: 50px;
		right: 0;
	}
	.navIMB {
		background: #005046;
	}
	#menuIMB .navbar-collapse {
        top: 40px !important;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }
	#menuIMB .navbar-collapse.show {
        background: #005046;
        top: 40px !important;
        padding: 10px 10px;
        z-index: 0;
        box-shadow: 1px 1px 5px #000000d1;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }
	#contadora .coma, #contadora .num {
		height: 60px;
	}

	/* SECCIÓN 2 */
	.titSecciones h3 {
		font-size: 20px;
	}
	.titSecciones h2 {
		font-size: 22px;
	}
	.limit-carrusel {
		width: 100%;
	}
	.secA {
		width: 190px;
	}
	.secB {
		width: calc(100% - 190px);
	}
	.tit-carrusel {
		min-width: 300px;
		left: 210px;
		top: 30px;
		font-size: 20px;
		border-radius:30px;
	}
	.boxData {
		top: 95px;
	}
	.ubSlider {
		left: 50%;
		bottom: 4%;
	}
	.titSecciones.right {
		border-radius: 50px 0 0 50px;
	}

	/* SECCIÓN 3 */
	.limit-tab {
		width: 95%;
	}
	.ubiTab-requisitos {
		top: 95%;
	}
	#Requisitos .carousel-control-prev {
		left: 30%;
	}
	#Requisitos .carousel-control-next {
		right: 30%;
	}
	.img-tab {
		width: 20px;
		height: 20px;
	}
	#carrusel-requisitos .parrafo {
		font-size: 9px;
		margin-top: 3px;
	}
	#carrusel-requisitos ul{
		padding-left: 0;
	}
	.carousel-item .titContent {
		font-size: 20px;
	}
	.caja-text {
		font-size: 13px;
	}
	.img-tabs {
		height: 100%;
	}
	.img-fondo {
		width: 100%;
		height: auto;
	}
	.img-frente {
		width: 120%;
		height: auto;
	}
	#carrusel-requisitos .cardSlide {
		border: 1px solid;
		border-bottom: 4px solid;
	}

	/* SECCION 4 */
	.caja-vertical {
		position: absolute;
		top: 0;
		width: 100%;
		height: 70px;
	}
	.flujo-vertical {
		width: 100%;
		height: 70px;
	}
	.cont-flujo {
		display: inline-flex;
		width: calc((100% / 6) - 5px);
		height: 30px;
	}
	.line-vertical {
		height: 7px;
		width: 100%;
		transform: translate(0, -50%);
		left: -50%;
		bottom: auto;
		top: 50%;
	}
	.line-verde {
		height: 7px;
		width: 0;
		transform: translate(0, -50%);
		left: -50%;
		bottom: auto;
		top: 50%;
	}
	.ubiUno {
		height: 60px;
		top: -55px;
		left: 4%;
	}
	.h-heart{
		display: block;
		height: 70px;
		position: relative;
		top: -70px;
	}
	#carrusel-proceso.carousel {
		width: 95%;
		height: 450px;
		top: -60px;
	}
	.box-imgRight {
		width: 150px;
		height: 450px;
	}
	.ubiImgSlide {
		height: 300px;
		right: -10px;
		bottom: 0;
	}
	.ubiImgSlide-bis {
		height: 300px;
		bottom: -5px;
	}
	.box-infoLeft {
		width: 105%;
		height: 450px;
	}
	.box-infoLeft-bis {
		padding: 15px 10px;
		padding-right: 100px;
	}
	#sec-proc-registro .carousel-control-next {
		top: 20px;
		left: auto;
		right: -35px;
		BACKGROUND: #fff;
	}
	.subtitText-proceso {
		font-size: 13px;
		line-height: 1;
	}
	.titParra-proceso {
		font-size: 16px;
	}
	.l-div.proc {
		margin-bottom: 10px;
	}
	#Proceso .visually-text {
		font-size: 10px;
		opacity: 1;
		color: #fff;
		top: 57px;
	}
	#slideProc {
		width: 100%;
		height: 100%;
		transform: translateX(-50%);
		left: 50%;
		bottom: 0;
	}
	#Proceso .titSecciones {
		margin: 0 0 20px 0;
	}

	/* PASO 6 */
	.img-atencion {
		width: 100%;
		margin-top: 50px;
	}

	/* PASO 7 */
	#imgContact{
		display: none;
	}
	.tit-red.ubi {
		left: 45px;
		top: 15px;
		opacity: 1;
		width: 115px;
		text-align: left;
		padding: 5px 30px;
		border-radius: 0 40px 15px 0;
	}
	.caja-textContact p {
		font-size: 13px;
	}
	#Contacto.seccion {
		padding-top: 130px;
	}

	.dropend:hover > .dropdown-menu {
		position: absolute;
	  	top: 0;
	  	left: 100%;
	}
	.dropend .dropdown-toggle {
	  	margin-left: 0.5em;
	}
	.sec-imagen {
        width: 35%;
        position: absolute;
        top: 155px;
        right: 0;
    }
	.sec-info {
		width: 100%;
		height: 40px;
	}
	.sec-info label {
		width: 80%;
		line-height: 1;
		padding: 10px 0px 0px 30px;
	  }
	#tabPestana li {
		width: 45%;
	}
	.accordion-button.aco-perfil {
		width: 100%;
		padding-right: 0;
	}
	.accordion-button::after {
		right: 5px;
	}
	.limit-linea{
        width: 95%;
    }
	.nav-item {
        width: 100%!important;
    }
    .inter-normatividad{
        width: 100%;
        margin: auto;
    }
    .sub-normatividad {
        width: 100%;
    }
    .sub-normatividad button {
        height: 35px;
    }
    .bordered {
        border-left: none;
        border-right: none; 
        border-top: 2px solid #005d4d;
        border-bottom: 2px solid #005d4d;
    }
    #tabPestana li {
		width: 45%;
	}
	.accordion-button.aco-perfil {
		width: 100%;
		padding-right: 0;
	}
	.accordion-button::after {
		right: 5px;
	}
    .BoxGral{
        border-radius: 50px 0px 0px 50px;
        background: #e6e6e6;
        box-shadow: 0 0 5px gray;
        height: auto;
    }
    .mainContain{
        width: 100%;
        padding: 50px;
    }
    .documents{
        width: 100%;
        background: #fff;
        padding: 20px;
    }

	/* PHONE */
	.seccion {
		height: calc(100vh - 52px);
		padding-top: 140px;
	}
	#Prensa.fondo-atencion{
		background: transparent;
	}
	#Mision.seccion {
        margin-top: 0px;
    }
	#HOME .ubiBtnSec {
        bottom: -15px;
    }
	.secCentral {
		bottom: -2px;
	}
	.bloqueInicio {
        padding: 0 20px;
		padding-top: 80px;
    }
	.titInicio {
        width: 100%;
		font-size: 27px;
        padding-left: 0;
        border-left: none;
    }
	.bloqueInicio hr.bor-oro {
        margin: 10px 0;
        padding-top: 10px;
        border-bottom: 3px solid #BB965C;
    }
	.parraPrin {
        font-size: 13px;
        width: 100%;
    }
	.secImg {
        height: calc(100% - 230px);
    }
	#carousel5 img {
        width: 55%;
        left: 180px;
    }
	#carousel5 img.active {
        left: 90px;
    }
	#bloqueClinica {
        width: 90%;
		bottom: 5px;
		padding: 15px 10px 15px 20px
    }
	#Interes .carousel-item .col-6{
		width: 100%;
	}
	.imgInteres {
		height: 15vh;
		border-radius: 25px 25px 0 0;
	}
	.contInteres {
		height: 35vh;
		padding: 15px 10px;
	}
	#carrusel-estadisticos {
        min-height: calc(100% - 85px);
    }
	.rightDat {
        top: 0px;
		height: calc(100vh - 540px);
    }
	.bloqueDatos {
        width: 85%;
    }
	.ma-icon {
		width: calc(100% / 4);
		height: 70px;
		margin: 0;
	}
	.icon-slide {
		width: 30px;
		height: 30px;
	}
	.ubiBtnSec {
        right: -10px;
        bottom: 10px;
    }
	.mapLeftPrin {
        top: -150px;
        right: 20px;
    }
	.datoNum {
		font-size: 30px;
	}
	.datoTit {
		font-size: 13px;
	}
	.datoRight {
		top: 30px;
		right: 15px;
	}
	.lftDat p {
		font-size: 12px;
		line-height: 1.2;
	}
	.btn-ubiEsta {
		transform: translateX(-50%) scale(.9);
		width: 680px;
		left: 50%;
		top: -60px;
	}
	.mapLeft {
        height: 260px;
        top: 10px;
        right: -10px;
    }
	#carrusel-interes .cardSlide {
        width: 100px;
		padding: 5px;
    }
	#carrusel-interes .cardSlide.active {
        width: 120px;
    }
	#carrusel-interes .titSeccion {
		font-size: 12px;
	}
	#carrusel-interes .cardSlide.active .titSeccion {
		font-size: 15px;
	}
	#carrusel-interes .cardSlide {
        width: 45px;
        height: 20px;
        margin-top: 3px;
        padding: 0;
        background: transparent;
        box-shadow: 0 0 0;
    }
	#carrusel-interes .cardSlide.active {
        width: 60px;
        height: 30px;
        margin-top: 0px;
        padding: 0;
        background: transparent;
    }
	#carrusel-interes .titSeccion {
        display: none;
    }
	.pleca-avance {
		margin-bottom: 0px;
	}
	.pleca-avance .fija, .pleca-avance .proceso{
		height: 15px;
		border-radius: 25px;
	}
	.cardButton, #carrusel-interes .boxCard {
        height: 40px;
		padding: 0;
    }
	.logoInteres {
		width: 100%;
		height: auto;
	}
	.logoInteres h5 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	.logoInteres h6 {
		font-size: 26px;
	}
	.cajaPrensa {
		padding: 15px;
		border-radius: 0 15px 15px 15px;
	}
	.cajaPrensa .secA {
		width: 60%;
	}
	.cajaPrensa .secB {
		width: 40%;
		padding-left: 10px;
	}
	.secA .tit {
		width: calc(100% + 35px);
		font-size: 12px;
	}
	.secA .text {
		font-size: 12px;
	}
	.secA .triangulo {
		left: -30px;
	}
	.col-lg-6.h90{
		padding: 0;
	}
	#Prensa .carousel-indicators {
		transform: scale(.5);
        top: -55px;
    }
	#Prensa .carousel-indicators [data-bs-target] {
        transform: scale(.6);
        margin: 0 80px;
    }
	.limit-access {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
	.limit-access ul{
		padding-left: 0;
	}
	.bloque {
		padding-left: 0;
		padding-right: 0;
	}
	#bloq1.bloque, #bloq2.bloque, #bloq3.bloque {
        width: 50%;
        padding: 10px 0;
		height: 55px;
		margin: auto;
    }
	.bloque .tit, .bloque .tit2 {
		width: calc(100% - 45px);
		font-size: 12px;
		text-align: center;
	}
	.bloque .icon {
		width: 35px;
		height: 35px;
		margin-left: 10px;
	}
	#Contacto .h-100{
		height: 63% !important;
		padding: 0;
	}
	#redes{
		padding: 0;
	}
	ul.redes-sociales {
        display: flex;
        padding-left: 0;
        flex-wrap: wrap;
        margin-top: 20px;
    }
	.redes-sociales .inE {
        transform: scale(.8);
    }
	.modalDocImg .modal-dialog {
		max-width: 90%;
	}
	.modal-tit {
		width: calc(100% - -35px);
		top: 40px;
	}
	.secDate {
		width: 110px;
	}
	.secDate .anio {
		font-size: 13px;
	}
	.secDate .mes {
		font-size: 18px;
	}
	.secDate .linea {
		height: 3px;
	}
	.modal-tit .secTit {
		width: calc(100% - 110px);
	}
	.carruselModal .carousel-control-prev {
        left: -50px;
    }
	.carruselModal .carousel-control-next {
        right: -50px;
    }
	#Prensa .carousel-control-prev {
		left: -30px;
	}
	#Prensa .carousel-control-next {
		right: -30px;
	}
	.btnCerrar {
		width: 35px;
		height: 35px;
		right: -10px;
		top: 0;
	}
	#secAccesos .item-menu button {
		height: 30px;
	}
	#secAccesos .item-menu {
        width: calc(100% / 2);
        margin-bottom: 5px;
        background: #00504614;
    }
	#secAccesos .item-menu.hr-rgt {
		border-right: 3px solid #e2e2e2;
	}
	#contentAccesos {
		height: auto;
		padding-top: 0;
		margin-bottom: 0;
	}
	.btnVolver {
        right: auto;
        left: 60%;
        top: 62%;
    }
	.boxAccion .secLeft {
        width: 100%;
        padding: 15px;
        height: auto;
        border-radius: 20px 20px 0 0;
        text-align: center;
    }
	.secLeft .tit {
        font-size: 18px;
    }
	.boxAccion .secRight {
		width: 100%;
		height: calc(100% - 50px);
	}
	.boxAccion {
		height: 500px;
	}
	#contentAccesos .l-div {
        width: 90%;
        margin: auto;
        margin-top: 5px;
		margin-bottom: 8px;
    }
	.btrr {
		border-top-right-radius: 0px !important;
	}
	.accordion-body.aco-body {
		padding: 0px;
		padding-right: 10px;
	}
	.titSec {
		font-size: 13px;
	}
	.accordion-item {
		border: 1px solid transparent;
	}
	.fila th, .fila td {
		font-size: 11px;
		padding: 5px;
	}
	.secInformacion {
        width: 95%;
		margin-top: 10px;
    }
	.secImagen {
        width: 100%;
    }
	.carruselModal .carousel-control-prev {
        left: -20px;
    }
	.carruselModal .carousel-control-next {
        right: -20px;
    }
	#Prensa .modalPrensa .carousel-control-prev {
		left: 15px;
		top: 340px!important;
	}
	#Prensa .modalPrensa .carousel-control-next {
		right: 15px;
		top: 340px!important;
	}
	.TituloPreguntas {
        width: 95%;
        margin: 30px auto;
        left: 0px;
    }
	#InicioPF .img-preguntas {
        display: block;
    }
	#InicioPF .imgPreguntas {
        transform: translateX(-50%);
        top: auto;
        bottom: 80px;
        left: 50%;
    }
	.sec-img.bis {
		display: block;
        width: 70%;
        top: 10px;
    }
	.img-historia, .img-historia2 {
        width: 40%;
    }
	.text-historia {
		font-size: 13px;;
	}
	#Mision .limit-atencion {
        width: 100%;
    }
	#Componentes .image-container {
        height: 230px;
        margin-top: 0px;
    }
	.image-container {
        height: 210px;
		margin-top: 10px;
		margin-bottom: 15px;
    }
	#tarjeta-1{
		margin-top: 0;
	}
	.tit-mision {
		margin: 10px 0;
		font-size: 20px !important;
	}

	/* LIENA DEL TIEMPO */
	.btn-siguiente {
		position: absolute;
		bottom: 0;
	}
	#slide-1 .next {
		left: 85%;
		bottom: 65px;
	}
	.btnUbiLinea {
		width: 80px;
	}
	#boxLinea .slide h3, #boxLinea .slide h4 {
		font-size: 25px;
	}
	.lineaTiempo, .lineaTiempo2 {
		width: 30px;
		left: 5%;
	}
	#boxLinea .slide p.label-fecha {
		left: 5%;
        font-size: 18px;
    }
	.foto_1 {
		width: 70%;
		position: absolute;
		left: 12%;
		transform: translateY(-25px)!important;
	}
	#slide-2 .textLinea{
		width: 70%;
		padding: 85px 30px 80px 30px;
	}
	#slide-3 .textLinea {
		width: 70%;
		padding: 430px 30px 80px 30px;
	}
	p.parraLinea {
        width: 100%;
    }
	p.parraLinea.bis, #slide-4 p.parraLinea.bis, #slide-8 .subtitLinea {
        left: 30%;
		width: 90%;
    }
	p.parraLinea.bis {
		width: 55%;
	}
	#slide-4 p.parraLinea.bis {
		width: 55%;
	}
	#slide-3 .slide p.label-fecha {
        margin-top: 20px;
    }
	#slide-4 .textLinea {
        width: 88%;
        padding: 50px 50px 40px 70px;
    }
	#slide-4 .foto_2 {
		width: 70%;
		left: 12%;
		transform: translateY(-170px);
	}
	#slide-4 h3.titLinea {
		bottom: 50%;
	}
	#slide-4 p.parraLinea {
		width: 65%;
	}
	#slide-5 .foto_3, #slide-6 .foto_3 {
		width: 68%;
		left: 12%;
		transform: translateY(-20px);
	}
	#slide-5 .textLinea {
        width: 70%;
        padding: 80px 45px 80px 30px;
    }
	.back5 {
		height: 360px;
	}
	#slide-6 .textLinea {
        width: 88%;
        padding: 155px 45px 80px 30px;
    }
	#slide-6 .back1 {
		height: 450px;
	}
	#slide-7 .textLinea {
        width: 88%;
        padding: 390px 70px 80px 30px;
    }
	#slide-7 p.parraLinea.ter {
		width: 100%;
	}
	#slide-8 p.parraLinea {
		width: 60%;
	}
	#slide-8 .textLinea {
        width: 88%;
        padding: 40px 50px 40px 20px;
    }
	#slide-8 #lineaSec2 p.parraLinea {
		width: 90%;
	}
	#slide-8 .foto_2 {
		width: 65%;
		left: 12%;
		transform: translateY(-235px);
	}
	#Historia .titPrincipal.ma-t3 {
		margin-top: 10px !important;
	}
	.limit-clinica {
		width: 95%;
	}
	#mapaFalse {
        width: 120%;
        top: -280px;
        left: -40px;
		padding: 15px;
    }
	.ubiBntClinica {
		right: 150px;
		top: -100px;
	}
	.limit-modelo {
        width: 100%;
		margin-top: 0;
		padding: 0;
    }
	.ModeloBox {
		display: block;
		padding: 0;
	}
	.Model {
		width: 45%;
		float: left;
		margin: 10px 5px;
		height: 180px;
		background-color: #fff;
	}
	#accion-comunitaria .Model {
		width: calc(33% - 10px);
        margin: 5px;
    }
	#accion-comunitaria .Model.hover {
		height: 190px;
	}
	.limit-texto{
		height: 40%;
	}
	.limit-texto .h100{
		margin-top: 15px;
	}
	.text-historia {
		margin-top: 10px;
	}
	.circle-dorado {
		width: 65px;
		height: 65px;
	}
	.circle-verde {
		width: 60px;
		height: 60px;
		padding: 7px;
	}
	.circleUno, .circleDos, .circleTres, .circleCuatro, .circleCinco, .circleSeis, .circleSiete, .circleOcho, .circleNueve, .circleDiez, .circleOnce, .circleDoce {
		width: 46px;
		height: 46px;
	}
	#seccion-1 .TitModel {
		font-size: 10px;
		padding: 5px;
		margin: 5px 0;
	}
	.SubtitModel {
		opacity: 1;
		font-size: 11px;
	}
	#Componentes .titSecciones {
		transform: scale(1);
		top: 0%;
		transform: translateX(-30%);
	}
	#Componentes .image-container img {
        height: 230px;
    }
	#btnBaja.ma-t3{
		margin-top: 10px !important;
	}
	.thumbnails {
        height: 40px;
        transform: scale(.75) rotate(90deg);
    }
	.description {
        width: 65%;
        top: -100px;
        font-size: 18px;
        margin: auto;
    }
	#Coordinaciones #tabPestana.nav-tabs {
        width: 95%;
    }
	#secAccesos .item-menu button {
        font-weight: 600;
    }
	.secTitular {
        width: 95%;
    }
	#Coordinaciones #secAccesos .item-menu {
        width: calc(100% / 2);
    }
	#Coordinaciones .btnVolver {
        left: 65%;
        top: 40%;
    }
	.boxTitular {
        padding: 25px;
        padding-right: 40px;
        border-radius: 0 70px 100px 0;
    }
	.boxTitular h4, .boxTitular h5 {
		font-size: 20px;
	}
	#contentAccesos .ModeloBox {
        width: 205px;
    }
	.Model.bis {
        height: 200px;
    }
	#btnDescarga {
		width: calc(100% - 10px);
		max-width: 450px;
	}
	.limit-docs #btnDescarga .docsLeft, .limit-docs #btnDescarga .docsRight {
		height: 70px;
	}
	.titCoord h3 {
		font-size: 16px;
	}
	#tabCord-5 .image-container img {
        height: auto;
        width: 80%;
        float: right;
    }
	#tabCord-5 .image-container {
        height: 175px;
    }
	#tabCord-5 .text-tarjeta .icon-mision{
		width: 100% !important;
		height: 30px;
	}
	#tabCord-5 .ModeloBox {
        width: 100%;
    }
	#tabCord-5 .Model.bis {
        min-width: 180px;
    }
	.Model .TextCard span {
		display: block;
		opacity: 1;
	}
	.cards-coordinacion {
		height: auto;
	}
	#tabCord-5 .Model.bis {
        height: 300px;
    }
	#contentAccesos .ModeloBox {
		display: block;
	}
	#comite .Model {
		width: calc(50% - 10px);
		height: 200px;
		float: left;
	}
	#secTransparencia .boxAccion #tabPestana {
        width: 100%;
        margin: auto;
    }
	#transparencia2 .titSecciones.right {
        transform: translateX(5px);
    }
	#transparencia2 .boxArco {
        width: 90%;
        margin: auto;
        margin-top: 14px;
    }
	.bg-proteccion .titSecciones.bis {
        padding: 10px;
        margin: 0;
    }
	#conoceMas .col-20 {
        width: 50%;
        margin-bottom: 10px;
    }
	#secProteccion #tabPestana li {
        width: 90%;
        margin: auto;
    }
	.secAccesos .item-menu.hr-rgt {
		border-right: none;
		border-bottom: 2px solid #005046;
	}
	#tabPestana.nav-tabs {
        width: 100%;
    }
	.tab-content.row{
		padding: 0;
	}
	#avisoPrivacidad.nav-tabs, #infoRelevante.nav-tabs {
        width: 90%;
        margin: auto;
    }
	.contacto-box {
		height: auto;
		padding: 0;
		padding-top: 10px;
	}
	.tab-pane.bis {
		height: auto;
	}
	#mapaContact {
        width: 100%;
        height: 250px;
    }
	.bloq-verde {
        height: 80%;
        bottom: -15px;
        left: 0px;
        border-radius: 50px 50px 0 0;
    }
	.box-contacto {
		padding: 15px;
		width: 100%;
	}
	.img-contacto {
		width: 100px;
		height: 100px;
		transform: translateY(-110%);
		right: -30px;
	}
	.boxConoce {
		margin: auto;
		margin-bottom: 15px;
	}
	#secTransparencia #tabPestana li {
        width: 90%;
        margin: auto;
    }
	.submenu-sec {
        padding-top: 0;
        margin-bottom: 20px;
    }
	#secTransparencia{
		padding: 0;
		padding-top: 70px;
	}
	.img-abierto {
		width: 40%;
		margin: auto;
	}
	.titSecciones {
        margin: 0;
		left: 15px;
    }
	#Historia-part1 .limit-historia, #Historia-part2 .limit-historia {
        margin-top: 0px;
    }
	#Mision .image-container img {
        width: 76%;
    }
	#btnRegistro button {
		transform: scale(1.3);
	}
	.modalDocImg .modal-content{
		margin-top: 60px;
	}
	.modalDocImg .carousel-inner, #Prensa .modalPrensa .carousel-inner {
		width: 90%;
        height: 190px;
    }
	.carruselModal .carousel-control-prev {
        left: -30px;
    }
	.carruselModal .carousel-control-next {
        right: -30px;
    }
	.carousel-container {
        padding-top: 0px;
    }
	#secCoordinacion.carousel-container{
		padding-top: 40px;
	}
	#carrusel-exito .carousel {
        margin-top: 10px;
    }
	#Prensa .modalPrensa .carousel-inner {
        width: 100%;
    }
	.modalPrensa .carousel-inner {
        padding: 0px;
    }
	#Prensa .itemIndicators {
		display: none;
	}
	#mapaTrue {
		min-height: 390px;
	}
	#mapaTrue iframe#gmap_canvas{
		width: 100%;
		height: 400px;
		border-radius: 0 0 25px;
	}
	#Clinica.seccion.hover {
		height: auto;
	}
	.box-enfoque {
		margin-top: 0px;
		padding: 0 20px;
	}
	.box-enfoque .text {
        font-size: 13px;
    }
	#carrusel-galeria {
		height: 280px;
        margin-top: 15px;
		padding: 0;
    }
	.cardGaleria {
		height: 260px;
	}
	#carrusel-galeria .carousel-items {
		left: -150px;
		position: relative;
	}
	#seccion-2 .image-container img {
        width: 89%;
    }
	#carrusel-galeria .carousel {
		border-radius: 25px;
		border: 10px solid #005046;
	}
	.btn-galeria {
		top: auto;
		bottom: -40px;
	}
	#seccion-4 .btnPrev {
        left: 100px;
    }
	#seccion-4 .btnNext {
        right: 100px;
    }
	#seccion-4 .carousel-control-prev-icon {
        background-image: url(../img/chevron_lft.svg);
    }
	#seccion-4 .carousel-control-next-icon {
        background-image: url(../img/chevron_rgt.svg);
    }
	#seccion-4 .visually-text {
        color: #005046;
    }
	#seccion-4 .btnNext:hover, #seccion-4 .btnPrev:hover {
        background: #e2e2e2;
        box-shadow: 2px 2px 3px 0px #bbbbbb, -2px -2px 3px 1px #f7f7f7;
    }
	#seccion-3 {
		padding: 20px;
		padding-top: 85px;
	}
	#seccion-3 #tabPestana.nav-tabs .nav-link {
        height: 40px;
    }
	#seccion-3 .nav-tabs .nav-link.izq, #seccion-3 .nav-tabs .nav-link.der {
		border-radius: 0px !important;
	}
	#seccion-3.seccion{
		height: auto;
	}
	.box-sec3 {
        height: auto;
    }
	.box-sec3 .imgInteres {
		height: 100px;
	}
	.colA {
        height: 100px;
    }
	#sec1.secCont {
        width: 100%;
    }
	.secCont {
		width: 100%;
	}
	.cardConsulta {
		display: block;
	}
	.imgConsulta.verde_o {
		display: none;
	}
	.image-container img {
        height: 210px;
    }
	#accion-comunitaria #seccion-6 .Model {
        width: calc(50% - 20px);
    }
	#seccion-6.seccion{
		height: auto;
	}
	#seccion-6 .titSecciones h2 {
        padding-left: 25px;
    }
	#seccion-6 .titSecciones {
        padding: 10px 10px 10px 30px;
    }
	#seccion-6 .TitModel {
		font-size: 15px;
		padding: 5px;
		margin: 5px;
	}
	#seccion-3, #seccion-6{
		height: auto;
	}
	.imgCarrusel {
		height: 100%;
		min-height: auto;
	}
	.sec-info p {
		font-size: 11px;
		font-weight: 700;
		color: #4d4d4d;
		height: 40px;
		padding: 7px 30px 0 60px;
	}
	.seccion{
		scroll-snap-align: none;
	}
	/* .ubiBtnPrin, .ubiBtnSec{
		display: none;
	} */
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
		width: 100%;
		transform: translateX(0%);
		top: 0;
		background: transparent;
		padding: 5px 10px;
		border: none;
	}
	.carruselEnterate{
		height: auto;
	}
	.carruselEnterate .carousel, .carruselEnterate .carousel-inner, .carruselEnterate .carousel-item {
        max-height: none;
		padding: 0;
    }
	.carruselEnterate .carousel-inner {
		height: auto;
		border-radius: 40px 40px 0 0;
	}
	.secCabezal {
		width: 100%;
		padding: 0;
		padding-top: 5px;
	}
	.secCuerpo {
		width: 100%;
		padding: 10px;
	}
	.titCuerpo {
        width: 80%;
		height: 40px;
        margin: auto;
    }
	.imgSeccion {
		width: 75%;
		margin: 15px 40px;
	}
	.titCuerpo h5{
		width: 175px;
		float: left;
	}
	.titCuerpo h6{
		width: 70px;
		margin-left: 0;
		float: left;
		top: 2px;
	}
	.he1, .secCabezal h6 {
		padding: 0 25px;
		margin: 5px 0;
	}
	#carruselEnterate .carousel-indicators {
        bottom: -40px;
    }
	#carruselEnterate .carousel-control-prev, #carruselEnterate .carousel-control-next {
		top: auto;
		bottom: auto;
		transform: none;
	}
	#carruselEnterate .carousel-control-prev {
        left: 50px;
    }
	#carruselEnterate .carousel-control-next {
        right: 50px;
    }
	.cardInicio {
        bottom: 200px;
    }
	#slidePrin-5.cardSlide {
        position: absolute;
        transform: translateX(30%) scale(.9);
        bottom: -80px;
    }
	#slidePrin-5.cardSlide.active {
        transform: translateX(30%) scale(1.1);
		transition: all .5s;
    }
	.cardInicio .cardSlide{
        font-size: 9.5px;
        padding: 0 5px;
    }
	.cardInicio .cardSlide.active {
		font-size: 9.5px;
	}
	#carrusel-inicio .carousel-inner {
        transform: scale(1.5) translateY(-85px);
        left: 35%;
    }
	#Principios .TitModel{
		padding: 5px;
		margin: 5px;
	}
	#seccion-1 .ModeloBox {
        width: 70%;
        margin: auto;
    }
	#accion-comunitaria #seccion-1 .Model {
		width: 100%;
		height: auto;
		margin: 10px 0;
	}
	#Normatividad #tabPestana li{
		width: 100%;
	}
	#Normatividad .ma-b2.inter-normatividad{
		margin-bottom: 0!important;
	}
	#Normatividad .fondoSeccion{
		padding: 15px 5px;
	}
	#InicioOp.seccion {
        height: auto;
        min-height: 300px;
    }
	.tituloOperaciones {
		left: 0px;
	}
	.fondo-img.operacion {
        background-position: 0px 0px;
        background-size: cover;
    }
	.textInput {
		width: 90%;
		display: inline-block;
		margin: auto;
		margin-left: 20px;
	}
	#InicioOp .titSecciones h2{
		font-size: 20px;
		padding-left: 5px;
	}
	.titEstado {
        width: 90%;
		margin-top: 20px;
    }
	.titEstado p {
		font-size: 22px;
		text-align: left;
	}
	.titEstado hr {
		width: 90%;
		margin: 5px 0;
	}
	.boxVideo {
		transform: scale(1.1);
		margin-bottom: 20px;
	}
	#salaPrensa .sec-img {
		display: block;
        position: relative;
        top: 0px;
        right: 0;
    }
	#salaPrensa .cajaPrensa {
        width: 100%;
        height: 100%;
        max-height: 300px;
        margin-top: 10px;
    }
	#secPrensa #secAccesos .item-menu {
		width: calc(100% / 3);
		float: left;
	}
	.item-filtro {
		width: 100%;
	}
	#secPrensa.seccion{
		height: auto;
	}
	#InicioModulos.seccion {
        height: 320px;
		min-height: auto;
		background-size: cover;
        background-position: 0px 0px;
    }
	.TituloPreguntas .titSecciones h3, .TituloPreguntas .titSecciones h2 {
		font-size: 25px;
		text-align: center;
	}
	.secModulo{
		position: absolute;
		width: 90%;
		top: 70px;
		left: 25px;
	}
	.limit-clinica {
		margin-top: 0px;
	}
	#Clinica.seccion {
		height: calc(100vh - 140px);
        padding-top: 140px;
    }
	.boxInfo {
        border-radius: 15px;
        border-top: 20px solid #9F1F41;
        border-left: 0;
    }
	#accion-comunitaria .carousel-control-prev {
        top: 30px;
        left: auto;
        right: -150px;
    }
	.fondo-slide-mov {
        top: -230px;
    }
	.contenido-slide {
        padding: 20px;
    }
	.alto-mov {
        height: 45%;
    }
	.seccion_1 {
        height: calc(100vh - 52px);
    }
	#HOME {
		background-size: cover;
	}
	#indicators2 {
        padding-left: 35px;
        bottom: 190px;
    }
	.btn-slide {
        right: 85px;
        top: auto;
        bottom: 150px;
    }
	.contGral {
		height: auto;
	}
	.contenido-slide h2 {
        font-size: 25px;
    }
	.contenido-slide h3 {
        font-size: 20px;
    }
	.contenido-slide p {
        font-size: 14px;
    }
	.menu-inferior {
        bottom: 13px;
        height: 100px;
    }
	.menu-inferior .collapse:not(.show) {
		display: block !important;
	}
	.menu-inferior .navbar-nav {
		flex-direction: row;
	}
	.menu-inferior .nav-item, .menu-inferior .container-fluid {
        padding: 0;
    }
	.menu-inferior .navbar-expand-md .navbar-nav {
		padding: 10px;
	}
	.menu-inferior .nav-link:hover {
		transform: scale(1);
	}
	.sala-escritorio{
		display: none;
	}
	.sala-movil{
		display: block;
	}
	.bodyVideo {
        height: 40%;
    }
	#Prensa .bodyCard {
		width: 350px;
	}
	#Galeria .carousel {
        padding: 0;
    }
	.gallery a {
		width: calc(100% / 2);
	}
	#tab-gallery {
		margin-top: 40px;
	}
	#tab-gallery .nav-link {
		height: 45px;
		border-radius: 10px;
	}
	#tab-gallery li {
		height: 50px;
	}
	.limit-gallery {
        width: 95%;
    }
	#carrusel-exito {
        height: auto;
    }
	.limit-alcance {
		width: 100%;
	}
	.img-encabezado {
        width: 95%;
    }
	.box-alcance {
        min-height: 320px;
    }
	.cuerpo h4 {
        font-size: 20px;
        margin-top: 5px;
    }
	.icon-alcance {
        width: 30px;
    }
	.cuerpo p {
        margin-top: 0px;
    }
	.cardButton {
        width: 60%;
    }
}

@media all and (max-width: 575.98px){
	/* PASO 1 */
	.titPrincipal {
		font-size: 22px;
		padding: 10px 0;
	}
	.textInicial {
		width: 100%;
	}
	.sec-img {
		display: none;
	}
	.subtitPrin {
		text-align: center;
	}
	.sec-text {
		width: 100%;
	}
	.listPrin li {
		padding-left: 12px;
	}
	.listPrin li:before {
		width: 5px;
		height: 11px;
	}
	.fondo-img {
		background-position: -250px -220px;
	}
	.contador-tab {
		position: relative;
		transform: translate(-50%, -15%);
		bottom: 0px;
		margin-top: 20px;
		height: auto;
		width: 95%;
	}
	.btnAvance {
		width: 50px;
		height: 50px;
	}
	.flecha-abajo, .flecha-arriba {
		width: 35px;
	}
	.ubiBtnPrin {
		right: -10px;
		bottom: 120px;
	}
	.ubiRemate {
		display: none;
	}
	.titSecciones.right {
		transform: translateX(-30px);
	}
	#Requisitos .titSecciones.left, #Atencion .titSecciones.left {
		transform: translateX(-90px);
	}

	/* PASO 2 */
	.secA {
		width: 150px;
	}
	.secB {
		width: calc(100% - 150px);
	}
	.tit-carrusel {
		min-width: 230px;
		left: 147px;
		top: 20px;
		font-size: 20px;
		border-radius: 30px;
	}
	.boxData {
		top: 80px;
	}
	.parra-carrusel {
		font-size: 12px;
	}
	#carouselExampleIndicators2 .carousel-control-prev {
        left: 0;
    }
	#carouselExampleIndicators2 .carousel-control-next {
        right: 0;
    }
	#carouselExampleIndicators2 .carousel-control-next:focus, #carouselExampleIndicators2 .carousel-control-prev:focus {
		transform: scale(1) translateY(-25px);
	}
	.ubSlider {
		left: 42%;
		bottom: 30%;
		transform: scale(.85) translate(-50%, -50%);
	}

	/* PASO 3 */
	.titSecciones {
		padding: 10px 10px 10px 50px;
	}
	#carrusel-requisitos .col-lg-8{
		padding-left: 0;
	}
	#carrusel-datos .col-3{
		display: none;
	}
	.limit-tab {
		width: 100%;
	}
	#carrusel-requisitos .parrafo {
		font-size: 8px;
		margin-top: 2px;
	}
	.caja-text {
		font-size: 12px;
		text-align: justify;
	}
	.carousel-item .textContent, .textContent li {
		font-size: 12px;
		text-align: justify;
	}
	ul.textContent li {
		margin-bottom: 5px;
	}
	.ubiTab-requisitos {
		top: 71%;
	}

	/* PASO 4 */
	#carrusel-proceso.carousel {
		width: 100%;
	}

	/* PASO 5 */
	.limit-atencion {
		width: 95%;
	}
	.text-atencion {
		font-size: 13px;
	}
	#Atencion .alertGral {
		min-width: 380px;
	}

	/* PASO 6 */
	#Registrate  .img-atencion {
		height: 250px;
		width: auto;
		margin-top: 0px;
	}
	#Registrate .titSecciones {
		margin-top: 10px;
	}
	.limit-registrate {
		margin-top: 20px;
	}
	#Registrate .titSecciones h2 {
		font-size: 25px;
	}
	#Registrate .titSecciones h3 {
		font-size: 25px;
	}

	/* PASO 7 */
	.redes-sociales li {
		width: 50%;
		float: left;
	}
	#Contacto .titSecciones{
		margin: 10px 0;
	}
	.caja-textContact.tit p{
		font-size: 17px;
	}

	.fondo-img-preguntas, .fondo-img-juridico, .fondo-img-acerca, .fondo-img-transparencia {
        background-position: -250px -220px;
		background-size: cover;
    }
    .sec-imagen {
		display: none;
	}
	#Requisitos .titSecciones.left, #Atencion .titSecciones.left {
		transform: translateX(-90px);
	  }
	.imgPreguntas {
		top: 42%;
		left: 25%;
	}
	.btnSecPreguntas {
		top: auto;
        bottom: 50px;
        transform: translateX(-50%);
        left: 50%;
    }
	.sec-info label {
		width: 80%;
		line-height: 1;
		padding: 10px 0px 0px 30px;
	}
	#tabPestana li {
		width: 75%;
		margin: auto;
	}
	.img-preguntas{
		display: none;
	}
    .limit-historia {
        width: 95%;
    }
    .limit-linea{
        width: 100%;
    }
	#Preguntas .border-bottom-green {
        border-right: none;
        border-bottom: 2px solid #00322b;
    }
	#tabPestana.nav-tabs {
		width: 90%;
		margin: auto;
	}
	#seccion-3 #tabPestana.nav-tabs {
		width: 100%;
	}
	#Preguntas .item-submenu {
		width: calc(100% - 40px);
		padding: 10px 0;
	}
	#Normatividad .nav-tabs .nav-link.izq, #secTransparencia .nav-tabs .nav-link.izq {
		border-radius: 20px 20px 0 0 !important;
	}
	#Normatividad .nav-tabs .nav-link.der, #secTransparencia .nav-tabs .nav-link.der {
		border-radius: 0 0 20px 20px !important;
	}
	#Normatividad #tabPestana.nav-tabs .nav-link {
		height: 45px;
		font-size: 14px;
	}
	#menuJuridico {
		transform: translateY(-75px);
	}
	#Normatividad.seccion{
		height: auto;
		padding: 0;
		padding-top: 85px;
	}
	.sub-normatividad button {
		background: #fff;
	}
	#contPestana.p-3{
		padding: 20px 0 !important;
	}
	.boxAccion {
		width: 100%;
	}
	#Transparencia .imgFondo{
		position: relative;
		bottom: 60px;
	}
	#menuTransparencia {
		transform: translateY(-110px);
	}
	#banner-fondo {
		margin: 0 -15px;
		padding: 20px 10px;
	}
	.parra-cnt {
		position: relative;
	}
	.limit-transp {
		width: 100%;
	}
	.titSeccionesBis {
        padding: 0px;
        padding-bottom: 10px;
    }
	.parraTit {
		font-size: 16px;
	}
	.parraText {
		font-size: 13px;
	}
	.titSeccionesBis h3, .titSeccionesBis h2  {
		font-size: 20px;
	}
	#accesoInfo.submenu-sec{
		padding-top: 0;
	}
	#accesoInfo #tabPestana.nav-tabs{
		width: 100%;
	}
	#accesoInfo #tabPestana .item-menu {
		width: 100%;
		margin-bottom: 2px;
	}
	.secTransp .titSecciones h2, .secTransp .titSecciones h3 {
		font-size: 25px;
	}
	#contentAccesos .titSecciones {
        margin: 20px 0 5px 20px;
    }
	#contentAccesos .ModeloBox {
        width: 100%;
    }
	.boxAccion {
        height: auto;
    }
	#integrantes .content-cards {
		display: block;
	}
	.card {
		width: 95%;
	}
	.pleca {
		width: 100%;
		height: 50px;
	}
	.pleca .icon {
		float: left;
	}
	.pleca .titulo {
		width: calc(100% - 50px);
		height: 50px;
		float: left;
	}
	.pleca .titulo p {
		transform: rotate(0);
		width: 100%;
		height: auto;
		writing-mode: horizontal-tb;
	}
	.secRight .contenido {
		width: 100%;
		height: auto;
	}
	#salaPrensa .sec-img {
		display: block;
    }
	#tabPestana li.item-filtro {
        width: 100%;
        padding-left: 0 !important;
    }
	.img-cont {
        height: 40%;
    }
	.fondo-slide {
        height: 60%;
    }
	.pleca-slide-mov {
		min-height: 100px;
		top: -80px;
	}
	.pa-action {
		position: relative;
		left: 0;
		padding: 75px 20px;
	}
	#indicators2 {
        padding-left: 35px;
        bottom: 115px;
    }
	.btn-slide {
        right: 15px;
        top: auto;
        bottom: 115px;
    }
	.menu-inferior .nav-link {
        font-size: 8px;
    }
	.menu-inferior {
        bottom: 0px;
		width: 77%;
        left: 43%;
    }
	.cardButton .carousel-control-prev {
		top: -5px;
		transform: scale(.85);
	}
	.cardButton .carousel-control-next {
		top: -5px;
		transform: scale(.85);
	}
	#logoInicio .logoIMB.bis {
        left: 10px;
    }
	#carrusel-interes .cardSlide {
        width: 35px;
    }
	.box-alcance {
        width: 90%;
        min-height: 275px;
    }
	.cuerpo p {
        font-size: 10px;
    }
	.cardButton {
        width: 80%;
    }
}

@media all and (max-width: 419.98px){
	#Atencion .alertGral {
        min-width: 300px;
    }	
	span.s-verde, span.s-oro {
		border-width: 21px 0px 21px 10px;
	}
	.sec-icon span {
		top: -1px;
		right: -9px;
	}
	.sec-info label {
        width: 75%;
        padding: 10px 0px 0px 15px;
    }	
}

/* cambios provisionales */
@media (min-width: 1900px) and (max-width: 2560px){
	.icon-alcance{
		width: 50px;
        margin-top: 20%;
	}
}

@media (min-width: 1500px) and (max-width: 1900px) {
	.iconomedio {
		display: none;
	}
}