@media (min-width: 768px) {
	#index_movil_490 {
		display: none;
		}
	#poltica_datos_movil {
		display: none;
		}
	#poltica_redes_movil {
		display: none;
		}
	#terminos_movil {
		display: none;
		}
	}

@media (max-width: 768px) {

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

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

		* {
			margin: 0 auto;
			padding: 0;
			box-sizing: border-box;
			border: none;
		}
		.mediaViewInfo {
			--web-view-name: index_movil 490;
			--web-view-id: index_movil_490;
			--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_490;
		}

		#index_movil_490 {
			position: absolute;
			width: 100%;
			height: 3179px;
			background-color: rgba(255,255,255,1);
			overflow: hidden;
			--web-view-name: index_movil 490;
			--web-view-id: index_movil_490;
			--web-scale-to-fit: true;
			--web-scale-to-fit-type: width;
			--web-scale-on-resize: true;
			--web-enable-deep-linking: true;
		}

		#Enmascarar_grupo_1 {
			position: absolute;
			width: 100%;
			max-width: 490px;
			height: auto;
			left: 0px;
			top: 3.5%;
			overflow: visible;
		}
		#Areas_hospitalarias {
			position: absolute;
			width: 179px;
			height: 179px;
			left: 50%;
			top: 406px;
			overflow: visible;
			
			--web-action-type: page;
			--web-action-target: productos_areas;
			cursor: pointer;
			transform: translateX(-50%); /* Ajusta para centrar correctamente */
			filter: drop-shadow(rgba(0, 0, 0, 0.20) 0px 0px 3px);


		}
		#Todos_los_productos {
			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);

		}
		#Apoyando_la_salud_Latinoameric {
			left: 50%;
			top: 163px;
			position: absolute;
			overflow: visible;
			width: 431px;
			height: 82px;
			text-align: center;
			font-family: Raleway;
			font-style: normal;
			font-weight: normal;
			font-size: 35px;
			color: rgba(30,107,167,1);
			transform: translateX(-50%); /* Ajusta para centrar correctamente */

		}
		.en #Apoyando_la_salud_Latinoameric {
			font-weight: bold;
		}
		.es #Apoyando_la_salud_Latinoameric {
			font-weight: normal;
		}
		#texto-2{
			font-weight: bold;
		}
		.en #texto-2{
			font-weight: normal;
		}
		#banda_iconos_landing {
			fill: rgba(30,107,167,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: 15px; */
			top: 860px;
			position: absolute;
			overflow: visible;
			width: 100%;
			/* white-space: nowrap; */
			text-align: center;
			font-family: Raleway;
			font-style: normal;
			font-weight: bold;
			font-size: 25px;
			color: rgba(30,107,167,1);
			padding: 0px 20px;
		}
		.en #Origen {
			top: 890px;
		}
		#Tecnosalud_nace_dentro_de_uno_ {
			left: 50%;
			top: 1067px;
			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(30,107,167,1);
			transform: translateX(-50%); /* Ajusta para centrar correctamente */

		}
		#Tecnosalud_nace_dentro_de_uno_ { 
		text-align: justify;
		}
		#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_4349 {
			position: absolute;
			width: 100%;
			height: 1495px;
			left: 50%;
			top: 1686px;
			overflow: visible;
			transform: translateX(-50%); /* Ajusta para centrar correctamente */

		}
		#BG_CONTACTO {
			fill: rgba(73,168,206,1);
		}
		.BG_CONTACTO {
			position: absolute;
			overflow: visible;
			width: 490px;
			height: 1495px;
			left: 0px;
			top: 0px;
		}
		#Contacto_Form {
			position: absolute;
			width: 371.071px;
			height: 632.361px;
			left: 50%;
			top: 197.983px;
			overflow: visible;
			transform: translateX(-50%); /* Ajusta para centrar correctamente */

		}
		#Contacto_Form {
		opacity:0.9999;
		
		}
		#Logo_Tec {
			position: absolute;
			width: 320px;
			height: auto;
			left: 50%;
			top: 1160px;
			overflow: visible;
			transform: translateX(-50%); /* Ajusta para centrar correctamente */

		}
		#Tecnosalud_Amrica_SAS {
			left: 7%;
			top: 1293.037px;
			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: 7%;
			top: 1317.037px;
			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: 7%;
			top: 1355.054px;
			position: absolute;
			overflow: hidden;
			width: 176px;
			height: 21px;
			--web-animation: fadein undefineds undefined;
			--web-action-type: page;
			--web-action-target: terminos_condiciones;
			cursor: pointer;
			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: 7%;
			top: 1381.054px;
			position: absolute;
			overflow: visible;
			width: 235px;
			height: 14px;
			--web-animation: fadein undefineds undefined;
			--web-action-type: page;
			--web-action-target: politica_datos;
			cursor: pointer;
			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_Uso_de_Redes_Soc {
			left: 7%;
			top: 1404.071px;
			position: absolute;
			overflow: hidden;
			width: 353px;
			height: 21px;
			--web-animation: fadein undefineds undefined;
			--web-action-type: page;
			--web-action-target: politica_redes;
			cursor: pointer;
			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);
		}
		#Sganos_en_nuestras_redes {
			left: 47.744px;
			top: 73.442px;
			position: absolute;
			overflow: visible;
			width: 315px;
			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);
		}
		#Contctenos {
			left: 47.744px;
			top: 26.983px;
			position: absolute;
			overflow: visible;
			width: 189px;
			white-space: nowrap;
			line-height: 60px;
			margin-top: -15px;
			text-align: left;
			font-family: Raleway;
			font-style: normal;
			font-weight: normal;
			font-size: 30px;
			color: rgba(255,255,255,1);
		}
		#Grupo_4348 {
			position: absolute;
			width: 304.981px;
			height: 49.344px;
			left: 50%;
			top: 119.983px;
			overflow: visible;
			transform: translateX(-50%); /* Ajusta para centrar correctamente */

		}
		#instagram {
			position: absolute;
			width: 48.431px;
			height: 49.344px;
			left: 256.55px;
			top: 0px;
			overflow: visible;
		}
		#instagram{ 
		opacity: 100%;
			}
		
		#instagram:hover { 
		opacity: 70%;
		
		}
		#Linkedin {
			position: absolute;
			width: 48.431px;
			height: 47.517px;
			left: 84.776px;
			top: 0px;
			overflow: visible;
		}
		#Linkedin{ 
		opacity: 100%;
			}
		
		#Linkedin:hover { 
		opacity: 70%;
		
		}
		#twitter {
			position: absolute;
			width: 48.431px;
			height: 47.517px;
			left: 170.663px;
			top: 0px;
			overflow: visible;
		}
		#twitter{ 
		opacity: 100%;
			}
		
		#twitter:hover { 
		opacity: 70%;
		
		}
		#Facebook {
			position: absolute;
			width: 47.517px;
			height: 47.517px;
			left: 0px;
			top: 0px;
			overflow: visible;
		}
		#Facebook{ 
		opacity: 100%;
			}
		
		#Facebook:hover { 
		opacity: 70%;
		
		}
		#Boton_WA {
			position: absolute;
			width: 139.668px;
			height: 34.796px;
			left: 50%;
			top: 762.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: 275.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(-55%); /* 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: #1D6BA7;
			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: 340.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(-55%); /* 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: #1D6BA7;
			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: #1d6ba7;
				opacity: 45%;
				border: 1px solid #ffffff;
				border-radius: 22px;	
			}
		#Nuestro_horario_de_atencin {
			left: 7%;
			top: 867px;
			position: absolute;
			overflow: visible;
			width: 342px;
			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);
		}
		#Lunes_a_viernes_745_-_1700 {
			left: 7%;
			top: 904.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: 7%;
			top: 938.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);
		}
		#Encuentranos {
			left: 7%;
			top: 1030.595px;
			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);
		}
		#servicioalclientetecnosaludcom {
			left: 7%;
			top: 972.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;
		}
		#Cr_6__115_-_65_Bogot_Colombia_ {
			left: 7%;
			top: 1066.054px;
			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;
		}
		#Whatsapp_57_317_635-4439 {
			left: 7%;
			top: 996.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_cz {
			position: absolute;
			width: 289px;
			height: 37px;
			left: 50%;
			top: 1110px;
			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(73,168,206,1);
		}
	}

/* ------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/marcas/Banner agosto 2025 Movil.webp');
    background-size: cover;      
    background-position: center;
    background-repeat: no-repeat;
}

.en .slide-1-m {
    background-image: url('../images_EN/Banner agosto 2025 Movil-en.webp');
}

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

.en .slide-2-m {
    background-image: url('../images_EN/linea atlas tecnosalud 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;
    }
}

/* ------inicia CSS botones -------- */

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

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

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

.boton1-m:hover {
  background-color: #054b70;
  transform: translateY(-3px);
}