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

@media (max-width: 768px) {
	#Productos_-_Areas {
		display: none;
		}
	}


.mediaViewInfo {
	--web-view-name: Productos - Areas;
	--web-view-id: Productos_-_Areas;
	--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: Productos_-_Areas;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
#Productos_-_Areas {
	position: absolute;
	width: 1920px;
	height: auto;
	min-height: 1300px;
	background-color: rgba(255,255,255,1);
	overflow: visible;
	--web-view-name: Productos - Areas;
	--web-view-id: Productos_-_Areas;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: width;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
    #footer-placeholder {
	    margin-top: 900px !important;
    }

@keyframes fadein {

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}

}

#Lnea_500 {
	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 {
	overflow: visible;
	position: absolute;
	width: 1939.893px;
	height: 1px;
	left: -19.891px;
	top: 550.4px;
	transform: matrix(1,0,0,1,0,0);
}
#reas_Hospitalarias {
	left: 56.121px;
	top: 493.75px;
	position: absolute;
	overflow: visible;
	width: 455px;
	white-space: nowrap;
	line-height: 59.002201080322266px;
	margin-top: -4.916851043701172px;
	text-align: left;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 49.16849899291992px;
	color: rgba(30,107,166,1);
}
#hemo {
	fill: transparent;
}
.hemo {
	position: absolute;
	overflow: visible;
	width: 330px;
	height: 304px;
	left: 1500px;
	top: 594px;
}
#cirugia {
	fill: transparent;
}
.cirugia {
	position: absolute;
	overflow: visible;
	width: 330px;
	height: 304px;
	left: 1139px;
	top: 594px;
}
#urgencias {
	fill: transparent;
}
.urgencias {
	position: absolute;
	overflow: visible;
	width: 330px;
	height: 304px;
	left: 778px;
	top: 590px;
}
#Areas-12 {
	position: absolute;
	width: 317px;
	height: 317px;
	left: 1491px;
	top: 568px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: a_farmacia_central;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Areas-12{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Areas-12:hover { 
transform: scale(1.05);
}
#Areas-19 {
	position: absolute;
	width: 317px;
	height: 317px;
	left: 1146px;
	top: 568px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: almacen_gastro;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Areas-19{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Areas-19:hover { 
transform: scale(1.05);
}
#Areas-17 {
	position: absolute;
	width: 317px;
	height: 317px;
	left: 801px;
	top: 568px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: almacen_liquidos;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Areas-17{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Areas-17:hover { 
transform: scale(1.05);

}
#Areas-16 {
	position: absolute;
	width: 316px;
	height: 317px;
	left: 457px;
	top: 568px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: almacen_auxiliar;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Areas-16{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Areas-16:hover { 
transform: scale(1.05);
}
#Areas-11 {
	position: absolute;
	width: 317px;
	height: 317px;
	left: 112px;
	top: 568px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: almacen_central;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Areas-11{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Areas-11:hover { 
transform: scale(1.05);

}
#Proyectos_Hospitalarios-13 {
	position: absolute;
	width: 317px;
	height: 316px;
	left: 1319px;
	top: 913px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: a_farmacia_cirugia;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Proyectos_Hospitalarios-13{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Proyectos_Hospitalarios-13:hover { 
transform: scale(1.05);
}
#Proyectos_Hospitalarios-15 {
	position: absolute;
	width: 317px;
	height: 316px;
	left: 974px;
	top: 913px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: a_farmacia_satelite;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Proyectos_Hospitalarios-15{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Proyectos_Hospitalarios-15:hover { 
transform: scale(1.05);
}
#Areas-14 {
	position: absolute;
	width: 316px;
	height: 316px;
	left: 630px;
	top: 913px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: a_hemodinamia;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);	
	border-radius: 20px;
}
#Areas-14{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Areas-14:hover { 
transform: scale(1.05);
}
#Areas-18 {
	position: absolute;
	width: 317px;
	height: 316px;
	left: 285px;
	top: 913px;
	overflow: visible;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: a_urgencias;
	cursor: pointer;
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.15);
	border-radius: 20px;
}
#Areas-18{ 
transition: transform .2s;
outline: 1px #c0c0c0 solid;
}

#Areas-18:hover { 
transform: scale(1.05);
}
#Menu {
	position: absolute;
	width: 1920px;
	height: 100px;
	left: 0px;
	top: -1px;
	overflow: visible;
}
#Rectngulo_1 {
	fill: rgba(255,255,255,1);
}
.Rectngulo_1 {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 100px;
	left: 0px;
	top: 0px;
}
#Tecnoblog span {
        display: block;      
        text-align: center;
    }
	#Logo_Hospitalario-07 {
	position: absolute;
	width: 339px;
	height: 89px;
	left: 120px;
	top: 6px;
	overflow: visible;
	--web-animation: fadein 0.30000001192092896s ease-out;
	--web-action-type: page;
	--web-action-target: ../index;
	cursor: pointer;
}
#Rectngulo_2 {
	fill: rgba(79,170,207,1);
}
.Rectngulo_2 {
	position: absolute;
	overflow: visible;
	width: 211px;
	height: 100px;
	left: 1682px;
	top: 0px;
}
#wsa {
	position: absolute;
	width: 37px;
	height: 36px;
	left: 1727px;
	top: 30px;
	overflow: visible;
}
#wsa {
transition: transform .2s;
}

