@font-face {
	font-family: 'Material Icons';
	src: url('https://cdn3.bci.cl/uploads/94eb4c34-88ee-449c-99e4-dc2ebdbdd763/original/MaterialIcons-Regular.ttf') format('truetype');
	src: url('https://cdn3.bci.cl/uploads/443d7b02-86d6-47f8-ab2a-c49c9579e191/original/MaterialIcons-Regular.woff') format('woff'),
		url('https://cdn3.bci.cl/uploads/b37b0942-e373-4fa0-99a1-6a8cb6db4359/original/MaterialIcons-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Material Icons Outlined';
	src: url('https://cdn3.bci.cl/uploads/0fba6cb1-e996-4a1d-b693-1498453fbe2e/original/MaterialIconsOutlined-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Material Icons Round';
	src: url('https://cdn3.bci.cl/uploads/edfa9970-05bf-40c0-b4f0-de04e4f212b1/original/MaterialIconsRound-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/fff9f07a-c0fd-428b-8b44-28c231eb3a92/original/overpass-black-webfont.woff') format('woff'),
		url('https://cdn3.bci.cl/uploads/4b339b73-a391-4893-97ce-344724d97e48/original/overpass-black-webfont.woff2') format('woff2');
	font-weight: 900; /* Black */
	font-style: normal;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/2a26fbc4-7789-474d-812d-e252693afd07/original/overpass-blackitalic-webfont.woff') format('woff'),
		url('https://cdn3.bci.cl/uploads/caab08d9-5139-4248-a09a-3f8f818d6e08/original/overpass-blackitalic-webfont.woff2') format('woff2');
	font-weight: 900; /* Black */
	font-style: italic;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/959a170a-f609-4d42-a340-e13c02d8a71a/original/overpass-bold-webfont.woff2') format('woff2'),
		url('https://cdn3.bci.cl/uploads/7a0d9d2a-b7dc-4318-8668-3af4171ff7ed/original/overpass-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/b4c68af8-6d0b-4d5a-8d66-b248c6a78efe/original/overpass-bolditalic-webfont.woff2') format('woff2'),
		url('https://cdn3.bci.cl/uploads/4a834bf3-fbb0-4331-b2e9-54a91ebf4222/original/overpass-bolditalic-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/70b24ece-cbe7-4b48-b842-129b77b8bdae/original/overpass-extrabold-webfont.woff2') format('woff2'),
		url('https://cdn3.bci.cl/uploads/3a270282-09a7-442d-8d34-500dae32f6d9/original/overpass-extrabold-webfont.woff') format('woff');
	font-weight: 800; /* ExtraBold */
	font-style: normal;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/11dc2bc0-c89f-4799-9a64-7b6445105412/original/overpass-extrabolditalic-webfont.woff2') format('woff2');
	font-weight: 800; /* ExtraBold */
	font-style: italic;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/1e8b357c-c623-4d38-9c41-d0f605df6c08/original/overpass-extralight-webfont.woff2') format('woff2'),
		url('https://cdn3.bci.cl/uploads/c093c169-45fc-43f3-ae3a-191c840a563b/original/overpass-extralight-webfont.woff') format('woff');
	font-weight: 200; /* ExtraLight */
	font-style: normal;
}

@font-face {
	font-family: 'Overpass';
	src: url('https://cdn3.bci.cl/uploads/c179e033-ca7b-43e8-8c84-939312b023f8/original/overpass-extralightitalic-webfont.woff2') format('woff2'),
		url('https://cdn3.bci.cl/uploads/f7fe1c5b-0584-4cf2-9a4f-0a8c4dd46bf9/original/overpass-extralightitalic-webfont.woff') format('woff');
	font-weight: 200; /* ExtraLight */
	font-style: italic;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/8db87e0c-443a-4464-ba18-6770acbd02dd/original/overpass-italic-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/3ad2a2f9-1703-466b-ad31-67b9617e6626/original/overpass-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/7a847d9e-c488-4add-a15f-47df647173a6/original/overpass-light-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/0227afd5-db74-41f6-ae17-2d5d9381bb58/original/overpass-light-webfont.woff') format('woff');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/c6697af1-8cda-425c-ace1-ba371cc5764d/original/overpass-lightitalic-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/174297a9-a51f-4927-86b7-ce1c36d98a36/original/overpass-lightitalic-webfont.woff') format('woff');
  font-weight: 300; /* Light */
  font-style: italic;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/6fd8d922-d8f2-4362-acc2-8809e20cd512/original/overpass-regular-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/2364ff58-32b0-4f83-9441-b31eb9e284a4/original/overpass-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/ce9d6902-e208-4710-a731-afe48c831d5f/original/overpass-semibold-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/a6af5f2e-9e4e-4447-b586-4d9159f64e6a/original/overpass-semibold-webfont.woff') format('woff');
  font-weight: 600; /* SemiBold */
  font-style: normal;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/24ec38b9-f3fd-44ed-8a78-8163883771a2/original/overpass-semibolditalic-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/1cb6f9ff-63f2-4f25-bf2b-a7de12e9422f/original/overpass-semibolditalic-webfont.woff') format('woff');
  font-weight: 600; /* SemiBold */
  font-style: italic;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/459f254d-ee18-4d97-b31f-9660cfe13732/original/overpass-thin-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/f8403eb5-c1e7-4a44-aa42-f30b0b7a579a/original/overpass-thin-webfont.woff') format('woff');
  font-weight: 100; /* Thin */
  font-style: normal;
}

@font-face {
  font-family: 'Overpass';
  src: url('https://cdn3.bci.cl/uploads/e069a2f8-e223-4198-8147-dc677f2391f7/original/overpass-thinitalic-webfont.woff2') format('woff2'),
       url('https://cdn3.bci.cl/uploads/951a671e-8ad7-4f79-b484-c253c6e9c1bd/original/overpass-thinitalic-webfont.woff') format('woff');
  font-weight: 100; /* Thin */
  font-style: italic;
}

:root {
	--fs-md: clamp(1.3rem, 0.614rem + 1.429vw, 1.5rem);
	--fs-title: clamp(2rem, 0.286rem + 3.571vw, 2.5rem);
	--fs-subtitle: clamp(1.3rem, -1.10rem + 5vw, 2rem);
	--pb-logo: clamp(2rem, -11.714rem + 28.571vw, 4.5rem);
	--h-logo: clamp(1.875rem, -1.340rem + 6.697vw, 2.8125rem);
}

*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Overpass, sans-serif;
	font-size: 1rem;
}

