@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Inter:opsz,wght@14..32,100..900&display=swap');

:root {

	--fon-t: "Inter", serif;
	--fon-h: "Cormorant Garamond", serif;

	--col-dar: #000000;
	--col-dar-op25: #00000044;
	--col-bg: #fbfbf8;
	--col-lig: #f3f1e8;
	--col-sep: #f3f1e8;
	--col-pri: #7092D8;
	--col-pri-op75: #7092D8BF;
	--col-pri-bg: #7092D8;
	--col-acc: #CB8DB2;
	--col-acc-bg: #CB8DB2;

}

.header {
	background: #ffffff77;
	backdrop-filter: blur(.5rem);
	box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.1);
}
.branding img {
	height: calc(var(--sca-t) * 4);
	display: block;
	margin: 0;
}
.header ul li {
    line-height: calc(var(--sca-t) * 4);
}
.header ul li .bt {
	margin-top: calc(var(--sca-t) * 1);
}

.section.featured {
	text-align: left;
	margin-top: 0;
	height: auto;
	padding-top: calc(calc(var(--sca-t) * 4) + 22.5vh);
	padding-bottom: 22.5vh;
	background-image: url("data:image/svg+xml,%3Csvg width='493' height='139' viewBox='0 0 493 139' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.8743 0.0010704C55.3388 0.0010704 43.8983 2.93932 33.5529 8.82332C23.2053 14.7062 15.0296 22.9152 9.01823 33.4565C3.00899 43.9914 -0.000976562 55.8514 -0.000976562 69.0398C-0.000976562 82.2261 3.00792 94.0905 9.01823 104.625C15.0285 115.162 23.2043 123.375 33.5529 129.254C43.8983 135.138 55.3388 138.08 67.8743 138.08C70.3394 138.08 72.7628 137.969 75.1402 137.747H67.8786V0.326473H75.0695C72.7146 0.109181 70.3159 0 67.8753 0L67.8743 0.0010704Z' fill='%2399B4C6'/%3E%3Cpath d='M210.519 0.00195312C208.104 0.00195312 205.73 0.111134 203.397 0.328426H210.524V137.749H203.326C205.682 137.971 208.081 138.082 210.519 138.082C222.996 138.082 234.334 135.232 244.56 129.53C244.399 129.439 244.236 129.349 244.075 129.256C233.732 123.376 225.555 115.164 219.537 104.627C213.532 94.0924 210.522 82.2291 210.522 69.0418C210.522 55.8523 213.531 43.9923 219.537 33.4584C225.555 22.9171 233.731 14.7082 244.075 8.82527C244.237 8.73322 244.4 8.64117 244.56 8.55232C234.334 2.85029 222.996 0.00302353 210.519 0.00302353V0.00195312Z' fill='%2399B4C6'/%3E%3Cpath d='M75.0689 0.328125H67.8779V137.748H75.1406C84.9808 136.826 94.0642 133.995 102.401 129.256C112.741 123.376 120.883 115.197 126.834 104.721C132.776 94.2505 135.756 82.3573 135.756 69.0415C135.756 55.7214 132.776 43.8282 126.834 33.3532C120.883 22.8815 112.74 14.7068 102.401 8.82283C94.045 4.07239 84.9369 1.24332 75.0689 0.328125Z' fill='%237E9DB1'/%3E%3Cpath d='M203.397 0.328125H75.0693C84.9374 1.24332 94.0454 4.07239 102.401 8.82283C112.741 14.7068 120.884 22.8815 126.834 33.3532C132.777 43.8282 135.756 55.7214 135.756 69.0415C135.756 82.3573 132.777 94.2505 126.834 104.721C120.884 115.197 112.741 123.376 102.401 129.256C94.0647 133.995 84.9813 136.826 75.14 137.748H203.327C193.574 136.826 184.531 133.995 176.199 129.256C165.851 123.376 157.675 115.164 151.662 104.626C145.655 94.091 142.647 82.2288 142.647 69.0415C142.647 55.8509 145.655 43.9909 151.662 33.4581C157.675 22.9168 165.851 14.7079 176.199 8.8239C184.551 4.07346 193.617 1.24439 203.398 0.329195L203.397 0.328125Z' fill='%23BDCCD9'/%3E%3Cpath d='M210.524 0.327242H203.397C193.617 1.24244 184.552 4.07151 176.198 8.82195C165.851 14.7059 157.676 22.9159 151.661 33.4562C145.654 43.99 142.646 55.849 142.646 69.0395C142.646 82.2258 145.654 94.0891 151.661 104.624C157.676 115.162 165.851 123.374 176.198 129.254C184.53 133.993 193.573 136.824 203.326 137.746H210.524V0.326172V0.327242Z' fill='%237E9DB1'/%3E%3Cpath d='M278.4 0.00195312C266.059 0.00195312 254.777 2.84922 244.559 8.55125C244.72 8.64117 244.883 8.73215 245.043 8.8242C255.385 14.7071 263.526 22.8829 269.476 33.3535C275.42 43.8285 278.399 55.7217 278.399 69.0418C278.399 82.3597 275.42 94.253 269.476 104.724C263.526 115.199 255.385 123.378 245.043 129.257C244.882 129.349 244.719 129.44 244.559 129.531C254.776 135.233 266.059 138.083 278.4 138.083C280.867 138.083 283.288 137.972 285.665 137.75H278.4V0.329496H285.594C283.239 0.112205 280.842 0.00302353 278.4 0.00302353V0.00195312Z' fill='%23EBEBC8'/%3E%3Cpath d='M244.56 8.5499C244.399 8.64088 244.237 8.7308 244.076 8.82392C233.731 14.7068 225.556 22.9158 219.537 33.4571C213.532 43.992 210.522 55.852 210.522 69.0415C210.522 82.2278 213.531 94.0921 219.537 104.627C225.556 115.164 233.731 123.377 244.076 129.257C244.237 129.348 244.399 129.44 244.56 129.529C244.722 129.44 244.884 129.348 245.045 129.257C255.385 123.377 263.528 115.197 269.478 104.722C275.421 94.2516 278.401 82.3584 278.401 69.0404C278.401 55.7204 275.421 43.8271 269.478 33.3522C263.528 22.8815 255.384 14.7058 245.045 8.82285C244.883 8.7308 244.721 8.63981 244.56 8.54883V8.5499Z' fill='%2395AFA5'/%3E%3Cpath d='M424.489 0.0010704C422.074 0.0010704 419.7 0.110251 417.365 0.327543H424.489V137.748H417.296C419.652 137.971 422.051 138.081 424.489 138.081C437.159 138.081 448.662 135.139 459.012 129.255C469.353 123.376 477.494 115.197 483.449 104.722C489.387 94.251 492.366 82.3578 492.366 69.0398C492.366 55.7198 489.387 43.8265 483.449 33.3516C477.494 22.8809 469.353 14.7052 459.012 8.82225C448.662 2.93825 437.159 0 424.489 0V0.0010704Z' fill='%23EBEBC8'/%3E%3Cpath d='M417.366 0.328125H285.594C295.462 1.24332 304.567 4.07239 312.923 8.82283C323.268 14.7068 331.406 22.8815 337.361 33.3532C343.299 43.8282 346.278 55.7214 346.278 69.0415C346.278 82.3573 343.299 94.2505 337.361 104.721C331.406 115.197 323.267 123.376 312.923 129.256C304.588 133.995 295.506 136.826 285.667 137.748H417.296C407.541 136.826 398.498 133.995 390.166 129.256C379.82 123.376 371.644 115.164 365.627 104.626C359.622 94.091 356.612 82.2288 356.612 69.0415C356.612 55.8509 359.621 43.9909 365.627 33.4581C371.644 22.9168 379.82 14.7079 390.166 8.8239C398.518 4.07346 407.585 1.24439 417.367 0.329195L417.366 0.328125Z' fill='%23EBEBC8'/%3E%3Cpath d='M285.595 0.328125H278.402V137.748H285.668C295.508 136.826 304.59 133.995 312.924 129.256C323.269 123.376 331.406 115.197 337.361 104.721C343.3 94.2505 346.28 82.3573 346.28 69.0415C346.28 55.7214 343.3 43.8282 337.361 33.3532C331.406 22.8815 323.269 14.7068 312.924 8.82283C304.569 4.07239 295.463 1.24332 285.597 0.328125H285.595Z' fill='%23DADEA1'/%3E%3Cpath d='M424.49 0.327242H417.366C407.586 1.24244 398.516 4.07151 390.164 8.82195C379.821 14.7059 371.644 22.9159 365.627 33.4562C359.622 43.99 356.612 55.849 356.612 69.0395C356.612 82.2258 359.622 94.0891 365.627 104.624C371.645 115.162 379.821 123.374 390.164 129.254C398.496 133.993 407.542 136.824 417.297 137.746H424.49V0.326172V0.327242Z' fill='%23DADEA1'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color: #fff;
	background-position: center center;
}
.section.featured .col {
	vertical-align: bottom;
}
.section.featured h1 {
	max-width: 10em;
	text-wrap: balance;
	margin-bottom: 3rem;
}
.section.featured h1 + p {
	font-size: 1.125rem;
	line-height: 1.75em;
	text-align: left;
	padding-left: 7.5%;
	border-left: solid 2px #ffffff66;
	max-width: 30em;
	margin-left: 0;
	margin-right: 0;
}

.main h2 {
	font-size: 3.375rem;
}
.main h2 + p {
	font-size: 1.25rem;
	max-width: 50em;
	margin-left: auto;
	margin-right: auto;
	text-wrap: balance;
}
.main h3 {
	font-size: 2rem;
}
.main h5 {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: var(--col-pri);
	position: relative;
	margin-bottom: calc(var(--sca-mar) * 2);
	padding-bottom: calc(var(--sca-mar) * 2);
	position: relative;
}
.main h5:after,
#metodologia h6:after,
.main-servicio .bg-l h6:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50% , 50%);
	width: var(--sca-pad);
	height: .125rem;
	background: var(--col-pri);
}
.main h5:after {
	bottom: 0;
}
.main #equipo h5:after {
	left: calc(var(--sca-pad) / 2);
}

