/* Estilo responsivo */

@media screen and (max-width: 1240px){
	.mt-ane {
		padding-left: 65%;
		z-index: 5;
	}
}

@media screen and (max-width: 1024px){
	#content_main {
	    padding: 5vh 0vh;
	}
	.bg-home{
		background-image: url('/SiteAssets/mainHome/bg_body.png');
	    image-rendering: -webkit-optimize-contrast;
	    background-color: var(--govcolor-cobalt);
	    background-repeat: no-repeat;
	    background-size: contain;
	    position: relative;
	    height: 110vh;
	    width:100%;
	}
	.items-list {
	    margin: 2px;
	    padding: 0;
	    list-style: none;
	    gap: 12px;
	    display: flex;
	    justify-content: center;
	}
	#quicklinks_container .items-list {
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
	#quicklinks_container .tarjeta-govco.vertical-tarjeta-govco {
	    display: grid;
	    transform: translate(0, 55%);
	}
  	.padding-row {
	    padding: 0vh 5vh;
	}
	.title-home {
		color: white !important;
		text-align: center;
		font-size: 5rem;
		padding: 2.5vh;
	}
}

@media screen and (max-width: 992px) {
	.barra-superior-govco {
		padding-left: 0rem !important;
	}
	.tarjeta-govco.vertical-tarjeta-govco .container-img-tarjeta-govco {
		height: 15rem;
	}
	.idioma-btn-barra-superior-govco {
	    right: 3rem !important;
	    z-index: 20 !important;
  	}
  	.mt-ane {
		padding-left: 65%;
		z-index: 5;
	}
}

@media screen and (max-width: 800px), screen and (max-width: 701px) {
	#quicklinks_container .tarjeta-govco.vertical-tarjeta-govco {
		display: grid;
	    transform: translate(0, 20%);
	}
	#content_main {
		padding: 5vh 0;
	}
	.title-home {
		color: white !important;
		text-align: center;
		font-size: 5rem;
		padding: 0vh;
	}
	.bg-home {
		background-image: url('/SiteAssets/mainHome/bg_body.png');
	    image-rendering: -webkit-optimize-contrast;
	    background-color: var(--govcolor-cobalt);	    
	    background-repeat: no-repeat;
	    background-size: contain;
		position: relative;
	    min-height: 110vh;
		width: 100%;
	}
	.mt-ane {
		padding-left: 25%;
		z-index: 5;
	}
}

@media screen and (max-width: 610px), screen and (max-height: 700px) {
	.bg-home {
		min-height: 160vh;
  	}
  	.content-grid {
  		padding: 0vh;
	}
	.title-home {
	    font-size: 4rem;
	    padding: 0vh;
	}
	.mt-ane {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.title-home {
	    font-size: 2.5rem;
	}
	.mt-ane {
		display: none;
	}
}

/* Responsive */
@media (max-width: 768px) {
    .media-iot {
        flex-direction: column;
    }

    .media-iot img {
        width: 100%;
    }
}

@media (max-width: 900px) {
      ul.tres-columnas {
        grid-template-columns: repeat(2, 1fr);
      }
    }

@media (max-width: 600px) {
      ul.tres-columnas {
        grid-template-columns: 1fr;
      }
    }
    
/* Responsive: Para pantallas menores a 768px */
@media screen and (max-width: 768px) {
    .image-container-iot, .text-container-iot, .container-iot {
        flex: 1 1 100%;
    }
}

/* Responsive: Para pantallas menores a 768px */
@media screen and (max-width: 768px) {
    .image-container-iot, .text-container-iot, .container-iot {
        flex: 1 1 100%;
    }
}