#delivPos{
	
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	/*background: linear-gradient(to bottom, #ffffff 40%, #ffffff 40%, #38ad90 60%, #38ad90 60%);*/
	background-color: #ffffff;

	padding-top: 8vh;
	padding-bottom: none;

}

#delivPos > h1{
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.54rem;
	font-weight: 800;
	/*background-color: aqua;*/
	transform: scaleY(1.5);
	margin-top: 0px;
	padding-bottom: 1vh;
}

#upMainBanCont{
	display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Opcional: centra verticalmente también */
    margin-top: 0;
    margin-bottom: 5%;
    width: 100%;
    background-color: #f5f5f5;
	padding-top: 3vh;
	padding-bottom: 3vh;
}

#upMainBanCont > div{
	width: 120px;
	margin: 0px;
	padding: 0px;
	
}

#upMainBanCont > div > img{
	float: left;
	width: 100%;
	height: auto;
	margin: 0px;
	margin-bottom: 1vh;
}

#upMainBanCont > div > label{
	float: left;
	width: 100%;
	color: rgba(179,179,179,1.00);
	font-size: 1rem;
}


#upInfCont {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Opcional: centra verticalmente también */
    margin-top: 0;
    margin-bottom: none;
    width: 100%;
   /* background-color: #f5f5f5;*/
	padding-top: 3vh;
	padding-bottom: 3vh;
	background: linear-gradient(to bottom, #ffffff 50%, #1e928e 50%);
}

#upInfSubCont {
    display: flex; /* Hace que los hijos (divs) sean flexibles */
    flex-wrap: wrap; /* Permite que los elementos pasen a una nueva fila si no caben */
    justify-content: space-between; /* Espacio uniforme entre los elementos */
    width: 75%;
    border-radius: 1vw;
    filter: drop-shadow(0.5vh 0.5vh 0.6vh rgba(0, 0, 0, 0.4));
    background-color: #ffffff;
	padding-left: 2.25vw;
	
}

#upInfSubCont > div {
    width: 33%;
    margin: 0 auto; /* Centra horizontalmente el contenedor */
    padding: 1vh;
    display: flex; /* Configura un modelo de caja flexible */
    flex-direction: column; /* Alinea los elementos uno debajo de otro */
    align-items: center; /* Centra los elementos horizontalmente */
	/*background-color: aliceblue;*/
	padding-top: 6.5vh;
	padding-bottom: 6vh;
}

#upInfSubCont > div > label{
	align-self: stretch; /* Permite que el elemento se extienda completamente */
    float: none; /* Evita el conflicto con float */
    color: rgba(92,92,92,1.00);
    font-size: 1rem;
    width: 100%;
   /* background-color: aliceblue;*/
    text-align: left;
	font-weight: 500;
}

#upInfSubCont > div > h2{
	align-self: stretch; /* Permite que el elemento se extienda completamente */
    float: none; /* Evita el conflicto con float */
    color: #38ad90;
    font-size: 5rem;
    width: 100%;
   /* background-color: aliceblue;*/
    text-align: left;
	padding-top: 3vh;
	transform: scaleY(1.2);
	font-weight: 700;
	padding-bottom: 3vh;
	 border-bottom: 1px solid rgba(195,195,195,0.40);
}

#upInfSubCont > div > h3{
	align-self: stretch; /* Permite que el elemento se extienda completamente */
    float: none; /* Evita el conflicto con float */
    color: #000000;
    font-size: 1.35rem;
    width: 100%;
   /* background-color: chartreuse;*/
    text-align: left;
	
	transform: scaleY(1.2);
	font-weight: 700;
	padding-top: 2vh;
	 
}



#delivPos > h2{
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.54rem;
	font-weight: 800;
	/*background-color: aqua;*/
	transform: scaleY(1.5);
	margin-top: 0px;
	padding-bottom: 1vh;
	color: #ffffff;
}



#medMapCont {
    display: flex;
    flex-direction: column; /* Apila los elementos verticalmente */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra horizontal y verticalmente */
    margin: 0px;
    width: 100%;
    background-color: #1e928e;
    padding-top: 3vh;
    padding-bottom: none;
}


#medMapCont > h2{
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.54rem;
	font-weight: 800;
	/*background-color: aqua;*/
	transform: scaleY(1.5);
	margin-top: 0px;
	padding-bottom: 1vh;
	color: #ffffff;
}

#medMapSubCont {
    display: flex;
    flex-direction: column; /* Apila los elementos verticalmente */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra horizontal y verticalmente */
    margin: 0px;
	padding: 0px;
    width: 100%;
    background-color: #1e928e;
	padding-bottom: 2vh;
	padding-top: 2vh;
    
}

#medMapSubCont > img{
	float: left;
	width: 70%;
	height: auto;
	 animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0); /* Posición inicial */
    }
    50% {
        transform: translateY(-10px); /* Se mueve hacia arriba */
    }
    100% {
        transform: translateY(0); /* Vuelve a la posición inicial */
    }
}

#pieContFourDivs{
	display: flex; /* Usa flexbox para organizar los elementos en una fila */
    justify-content: space-between; /* Espaciado igual entre los elementos */
    width: 100%;
    padding: 0px;
    margin: 0px;
		
}

.pieContFourDivsElmts{
	 flex: 1; /* Hace que cada elemento ocupe un espacio igual en la fila */
    padding: 2vw;
    margin: 0 auto; /* Centra horizontalmente el contenedor */
    display: flex; /* Usa flexbox para alinear los elementos internos */
    flex-direction: column; /* Los elementos internos estarán en columna */
    align-items: center; /* Centra los elementos horizontalmente */
    min-height: 200px; /* Establece una altura mínima para los elementos */
    box-sizing: border-box; 
}

.pieContFourDivsElmts > img{
	width: 130px;
	height: auto;
	transition: transform 0.3s ease;
	
}

.pieContFourDivsElmts:hover > img {
    transform: scale(1.08); /* Aumenta el tamaño de la imagen al hacer hover */
}

.pieContFourDivsElmts > h1{
	color: #ffffff;
    font-size: 1.3rem;
    font-weight: 800;
    transform: scaleY(1.4);
    
    text-align: center;
    margin: 0; 
	/*background-color: aqua;*/
	min-height: 6vh;
}

.pieContFourDivsElmts > div{
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-top: 3vh;
}

.pieContFourDivsElmts > label{
	color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    text-align: justify;
    padding-top: 1vh;
    margin: 0;
}

.pieEmBgr_1{
	background-color: #006364;
}

.pieEmBgr_2{
	background-color: #005a5b;
}

.pieEmBgr_3{
	background-color: #005152;
}

.pieEmBgr_4{
	background-color: #004647;
}