#servicios .col {
	text-align: center;
}
#servicios img {
	margin-bottom: 2rem;
}
#servicios .row + .row {
	border-top: solid .25rem var(--col-sep);
	padding-top: calc(var(--sca-pad)* 2);
}


#metodologia h6,
.main-servicio .bg-l h6 {
	margin-top: calc(var(--sca-pad)* 2);
	padding-top: calc(var(--sca-pad)* 2);
	position: relative;
}
#metodologia h6:after,
.main-servicio .bg-l h6:after {
	top: 0;
	width: 25%;
}
#metodologia img {
	box-shadow: 0 0 0 .5rem #ffffffaa;
}

#metodologia .col {
	vertical-align: middle;
}
#metodologia h6 {
	font-family: var(--fon-h);
	font-size: 2rem;
	text-align: center;
}
#servicios img,
#metodologia img,
#equipo img {
	width: 100%;
	max-width: 20rem;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100rem;
	aspect-ratio: 1 / 1;
	display: block;
	object-fit: cover;
}

#equipo .card {
	background: #fff;
	position: relative;
	margin-top: 4rem;
}
#equipo .card img {
	position: absolute;
	left: calc(var(--sca-pad)* 1.0625);
	top: 0;
	transform: translateY(-50%);
	max-width: 25%;
	width: 9rem;
	box-shadow: 0 0 0 .25rem var(--col-sep);
}
#equipo .card img + p {
	margin-top: 3.5rem;
}
#equipo .col6 .card:not(.icon-g) > * {
	max-width: 100%;
}
#oficina {
	position: relative;
}
#oficina .page {
	position: relative;
	z-index: 10;
}
#oficina {
	background-attachment: fixed;
}
#oficina:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: #596275aa;
}
#oficina h3 + p {
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}
.map {
	display: block;
	width: 100%;
	height: 40vh;
	filter: grayscale(100%);
}