ul {
	margin: 0;
	padding-left: 0.5rem;
}

.main {
	max-width: 1280px;
	margin: 0 auto;
}

/*===== BANNER SECTION ====*/
.banner {
	display: flex;
	flex-direction: column;
	box-shadow: 0px 4px 5px 0px rgb(214, 214, 214);
	z-index: 1000;
}

.banner__container-image,
.banner__content {
	flex: 1;
}

.banner__image {
	width: 100%;
	height:100%;
	max-height: 250px;
	object-position:top;
	object-fit: cover;
	display: block;
}

.banner__content {
	padding: 2rem 1rem 1rem;
	text-align: center;
}

.banner__container-title {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.banner__logo {
	width: 100%;
	height: var(--h-logo);
	object-fit: contain;
	margin-bottom: var(--pb-logo);
}

.banner__title {
	font-size: var(--fs-title);
	max-width: 480px;
	margin: 0 auto;
}

.banner__title span {
	color: #59a80f;
}

.banner__subtitle {
	font-size: var(--fs-md);
	font-weight: 300;
	text-align: center;
	max-width: 400px;
	margin: 2rem auto;
	padding: 0 2rem;
}

.banner__button {
	border:transparent;
	cursor:pointer;
	text-decoration: none;
	background-color: #59a80f;
	border-radius: 30px;
	padding: 0.7em 1em;
	color: #fff;
	font-weight: bolder;
	font-size: var(--fs-md);
}

@media screen and (min-width: 768px) {
	.banner {
		flex-direction: row-reverse;
	}

	.banner__image {
		max-height: 525px;
	}
}

/*==== CONTRATA TU SEGURO ===*/

.contrata {
	background-color: #eaf6e5;
	padding: 2rem 1rem;
}

.contrata__title {
	text-align: center;
	font-size: var(--fs-subtitle);
	padding: 1.5rem;
}

.contrata__title span {
	color: #59a80f;
}

.contrata__container-imgs {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	gap: 1.5rem;
	max-width: 1120px;
	margin-inline:auto;
	padding: 0 2rem;
	margin-bottom: 2rem;
}

.contrata__img {
	width:100%;
	max-width: 320px;
}

.contrata__txt-vigencia {
	text-align: center;
	font-size: 1.15rem;
}

/*==== COBERTURAS ===*/

.coberturas {
	position: relative;
	background-color: #fff;
	padding: 2rem 1rem;
}

.coberturas__title {
	text-align: center;
	font-size: var(--fs-subtitle);
	padding: 1.5rem;
}

.coberturas__title span {
	color: #005fff;
}

.coberturas__content {
	display: flex;
	flex-direction: column;
}

.coberturas__img,
.coberturas__lista {
	flex: 1;
}

.coberturas__lista {
	padding-top: 1rem;
}

.coberturas__item {
	font-weight: 300;
	list-style-type: none;
	display: flex;
	align-items: center;
	column-gap: 1rem;
	margin-bottom: 1.2rem;
}

.coberturas__item img {
	width: 25px;
	height: 25px;
}

.coberturas__img {
	width:100%;
	max-width: 550px;
	object-fit: contain;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.coberturas {
		padding: 3rem 4rem;
	}

	.coberturas__lista {
		padding-top: 3rem;
	}
}

@media screen and (min-width: 992px) {
	.coberturas__content {
		flex-direction: row-reverse;
	}
}

/*=== ASISTENCIAS===*/

.asistencias {
	text-align: center;
	padding: 1.5rem 1rem;
}

.asistencias__title {
	color: #f9b316;
	font-size: var(--fs-subtitle);
	padding-top: 1.5rem;
}

.asistencias__subtitle {
	font-weight: 400;
	padding: 1.5rem 1rem;
	font-size: var(--fs-md);
}

.asistencias__cards {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	gap: 2em;
	padding: 2rem 1.5rem 0;
}

.asistencias__row-one,
.asistencias__row-two {
	display: flex;
	align-items:center;
	flex-direction: column;
	gap: 2em;
}

.asistencias__row-two {
	justify-content: center;
}

.asistencias__card {
	flex: 1;
	border-radius: 20px;
	box-shadow: 2px 1px 8px 0px rgb(214, 214, 214);
	text-align: center;
	padding: 1.5em 1em;
	width:100%;
	max-width: 320px;
}

.asistencias__card img {
	height: 80px;
	width: 80px;
}

.asistencias__card h3 {
	padding: 1.5rem 0
}

.asistencias__card p {
	line-height: 1.3;
	font-weight: 300;
	font-size: 1rem;
}

@media screen and (min-width: 768px) {
	.asistencias {
		padding: 0 0 6em;
	}

	.asistencias__cards {
		padding-top: 2rem;
		gap: 2rem;
	}

	.asistencias__row-one,
	.asistencias__row-two {
		flex-direction: row;
		align-items: unset;
		justify-content: center;
	}

	.asistencias__row-two {
		flex-wrap: wrap;
	}

}

@media screen and (min-width: 992px) {
	.asistencias__cards,
	.asistencias__row-one,
	.asistencias__row-two {
		gap: 3em;
	}
}

/*=== FOOTER ===*/
.footer {
	background-color: #171717;
	text-align: justify;
	padding: 2em 1em;
	color: #fff;
	font-size: 11px;
}

.footer__logo {
	display: block;
	height: auto;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 2rem;
}


@media screen and (min-width: 992px) {
	.footer {
		text-align: center;
		padding: 2em 2.5em 3em;
	}

	.footer__logo {
		max-width: 600px;
		margin-bottom: 2em;
	}
}