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

@media (max-width: 768px) {
	.mediaViewInfo {
		--web-view-name: index_movil;
		--web-view-id: index_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: index_movil;
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border: none;
	}
	#index_movil {
		position: absolute;
		width: 100%;
		height: 3180px;
		background-color: rgba(255,255,255,1);
		overflow: hidden;
		--web-view-name: index_movil;
		--web-view-id: index_movil;
		--web-scale-to-fit: true;
		--web-scale-to-fit-type: width;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}

	#BG_CONTACTO {
		fill: rgba(98,181,112,1);
	}
	.BG_CONTACTO {
		position: absolute;
		overflow: visible;
		width: 100%;
		height: 1495px;
		left: 0px;
		top: 1686px;
	}
	#Enmascarar_grupo_1 {
		position: absolute;
		width: 100%;
		max-width: 575px;
		height: auto;
		left: 0;
		top: 7%;
		overflow: visible;
	}
	#proyectos_farma {
		position: absolute;
		width: 179px;
		height: 179px;
		left: 50%;
		top: 406px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: pr_gravity;
		cursor: pointer;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */
		filter: drop-shadow(rgba(0, 0, 0, 0.20) 0px 0px 3px);
	}

	#Todos_los_productos_f {
		position: absolute;
		width: 179px;
		height: 179px;
		left: 50%;
		top: 593px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: productos_todos;
		cursor: pointer;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */
		filter: drop-shadow(rgba(0, 0, 0, 0.20) 0px 0px 3px);
	}

	#Contacto_Form {
		position: absolute;
		width: 371.07px;
		height: 632.447px;
		left: 50%;
		top: 1883.983px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Contacto_Form {
	opacity:0.9999;
	
	}
	#Grupo_4186 {
		position: absolute;
		width: 381.88px;
		height: 379.758px;
		left: 50%;
		top: 2741.313px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Tecnosalud_Amrica_SAS {
		left: 26.88px;
		top: 247.724px;
		position: absolute;
		overflow: visible;
		width: 252px;
		white-space: nowrap;
		line-height: 24px;
		margin-top: -2px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		color: rgba(255,255,255,1);
	}
	#Todos_los_derechos_reservados {
		left: 26.88px;
		top: 271.724px;
		position: absolute;
		overflow: visible;
		width: 219px;
		white-space: nowrap;
		line-height: 24px;
		margin-top: -4.5px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 15px;
		color: rgba(255,255,255,1);
	}
	#n__Trminos_y_Condiciones_ {
		left: 29.88px;
		top: 309.741px;
		position: absolute;
		overflow: hidden;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: terminos_condiciones;
		width: 176px;
		height: 21px;
		line-height: 24px;
		margin-top: -6px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(255,255,255,1);
	}
	#n__Poltica_de_Tratamiento_de_D {
		left: 29.88px;
		top: 335.741px;
		position: absolute;
		overflow: visible;
		width: 235px;
		height: 14px;
		line-height: 24px;
		margin-top: -6px;
		text-align: left;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: politica_datos;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(255,255,255,1);
	}
	#n__Poltica_de_Uso_de_Redes_Soc {
		left: 29.88px;
		top: 358.758px;
		position: absolute;
		overflow: hidden;
		width: 353px;
		height: 21px;
		line-height: 24px;
		margin-top: -6px;
		text-align: left;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: politica_redes;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(255,255,255,1);
	}
	#Logo_Tec {
		position: absolute;
		width: 320px;
		height: auto;
		left: 50%;
		top: 110px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Aumentando_la_rentabilidad_de_ {
		left: 50%;
		top: 143px;
		position: absolute;
		overflow: visible;
		width: 331px;
		height: 164px;
		text-align: center;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 35px;
		color: rgba(76,131,83,1);
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Aumentando_la_rentabilidad_de_ {
		font-weight: bold;
	}
	.es #Aumentando_la_rentabilidad_de_ {
		font-weight: normal;
	}
	#texto-2{
		font-weight: bold;
	}
	.en #texto-2{
		font-weight: normal;
	}
	#banda_iconos_landing {
		fill: rgba(76,131,83,1);
	}
	.banda_iconos_landing {
		position: absolute;
		overflow: visible;
		width: 100%;
		height: 39px;
		left: 50%;
		top: 332px;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Explore {
		left: 50%;
		top: 341px;
		position: absolute;
		overflow: visible;
		width: 59px;
		white-space: nowrap;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 15px;
		color: rgba(255,255,255,1);
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Origen {
		/* left: 25px; */
		top: 900px;
		position: absolute;
		overflow: visible;
		width: 100%;
		white-space: wrap;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 25px;
		color: rgba(76,131,83,1);
		text-align: center;
		padding: 0px 20px;
	}
	.en #Origen {
		top: 1020px;
	}
	#Las_columnas_de_almacenamiento_m {
		left: 50%;
		top: 1057px;
		position: absolute;
		overflow: visible;
		width: 92%;
		height: 445px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		color: rgba(76,131,83,1);
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Las_columnas_de_almacenamiento_m { 
	text-align: justify;
	}

	.en #Las_columnas_de_almacenamiento_m {
		top: 1127px;
	}

	#Sganos_en_nuestras_redes {
		left: 38px;
		top: 1759.442px;
		position: absolute;
		overflow: visible;
		width: 240px;
		white-space: nowrap;
		line-height: 32px;
		margin-top: -6.5px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 19px;
		color: rgba(255,255,255,1);
	}
	#Contctenos {
		left: 38px;
		top: 1712.983px;
		position: absolute;
		overflow: visible;
		width: 145px;
		white-space: nowrap;
		line-height: 46px;
		margin-top: -11.5px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 23px;
		color: rgba(255,255,255,1);
	}
	#Grupo_4349 {
		position: absolute;
		width: 304.98px;
		height: 43.022px;
		left: 50%;
		top: 1805.983px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#instagram {
		position: absolute;
		width: 42.225px;
		height: 43.022px;
		left: 262.755px;
		top: 0px;
		overflow: visible;
	}
	#instagram{ 
	opacity: 100%;
}
	

	#Linkedin {
		position: absolute;
		width: 42.225px;
		height: 41.428px;
		left: 86.781px;
		top: 0px;
		overflow: visible;
	}
	#Linkedin{ 
	opacity: 100%;
}
	
	#twitter {
		position: absolute;
		width: 42.225px;
		height: 41.428px;
		left: 174.768px;
		top: 0px;
		overflow: visible;
	}
	#twitter{ 
	opacity: 100%;
}
	
	#Facebook {
		position: absolute;
		width: 41.428px;
		height: 41.428px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#Facebook{ 
	opacity: 100%;
}
	

	#Boton_WA {
		position: absolute;
		width: 139.668px;
		height: 34.796px;
		left: 50%;
		top: 2448.997px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Boton_WA { 
	opacity: 100%;
	cursor: pointer;
	}
	
	#Nombre_Contacto {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 247px;
		height: 24px;
		left: 50%;
		top: 1960.554px;
		overflow: visible;
		white-space: nowrap;
		line-height: 114.19356536865234px;
		margin-top: -47.09678268432617px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		color: rgba(255,255,255,1);
		transform: translateX(-57%); /* Ajusta para centrar correctamente */

	}
	input[type=text]
	{
		color: #ffffff;
		font-family: Raleway;
		font-size: 12pt;
		height: 32px;
		width: 286px;
		padding: 20px;
		text-decoration: none;
		background-color: #4C8353;
		opacity: 45%;
		border:1px solid #ffffff;
		border-radius:22px;
	left: 20px;
		
	}
		input::placeholder {
			color: #FFFFFF;
		}
	#Mensaje_Contacto {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 246.519px;
		height: 361.001px;
		left: 50%;
		top: 2030.664px;
		overflow: visible;
		white-space: nowrap;
		line-height: 30px;
		margin-top: -5px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		color: rgba(255,255,255,1);
		transform: translateX(-57%); /* Ajusta para centrar correctamente */

	}
	input[type=text]
	{
		color: #ffffff;
		font-family: Raleway;
		font-size: 12pt;
		height: 32px;
		width: 286px;
		padding: 20px;
		text-decoration: none;
		background-color: #4c8353;
		opacity: 45%;
		border:1px solid #ffffff;
		border-radius:22px;
		
	}
		input::placeholder {
			color: #FFFFFF;
		}
		#mensajet::placeholder {
			color: #FFFFFF;
		}
		#mensajet {
			resize: none;
			color: #FFFFFF;
			width: 286px;
			height: 383px;
			padding: 20px;
			font-family: Raleway;
			font-size: 12pt;
			background-color: #4c8353;
			opacity: 45%;
			border: 1px solid #ffffff;
			border-radius: 22px;	
		}
	#Tecnoblog span {
        display: block;      
        text-align: center;
    }
    .catalogo-pdf{
		text-decoration: none;
	}
	#Logo_Hospitalario-300pp {
		position: absolute;
		width: 200px;
		height: auto;
		left: 50%;
		top: 5px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Grupo_4350 {
		position: absolute;
		width: 259px;
		height: 153.054px;
		left: 7%;
		top: 2543px;
		overflow: visible;
	}
	#Nuestro_horario_de_atencin {
		left: 0px;
		top: 0px;
		position: absolute;
		overflow: visible;
		width: 260px;
		white-space: nowrap;
		line-height: 32px;
		margin-top: -6.5px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 19px;
		color: rgba(255,255,255,1);
	}
	#Lunes_a_viernes_745_-_1700 {
		left: 2.38px;
		top: 37.208px;
		position: absolute;
		overflow: visible;
		width: 152px;
		white-space: nowrap;
		line-height: 24px;
		margin-top: -6px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(255,255,255,1);
	}
	#Servicio_al_cliente {
		left: 0.685px;
		top: 81.749px;
		position: absolute;
		overflow: visible;
		width: 213px;
		white-space: nowrap;
		line-height: 42px;
		margin-top: -8.5px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 25px;
		color: rgba(255,255,255,1);
	}
	#servicioalclientetecnosaludcom {
		left: 3.806px;
		top: 115.054px;
		position: absolute;
		overflow: visible;
		width: 204px;
		white-space: nowrap;
		line-height: 24px;
		margin-top: -6px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(255,255,255,1);
		letter-spacing: -0.05px;
	}
	#Whatsapp_57_317_635-4439 {
		left: 3.806px;
		top: 139.054px;
		position: absolute;
		overflow: visible;
		width: 155px;
		white-space: nowrap;
		line-height: 24px;
		margin-top: -6px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(255,255,255,1);
	}
	#Encuentranos {
		position: absolute;
		width: 289px;
		height: 37px;
		left: 50%;
		top: 2800px;
		overflow: visible;
		transform: translateX(-50%); /* Ajusta para centrar correctamente */

	}
	#Rectngulo_2127 {
		fill: rgba(255,255,255,1);
	}
	.Rectngulo_2127 {
		position: absolute;
		overflow: visible;
		width: 289px;
		height: 37px;
		left: 0px;
		top: 0px;
	}
	#Ir_a_Maps {
		left: 98px;
		top: 6px;
		position: absolute;
		overflow: visible;
		width: 95px;
		white-space: nowrap;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 22px;
		color: rgba(98,181,112,1);
	}
	#Encuentranos_dj {
		left: 7%;
		top: 2716.584px;
		position: absolute;
		overflow: visible;
		width: 167px;
		white-space: nowrap;
		line-height: 42px;
		margin-top: -8.5px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 25px;
		color: rgba(255,255,255,1);
	}
	#Cr_6__115_-_65_Bogot_Colombia_ {
		left: 7%;
		top: 2752.043px;
		position: absolute;
		overflow: visible;
		width: 187px;
		white-space: nowrap;
		line-height: 24px;
		margin-top: -6px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(255,255,255,1);
		letter-spacing: -0.05px;
	}	
}
/* ------inicia CSS botones -------- */

