@media (min-width: 768px) {
	#areas_movil {
		display: none;
		}
	}


@media (max-width: 768px) {

	body{
		overflow-x: hidden;
		margin: 0;
		padding: 0;
		margin: 0 auto;
	}	

	#index {
		display: none;
		width: 100%;
		}

	.mediaViewInfo {
		--web-view-name: areas_movil;
		--web-view-id: areas_movil;
		--web-scale-to-fit: true;
		--web-scale-to-fit-type: width;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	:root {
		--web-view-ids: areas_movil;
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border: none;
	}
	#areas_movil {
		position: absolute;
		width: 100%;
		height: auto;
		background-color: rgba(255,255,255,1);
		overflow: visible;
		--web-view-name: areas_movil;
		--web-view-id: areas_movil;
		--web-scale-to-fit: true;
		--web-scale-to-fit-type: width;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	    #footer-placeholder-m {
	    margin-top: 600px !important;
    }
	
	#reas_Hospitalarias {
		left: 50%;
		top: 340px;
		position: absolute;
		overflow: visible;
		width: 100%;
		height: 30px;
		line-height: 59.002201080322266px;
		margin-top: -17.001100540161133px;
		text-align: center;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 25px;
		color: rgba(30,107,166,1);
		transform: translateX(-50%); /* Ajusta para centrar correctamente */
	}
	#Grupo_4336 {
		position: absolute;
		width: 95%;
		max-width: 439.18px;
		height: 440.19px;
		left: 50%;
		top: 430px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */
	}
	#Areas-11m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 0px;
		top: 0px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: almacen_central;
		cursor: pointer;
	}
	#Areas-11m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	
	#Areas-14m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 67%;
		top: 296.825px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: a_hemodinamia;
		cursor: pointer;
	}
	#Areas-14m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	
	#Areas-18m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 67%;
		top: 148.413px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: a_urgencias;
		cursor: pointer;
	}
	#Areas-18m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	
	#Proyectos_Hospitalarios-15m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 33.5%;
		top: 296.825px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: a_farmacia_satelite;
		cursor: pointer;
	}
	#Proyectos_Hospitalarios-15m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	

	#Areas-16m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 0px;
		top: 148.413px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: almacen_auxiliar;
		cursor: pointer;
	}
	#Areas-16m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	

	#Areas-17m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 33.5%;
		top: 0px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: almacen_liquidos;
		cursor: pointer;
	}
	#Areas-17m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	
	#Areas-19m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 33.5%;
		top: 148.413px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: almacen_gastro;
		cursor: pointer;
	}
	#Areas-19m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	
	#Proyectos_Hospitalarios-13m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 67%;
		top: 0px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: a_farmacia_cirugia;
		cursor: pointer;
	}
	#Proyectos_Hospitalarios-13m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	
	#Areas-12m {
		position: absolute;
		width: 32%;
		height: auto;
		left: 0px;
		top: 296.825px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: a_farmacia_central;
		cursor: pointer;
	}
	#Areas-12m{ 
	transition: transform .2s;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	outline: 1px #EBEBEB solid;
	}
	

	#Lnea_500_ct {
		fill: transparent;
		stroke: rgba(30,107,165,1);
		stroke-width: 1px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 10;
		shape-rendering: auto;
	}
	.Lnea_500_ct {
		overflow: visible;
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0px;
		top: 390px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Logo_Hospitalario-07_cu {
		position: absolute;
		width: 203px;
		height: 53px;
		left: 50%;
		top: 40px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: ../index;
		cursor: pointer;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */
	}
	.catalogo-pdf{
		text-decoration: none;
	}

	#seccion-principal-m {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 112px auto 0 auto; /* Margen superior para separar del menú */
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

#titulo-principal-m {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: rgba(30, 107, 166, 1);
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.3;
	width: 95%;
}

#texto-principal-m {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(30, 107, 166, 1);
    line-height: 1.7;
    text-align: justify;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

#texto-principal-m p {
    margin-bottom: 20px;
}

#texto-principal-m strong {
    color: rgba(30, 107, 166, 1);
    font-weight: 600;
}
#titulo-principal-m strong {
    color: rgba(30, 107, 166, 1);
    font-weight: 700px;
}
}