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

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

	.mediaViewInfo {
		--web-view-name: fichas transporte;
		--web-view-id: fichas_transporte;
		--web-scale-to-fit: true;
		--web-scale-to-fit-type: height;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	:root {
		--web-view-ids: fichas_transporte;
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	#fichas_transporte {
		position: absolute;
		width: 1920px;
		height: 960px;
		background-color: rgba(255,255,255,1);
		overflow: hidden;
		--web-view-name: fichas transporte;
		--web-view-id: fichas_transporte;
		--web-scale-to-fit: true;
		--web-scale-to-fit-type: height;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	@keyframes fadein {
	
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	
	}
	#Diseo_QR_Mesa_de_trabajo_1_cop {
		position: absolute;
		width: 1920px;
		height: 1080px;
		left: 0px;
		top: 0px;
		overflow: visible;
		z-index: -99;
	}
	#Tecnosalud_Amrica_SAS_-_Todos_ {
		left: 676px;
		top: 901px;
		position: absolute;
		overflow: visible;
		width: 569px;
		white-space: nowrap;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		color: rgba(30,107,167,1);
	}
	#Trazado_7 {
		fill: rgba(0,0,0,0);
		stroke: rgba(30,107,167,1);
		stroke-width: 2px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Trazado_7 {
		overflow: visible;
		position: absolute;
		width: 1718px;
		height: 2px;
		left: 101.5px;
		top: 325.5px;
		transform: matrix(1,0,0,1,0,0);
	}
	#alm_w {
		position: absolute;
		width: 294px;
		height: 136px;
		left: 933px;
		top: 254px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: fichas_almacenamiento;
		cursor: pointer;
	}
	#alm_w:hover { 
		transform: scale(1.05);
	}
	#ref_w {
		position: absolute;
		width: 294px;
		height: 136px;
		left: 634px;
		top: 255px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: fichas_refrigeracion;
		cursor: pointer;
		transition: transform .2s;
	}
	#ref_w:hover { 
		transform: scale(1.05);
	}
	#Portal_de_Recursos {
		left: 138px;
		top: 61px;
		position: absolute;
		overflow: visible;
		width: 993px;
		height: 112px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 96px;
		color: rgba(30,107,167,1);
	}
	#Tecnosalud_a_la_mano {
		left: 138px;
		top: 157px;
		position: absolute;
		overflow: visible;
		width: 698px;
		height: 59px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 50px;
		color: rgba(30,107,167,1);
	}
	#Fichas_Tcnicas {
		left: 138px;
		top: 282px;
		position: absolute;
		overflow: visible;
		width: 698px;
		height: 41px;
		text-align: left;
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 35px;
		color: rgba(30,107,167,1);
	}
	#Rectngulo_6 {
		fill: transparent;
		stroke: rgba(30,107,167,1);
		stroke-width: 1px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Rectngulo_6 {
		display: none;
		position: absolute;
		overflow: visible;
		width: 488px;
		height: 36px;
		left: 197px;
		top: 443px;
	}
	#lupa {
		position: absolute;
		width: 32.512px;
		height: 32.514px;
		left: 476.244px;
		top: 347.243px;
		overflow: visible;
	}
	#barra_buscar {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 323px;
		height: 41px;
		left: 138px;
		top: 349px;
		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(30,107,167,1);
	}
	input[type=text]{
		color: #1e6ba7;
		font-family: Raleway;
		font-size: 12pt;
		height: 20px;
		width: 325px;
		padding-top: 10px;
		padding-left: 10px;
		text-decoration: none;
		border:2px solid #1e6ba7;
		border-radius:22px;
	}
	input::placeholder {
		color: #1e6ba7;
	}
	#mensaje::placeholder {
		color: #1e6ba7;
		opacity: 40%;
	}
	#mensaje {
		resize: none;
		color: #1e6ba7;
		width: 325px;
		height: 40px;
		padding-top: 10px;
		padding-left: 10px;
		font-family: Raleway;
		font-size: 12pt;
		border: 2px solid #1e6ba7;
		border-radius: 22px;	
	}
	#Tecnosalud-logo-horizontal-bn_ {
		position: absolute;
		width: 670px;
		height: 266px;
		left: 1190px;
		top: 0px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: index;
		cursor: pointer;
	}
	#ex_w {
		position: absolute;
		width: 294px;
		height: 136px;
		left: 1530px;
		top: 255px;
		overflow: visible;
		transition: all 0.30000001192092896s ease-out;
		--web-animation: fadein 0.30000001192092896s ease-out;
		--web-action-type: page;
		--web-action-target: fichas_exhibicion;
		cursor: pointer;
		transition: transform .2s;
	}
	#ex_w:hover { 
		transform: scale(1.05);
	}
	#trans_b {
		position: absolute;
		width: 294px;
		height: 136px;
		left: 1231px;
		top: 254px;
		overflow: visible;
	}
		/* Contenedor general*/
		.contenedor-general {
			display:block;
		  }
		  
		  /* Contenedor Secciones*/
		  
		  .contenedor-secciones-desktop {
			width: 80%;
			transition: width 0.3s ease;
		  }
		  
		  .contenedor-secciones-mobile {
			width: 100%;
		  }
		  
		  
		  
		  /* Secciones principales*/
		  
		  .secciones {
			text-align: center;
			min-height: 100vh;
			padding-top: 4rem;
			margin-left: auto;
			margin-right: auto;
			overflow-y: auto;
		  }
		  
		  .titulo-seccion {
			font-family: sans-serif;
			padding: 0.5rem;
		  }
		  .subtitulo {
			font-family: monospace;
			font-size: 2rem;
			padding: 1rem;
		  }
		  
		  
		  /* Seccion 10 Filtro de busqueda */
		
		  .space{
			margin-top: 350px;
		  }
		  
		  #user-device{
			display: none;
		  }
		  
		  .pdf{
			width: 13%;
			height: auto;
			margin-bottom: 15px;
		  }
		
		  .hrefs{
			width: 8%;
			height: auto;
			margin: 7px;
			}
		  
		  
		  /* .view{
			width: 8%;
			height: auto;
			margin: 7px;
		  }
		  
		  .down{
			width: 8%;
			height: auto;
			margin: 7px;
			} */
		  
		  
		  .cards {
			display: grid;
			grid-template-columns: repeat(3, 1fr); /*Crea tres columnas del mismo ancho */
			grid-gap: 10px; /* Espacio entre las celdas */
			margin-left: 7%;
			margin-right: 7%;
			overflow: auto;
			height: 300px;
		  }
		  
		  
		  .card {
			display: flex;
			transition: all 0.5s ease-out;
			/* margin: 0.5rem; */
			align-items: center;
		  }
		  
		  
		  .card figcaption {
			width: 58%;
			font-family: Raleway;
			font-size: 23px;
			text-align: left;
			font-style: normal;
			font-weight: bold;
			margin-left: 10px;
			padding: 0.5rem;
			color: rgba(30,107,167,1);
		  }
		  
		  .filter {
			/* display: none; */
			visibility: hidden;
			opacity: 0;
			order: 1;
		  }