#contacto {
	padding-top: calc(var(--sca-pad)* 4);
}
.form .field input,
.form .field textarea {
	background: #fff;
}

.main-servicio .col {
	vertical-align: middle;
}
.main-servicio img {
	border-radius: 100rem;
}
.main-servicio .bg-l .col {
	vertical-align: top;
}
.main-servicio .bg-l ul li {
	margin-bottom: .5em;
	padding-left: 1.25em;
	position: relative;
}
.main-servicio .bg-l ul li:before {
	content: '';
	position: absolute;
	left: 0;
	width: .75em;
	height: .75em;
	border-radius: 1rem;
	background: var(--col-pri);
	top: .375em;
}
.main-servicio .bg-l h6 {
	font-size: 1.25rem;
	font-weight: normal;
	text-align: center;
	text-wrap: balance;
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}

#whatsapp-button {
	font-size: 2.25rem;
	background: #25d366;
}

.footer {
	background: #596275;
	color: var(--col-lig);
}
.footer a.azuite {
	color: inherit;
}

@media (max-width:960px) {
	.section.featured {
		padding-top: calc(calc(var(--sca-t) * 4) + 20vw);
		padding-bottom: 20vw;
	}
	.header {
		background: #fff;
		backdrop-filter: none;
	}
	.branding img {
		height: 3.5rem;
	}
	.menu {
		bottom: var(--sca-pad);
	}
	#equipo .card {
		margin-top: 6rem;
		margin-left: -.5rem;
		margin-right: -.5rem;
	}
}