.botones-container-m {
      display: flex;
      gap: 20px;           /* Espacio entre botones */
      justify-content: center;  /* Centrar horizontalmente */
      padding: 0px 13%;
	  position: absolute;
	  top: 1430px;
	  width: 100%;
}

.en .botones-container-m {
	top: 1450px;
}

.boton1-m {
  text-decoration: none;
  background-color: #62b570;
  color: white;
  font-family:Raleway;
  font-weight: bold;
  border: none;
  padding: 10px 60px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 20px;
  transition: 0.2s;
  letter-spacing: 3px;
}

.boton1-m:hover {
  background-color: rgba(76,131,83,1);
  transform: translateY(-3px);
}

/* ------inicia CSS carrusel-------- */

.carousel-container-m {
    position: absolute;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    user-select: none;
    z-index: 0;
}

.carousel-wrapper-m {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-slide-m {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

/* Slide entra desde la derecha */
.carousel-slide-m.slide-in-right {
    transform: translateX(100%);
}

/* Slide entra desde la izquierda */
.carousel-slide-m.slide-in-left {
    transform: translateX(-100%);
}

/* Slide sale hacia la izquierda */
.carousel-slide-m.slide-out-left {
    transform: translateX(-100%);
}

/* Slide sale hacia la derecha */
.carousel-slide-m.slide-out-right {
    transform: translateX(100%);
}

.carousel-slide-m.active {
    opacity: 1 !important;
    transform: translateX(0);
    z-index: 2;
    pointer-events: auto;
}

.carousel-slide-m.dragging {
    transition: none;
}

.carousel-slide-m::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slide-content-m {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    padding: 15px;
    max-width: 100%;
}

.slide-content-m h1 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    line-height: 1.2;
}

.slide-content-m p {
    font-size: 1rem;
    margin-bottom: 25px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    line-height: 1.5;
}

.cta-button-m {
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    margin-top: 300px;
    width: 250px;
}

.cta-button-2-m {
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    margin-top: 270px;
    width: 250px;
}

.cta-button-m:hover {
    transform: translateY(-3px);
}
.cta-button-2-m:hover {
    transform: translateY(-3px);
}


/* Navegación con flechas */
.carousel-nav-m {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.0);
    backdrop-filter: blur(5px);
    border: none;
    color: white;
    font-size: 2.5rem;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.carousel-nav-m.prev-m {
    left: 10px;
}

.carousel-nav-m.next-m {
    right: 10px;
}

/* Indicadores */
.carousel-indicators-m {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.indicator-m {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.indicator-m.active {
    background: white;
    transform: scale(1.2);
}

.indicator-m:hover {
    background: rgba(255, 255, 255, 0.8);
}

/* Slides con diferentes fondos */
.slide-1-m {
    background-image: url('../images_v2/atlas-mov.webp');
    background-size: cover;      
    background-position: center;
    background-repeat: no-repeat;
}

.en .slide-1-m {
    background-image: url('../images_EN/atlas mov-en.webp');
}

.slide-2-m {
    background-image: url('../images_v2/CUBIK mov.webp');
    background-size: cover;      
    background-position: center;
    background-repeat: no-repeat;
}

.en .slide-2-m {
    background-image: url('../images_EN/CUBIK mov-en.webp');
}

.slide-3-m {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.slide-4-m {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.slide-5-m {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

/* Responsive específico para móvil */
@media (max-width: 480px) {
    .carousel-container-m {
        top: 4%;
    }

    .slide-content-m h1 {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .slide-content-m p {
        font-size: 0.9rem;
        margin-bottom: 20px;
    }

    .carousel-nav-m {
        padding: 1px;
        font-size: 2rem;
    }

    .carousel-indicators-m {
        bottom: 15px;
        gap: 8px;
    }

    .indicator-m {
        width: 8px;
        height: 8px;
    }
}