#wsa:hover {
transform: scale(1.15);
}
#mail {
	position: absolute;
	width: 41px;
	height: 32px;
	left: 1800px;
	top: 32px;
	overflow: visible;
}
#mail {
transition: transform .2s;
}

#mail:hover {
transform: scale(1.15);
}
#Rectngulo_1985 {
	fill: rgba(29,107,167,1);
}
.Rectngulo_1985 {
	position: absolute;
	overflow: visible;
	width: 184px;
	height: 99px;
	left: 1316px;
	top: 1px;
}
#Productos {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 129px;
	height: 30px;
	left: 1341px;
	top: 33px;
	overflow: visible;
	white-space: nowrap;
	text-align: left;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(255,255,255,1);
}
#Productos {
cursor: pointer;
}

#Productos:hover {
color:#4CAACF;
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.75);
  z-index: 2;
  cursor: pointer;
}
#Productosm {
		left: 721px;
		top: 274px;
		position: absolute;
		overflow: visible;
		width: 479px;
		height: 112px;
		text-align: center;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 96px;
		color: rgba(255,255,255,1);
	}
	#Enmascarar_grupo_2 {
		position: absolute;
		width: 80px;
		height: 80px;
		left: 0%;
		top: 766px;
		overflow: visible;
		transition: transform .2s;
	}
    #Enmascarar_grupo_2:hover{
		transform: scale(1.1)
	}
	#x {
		left: 47.5%;
		top: -80px;
		position: absolute;
		overflow: visible;		
	}
	#reas_Hospitalarias_ov {
		left: 532px;
		top: 424px;
		position: absolute;
		overflow: visible;
		width: 857px;
		height: 112px;
		text-align: center;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 50px;
		color: rgba(255,255,255,1);
		transition: transform .3s;
	}
	#reas_Hospitalarias_ov:hover {
		transform: scale(1.05)
	}
	#Todos_los_productos_ov {
		left: 508px;
		top: 544px;
		position: absolute;
		overflow: visible;
		width: 905px;
		height: 112px;
		text-align: center;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 50px;
		color: rgba(255,255,255,1);
		transition: transform .3s;
	}
	#Todos_los_productos_ov:hover {
		transform: scale(1.05)
	}
#Tecnoblog {
	left: 1518px;
	top: 33px;
	position: absolute;
	overflow: visible;
	width: 145px;
	height: 30px;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: tecnoblog;
	cursor: pointer;
	text-align: left;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(30,107,167,1);
}
#Tecnoblog {
cursor: pointer;
}

#Tecnoblog:hover {
color:#4CAACF;
}
#La_Experiencia_Tecnosalud {
	left: 977px;
	top: 33px;
	position: absolute;
	overflow: visible;
	width: 330px;
	height: 30px;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: experiencia_tecnosalud;
	cursor: pointer;
	text-align: left;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	color: rgba(30,107,167,1);
}
#La_Experiencia_Tecnosalud {
cursor: pointer;
}

#La_Experiencia_Tecnosalud:hover {
color:#4CAACF;
}

#seccion-principal {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 120px auto 0 auto; /* Margen superior para separar del menú */
    padding: 40px 120px 60px 120px;
    z-index: 1;
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

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

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

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

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