/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
	.peuca-home__hero-grid,
	.peuca-home__access-grid,
	.peuca-home__featured-cards,
	.peuca-home__contact-box,
	.peuca-ventanilla__topcards,
	.peuca-ventanilla__cta-grid,
	.peuca-ventanilla__filters-grid,
	.peuca-recursos__hero-grid,
	.peuca-oportunidades__grid {
		grid-template-columns: 1fr;
	}

	.peuca-talento__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.peuca-talento__cases-grid {
		grid-template-columns: 1fr;
	}

	.peuca-oportunidades__filters-grid {
		grid-template-columns: 1fr 1fr;
	}

	.peuca-oportunidades__notice {
		grid-template-columns: 1fr;
	}

	.peuca-home__title,
	.peuca-ventanilla__title,
	.peuca-oportunidades__title,
	.peuca-contacto__title {
		max-width: none;
	}
}

@media (max-width: 768px) {
	.peuca-home,
	.peuca-ventanilla,
	.peuca-recursos,
	.peuca-talento,
	.peuca-oportunidades,
	.peuca-contacto {
		padding-top: 1.5rem;
	}

	.peuca-home__featured-head {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.peuca-home__hero-panel,
	.peuca-home__sidebox,
	.peuca-home__featured-card,
	.peuca-home__contact-box,
	.peuca-recursos__panel,
	.peuca-contacto__form {
		padding: 18px;
	}

	.peuca-home__title {
		font-size: 2.7rem;
		line-height: 1;
	}

	.peuca-home__contact-cards,
	.peuca-recursos__tiles,
	.peuca-talento__cards,
	.peuca-oportunidades__filters-grid,
	.peuca-oportunidades__grid,
	.peuca-contacto__grid {
		grid-template-columns: 1fr;
	}

	.peuca-ventanilla__item {
		flex-direction: column;
		align-items: flex-start;
	}

	.peuca-ventanilla__item-link {
		white-space: normal;
	}

	.peuca-recursos__title {
		max-width: none;
		font-size: 2.5rem;
	}

	.peuca-recursos__benefits h2 {
		font-size: 1.7rem;
	}

	.peuca-recursos__media {
		height: 220px;
	}

	.peuca-talento__hero {
		text-align: left;
	}

	.peuca-talento__lead {
		margin-left: 0;
		margin-right: 0;
	}

	.peuca-talento__search {
		flex-direction: column;
		align-items: stretch;
	}

	.peuca-talento__tags {
		justify-content: flex-start;
	}

	.peuca-talento__section-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.peuca-oportunidades__notice {
		padding: 1.5rem;
	}

	.peuca-oportunidades__notice h2 {
		font-size: 1.6rem;
	}
}