@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;500&display=swap');

:root {
	--page-w: 80rem;

	--fon-t: "Prompt", sans-serif;;
	--fon-h: "Prompt", sans-serif;;

	--fon-w1: 300;
	--fon-w5: 300;
	--fon-w7: 500;
	--fon-w9: 500;

	--col-dar: #2C3342;
	--col-dar-op25: #2C334244;
	--col-bg: #fff;
	--col-lig: #1360BF;
	--col-sep: #1360BF;

	--col-pri: #0072FF;
	--col-pri-op75: #0072FFBF;
	--col-pri-bg: #1360BF;

	--col-acc: #0072FF;
	--col-acc-bg: #0072FF;

	--sca-pad: 2rem;

	--rad-s: .25rem;
	--rad-m: .5rem;
	--rad-l: .5rem;
	--rad-bt: 100rem;

	--col-grad-v: transparent linear-gradient(180deg, #1360BF 0%, #2C3342 100%) 0% 0% no-repeat padding-box;
}

.header {
	padding: 1.25rem 0 1.125rem;
}
.branding {
	margin-top: .25rem;
}
.header a {
	font-size: 1rem;
	line-height: 2.5rem!important;
}
.header .nav {
	margin-right: 3.25rem;
}
.header .menu li {
	margin-left: -.5rem;
}
.header .menu a i {
	display: block;
	width: 2.5rem;
	box-shadow: inset 0 0 0 1px #596276;
	color: #0072FF;
	font-size: 1.25rem;
	border-radius: 5rem;
	position: relative;
	top: 1px;
}
.header a.bt {
	font-size: .9375rem;
	padding: 0 1.625rem;
}
.header a.bt span {
	display: inline-block;
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.5rem;
	width: 1.5rem;
	text-align: center;
	border-radius: 2rem;
	background: #fff;
	color: var(--col-pri);
	vertical-align: middle;
	transform: translate(25% , -5%);
}

.section.featured {
	overflow: hidden;
	position: relative;
}
.section.featured:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: #2F384A;
	opacity: .58;
}
.featured video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}
.featured .content {
	padding-bottom: 7.25vh;
	position: relative;
	z-index: 10;
}
.featured h1 {
	max-width: 13em;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 0;
}
.featured p {
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
}

.main {
	padding-top: 0;
}
.main .section h2 {
	font-size: 2.5rem;
	letter-spacing: 0;
}
.main .section h2 + p {
	font-size: 1.25rem;
	color: var(--col-pri);
}
.main .section p {
	font-size: .875rem;
	text-wrap: pretty;
}
#brands {
	padding: 1.125rem 0;
	text-align: center;
}
#brands img {
	display: inline;
	vertical-align: top;
	margin: 0 1.25rem;
	width: auto;
	height: 5.25rem;
}

#productos {
	padding-top: 7.375rem;
	padding-bottom: 7.75rem;
}
#productos h2 + .row {
	margin-top: 4.125rem;
}
#productos .card {
	padding-top: 14.875rem;
	padding-bottom: 2.5rem;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow: hidden;
}
#productos .card:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 80%;
	background: transparent linear-gradient(180deg, #232A3100 0%, #242A30 100%) 0% 0% no-repeat padding-box;
	z-index: 1;
}
#productos .card * {
	position: relative;
	z-index: 10;
}
#productos .card h3 {
	font-size: 2rem;
	letter-spacing: 0;
	font-weight: 500;
	margin-bottom: .375rem;
}

#buscador {
	padding-top: 8.875rem;
	padding-bottom: 10.5rem;
	position: relative;
	background: transparent linear-gradient(0deg, #B1CAE8 0%, #FFFFFF 75%) 0% 0% no-repeat padding-box;
}
#buscador > img {
	position: absolute;
	margin: 0;
	z-index: 10;
}
#buscador > img:nth-child(2) {
	left: 18.2%;
	top: 5.5%;
	width: 12.5%;
}
#buscador > img:nth-child(3) {
	left: 6.375%;
	top: 36%;
	width: 15.75%;
}
#buscador > img:nth-child(4) {
	left: 25.75%;
	top: 59%;
	width: 11.25%;
}
#buscador > img:nth-child(5) {
	right: 8.875%;
	top: 14%;
	width: 15.5%;
}
#buscador > img:nth-child(6) {
	right: 18.25%;
	top: 51%;
	width: 13.5%;
}

#buscador img {
	margin-bottom: .375rem;
}
#buscador p {
	font-size: 1.5rem;
	line-height: 1.2em;
	max-width: 27em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0rem;
}
#buscador p strong {
	color: var(--col-pri);
}
#buscador .bt {
	color: inherit;
	line-height: 3.5625rem;
	background: #fff;
	box-shadow: 0px 3px 26px 0 #1360BF2C;
	font-size: 1.375rem;
	padding: .125rem .125rem .125rem 2rem;
}
#buscador .bt i {
	display: inline-block;
	vertical-align: top;
	width: 3.5625rem;
	height: 3.5625rem;
	border-radius: 5rem;
	background: var(--col-pri);
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1235 2.63704e-06C11.5866 -0.00116623 9.10415 0.736483 6.9795 2.12286C4.85485 3.50923 3.1799 5.48433 2.15924 7.80692C1.13857 10.1295 0.816357 12.6991 1.23195 15.2018C1.64754 17.7044 2.78296 20.032 4.49951 21.9L0.299515 26.087C0.119591 26.2774 0.0209427 26.5304 0.0245074 26.7923C0.0280722 27.0543 0.133569 27.3045 0.318608 27.49C0.503646 27.6754 0.753661 27.7814 1.01559 27.7855C1.27752 27.7896 1.53074 27.6915 1.72151 27.512L5.97351 23.272C7.60426 24.5756 9.52362 25.4694 11.5708 25.8786C13.6181 26.2878 15.7335 26.2004 17.7401 25.6239C19.7466 25.0474 21.5858 23.9984 23.1035 22.5649C24.6213 21.1314 25.7734 19.355 26.4635 17.3846C27.1535 15.4142 27.3614 13.3072 27.0696 11.24C26.7778 9.17273 25.9949 7.20551 24.7865 5.50308C23.5781 3.80064 21.9793 2.41256 20.1241 1.4551C18.2689 0.49764 16.2112 -0.00132363 14.1235 2.63704e-06ZM14.1235 2.013C16.3101 2.0128 18.4476 2.66103 20.2657 3.87569C22.0839 5.09035 23.501 6.8169 24.3378 8.83698C25.1747 10.8571 25.3937 13.0799 24.9671 15.2245C24.5406 17.369 23.4877 19.3389 21.9416 20.8851C20.3955 22.4312 18.4255 23.4841 16.281 23.9106C14.1364 24.3372 11.9136 24.1182 9.89349 23.2813C7.87341 22.4444 6.14686 21.0273 4.9322 19.2092C3.71754 17.3911 3.06932 15.2536 3.06951 13.067C3.07296 10.1364 4.23867 7.32673 6.31096 5.25444C8.38324 3.18216 11.1929 2.01644 14.1235 2.013Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.75rem auto;
	margin: 0 0 0 3.25rem;
}
#about {
	padding-top: 7.5rem;
}
#about h2 {
	margin-top: 5.375rem;
	margin-bottom: 1.25rem;
}
#about h2 + p {
	line-height: 1.4em;
	margin-bottom: .7em;
}
#about p {
	line-height: 1.7em;
	margin-bottom: 0;
}
#about p + p {
	margin-top: .8em;
}
#about picture {
	display: block;
	padding-top: 16.5%;
	position: relative;
}
#about picture img {
	border-radius: .75rem;
	transform: none;
}
#about picture img:nth-child(1) {
	display: block;
	width: 55%;
}
#about picture img:nth-child(2) {
	position: absolute;
	left: 44.5%;
	top: 0;
	height: 58.25%;
	width: 55.5%;
	object-fit: cover;
}
#about picture img:nth-child(3) {
	left: 44.5%;
	width: 40.5%;
	top: 62.5%;
}
#about .video {
	margin-top: 3.125rem;
}
#about .video:after {
	font-size: 2rem;
	padding-left: 0;
	padding-top: 5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='61' height='61' viewBox='0 0 61 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.5 0C36.5316 1.05038e-06 42.4277 1.78834 47.443 5.13893C52.4583 8.48952 56.3676 13.2519 58.6766 18.824C60.9856 24.3961 61.5907 30.5277 60.4153 36.4436C59.2399 42.3596 56.3368 47.7942 52.0731 52.0604C47.8094 56.3266 42.3765 59.2329 36.4613 60.4118C30.546 61.5906 24.4141 60.9892 18.8406 58.6835C13.2672 56.3778 8.50247 52.4713 5.14892 47.458C1.79538 42.4447 0.00355961 36.5496 0 30.518C0.00687692 22.4293 3.2219 14.6737 8.93975 8.95247C14.6576 3.23124 22.4114 0.0116491 30.5 0ZM27.026 18.391C26.3816 18.3902 25.7461 18.5413 25.171 18.832C24.4352 19.2415 23.8554 19.8828 23.522 20.656C23.3052 21.3615 23.1282 22.0786 22.992 22.804C22.6158 25.346 22.4486 27.9146 22.492 30.484C22.4689 32.9729 22.6166 35.4604 22.934 37.929C23.095 38.8397 23.3315 39.7355 23.641 40.607C23.9518 41.2065 24.4205 41.7096 24.9965 42.0621C25.5724 42.4146 26.2338 42.603 26.909 42.607H27.027C27.9737 42.4618 28.8954 42.1845 29.765 41.783C34.0802 39.7562 38.0454 37.0558 41.512 33.783L41.689 33.606C41.9797 33.3064 42.2547 32.992 42.513 32.664C42.9762 32.0452 43.2245 31.292 43.22 30.519C43.2292 29.6884 42.9598 28.8786 42.455 28.219C42.337 28.101 41.896 27.601 41.483 27.189C37.9439 23.8505 33.8869 21.1079 29.47 19.068C28.6873 18.7397 27.8661 18.5122 27.026 18.391Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position: center top;
	background-size: auto 4rem;
	content: 'Conocenos en Acción';
	z-index: 9;
}
#about .video:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: .5rem;
	z-index: 1;
	background: transparent linear-gradient(180deg, #1360BF 0%, #2C3342 100%) 0% 0% no-repeat padding-box;
	opacity: .58;
}
#about .video img {
	display: block;
	aspect-ratio: 2.1 / 1;
	object-fit: cover;
}

#valores {
	padding-top: 1.5rem;
	padding-bottom: 6.5rem;
}
#valores picture {
	display: block;
	background: #1360BF14;
	width: 7.875rem;
	height: 7.875rem;
	border-radius: 10rem;
	margin: 0 auto 2rem;
	position: relative;
}
#valores picture img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
}
#valores h4 {
	font-size: 1.5rem;
	color: var(--col-pri);
	margin-bottom: .625rem;
}
#valores p {
	max-width: 26em;
	margin-left: auto;
	margin-right: auto;
	text-wrap: balance;
}

#cta {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background: #2F384A;
}
#cta p {
	font-size: 1.5rem;
	max-width: 25em;
	line-height: 1.2em;
}
#cta a {
	display: block;
	text-align: center;
	background: var(--col-pri);
	color: #fff;
	font-weight: 500;
	font-size: 1.125rem;
}

#contacto {
	padding-top: 7.5rem;
	background: transparent linear-gradient(180deg, #1360BF 0%, #2C3342 100%) 0% 0% no-repeat padding-box;	
	position: relative;
}
#contacto:after {
	content: '';
	position: absolute;
	left: 6.5%;
	top: 0;
	right: 6.5%;
	bottom: 19.875rem;
	background: #1360BF;
	border-radius: 0 0 1rem 1rem;
}
#contacto h2 {
	font-size: 3rem;
	margin-bottom: 0rem;
}
#contacto h2 + p {
	line-height: 1.2em;
	font-size: 1.5rem;
	color: #fff;
}
#contacto h6 {
	margin-top: 2.25rem;
	margin-bottom: .25rem;
}
#contacto h6 + p + h6 {
	margin-top: 1.25rem;
}
#contacto h6 + p {
	margin-bottom: 0;
}
#contacto p + .bt {
	background: var(--col-pri);
	color: #fff;
	margin-top: .5rem;
	font-size: .875rem;
	line-height: 1.9125rem;
	padding: 0 3rem 0 1rem;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.71999 0.42129C5.01589 0.405154 4.31584 0.531939 3.66212 0.793984C3.0084 1.05603 2.4146 1.44789 1.9166 1.9459C1.4186 2.4439 1.02673 3.0377 0.764687 3.69142C0.502642 4.34513 0.375857 5.04519 0.391993 5.74929C0.391993 8.72229 4.78599 12.7353 5.28599 13.1823L5.71999 13.5773L6.15399 13.1823C6.65399 12.7353 11.048 8.72229 11.048 5.74929C11.0641 5.04519 10.9373 4.34513 10.6753 3.69142C10.4133 3.0377 10.0214 2.4439 9.52339 1.9459C9.02538 1.44789 8.43158 1.05603 7.77787 0.793984C7.12415 0.531939 6.42409 0.405154 5.71999 0.42129ZM5.71999 11.8013C4.29899 10.4333 1.70699 7.57829 1.70699 5.74929C1.68631 5.21605 1.77584 4.68429 1.97 4.18723C2.16415 3.69016 2.45876 3.2385 2.83539 2.86046C3.21202 2.48242 3.66259 2.18613 4.15892 1.99012C4.65525 1.79411 5.18668 1.7026 5.71999 1.72129C6.25377 1.70242 6.78573 1.79366 7.28272 1.98931C7.77971 2.18496 8.2311 2.48083 8.60877 2.85851C8.98645 3.23619 9.28232 3.68758 9.47797 4.18457C9.67362 4.68156 9.76486 5.21351 9.74599 5.74729C9.73299 7.56529 7.14099 10.4333 5.71999 11.8013ZM5.71999 3.14429C5.21782 3.14429 4.72694 3.2932 4.3094 3.57219C3.89186 3.85118 3.56643 4.24771 3.37426 4.71166C3.18209 5.1756 3.13181 5.68611 3.22978 6.17862C3.32775 6.67114 3.56956 7.12355 3.92465 7.47863C4.27973 7.83372 4.73214 8.07553 5.22466 8.1735C5.71718 8.27147 6.22768 8.22119 6.69163 8.02902C7.15557 7.83685 7.55211 7.51142 7.83109 7.09388C8.11008 6.67635 8.25899 6.18546 8.25899 5.68329C8.25846 5.01007 7.99079 4.36457 7.51475 3.88853C7.03871 3.41249 6.39321 3.14482 5.71999 3.14429ZM5.71999 6.90729C5.47791 6.90729 5.24126 6.8355 5.03997 6.70101C4.83869 6.56651 4.68181 6.37535 4.58916 6.15169C4.49652 5.92804 4.47228 5.68193 4.51951 5.4445C4.56674 5.20707 4.68331 4.98897 4.85449 4.81779C5.02567 4.64661 5.24377 4.53004 5.4812 4.48281C5.71863 4.43558 5.96474 4.45982 6.1884 4.55246C6.41205 4.6451 6.60322 4.80199 6.73771 5.00327C6.87221 5.20456 6.94399 5.4412 6.94399 5.68329C6.94242 6.00743 6.81295 6.31784 6.58375 6.54704C6.35454 6.77625 6.04413 6.90571 5.71999 6.90729Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) 50%;
	background-size: .75rem auto;
	margin-bottom: 4.25rem;
}
#contacto h5 {
	font-size: 1.5rem;
}
#contacto .social li + li {
	margin-left: 0;
}
#contacto .social a {
	background: none;
	border: solid 1px #ffffff80;
	color: #fff;
	font-size: 1.25rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}
#contacto h3 {
	letter-spacing: 0;
	margin-top: .375rem;
	margin-bottom: 1.75rem;
}
#contacto .form .field input,
#contacto .form .field textarea {
	color: #fff;
	background: none;
	border: solid 1px #ffffff80;
	border-radius: 1.875rem;
}
#contacto .form .field input::placeholder,
#contacto .form .field textarea::placeholder {
	color: #fff;
}
#contacto .form .bt {
	background: var(--col-pri);
	color: #fff;
	font-weight: bold;
	text-align: left;
	line-height: 3.5625rem;
	font-size: 1.125rem;
	padding: 0 0 0 1.625rem;
	background-image: url("data:image/svg+xml,%3Csvg width='39' height='22' viewBox='0 0 39 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.7708 21.165H13.0008C12.1189 21.1642 11.2734 20.8135 10.6498 20.19C10.0263 19.5664 9.6756 18.7209 9.6748 17.839V3.326C9.6756 2.44413 10.0263 1.59861 10.6498 0.97504C11.2734 0.351467 12.1189 0.000794355 13.0008 0H34.7708C35.6527 0.000794355 36.4982 0.351467 37.1218 0.97504C37.7453 1.59861 38.096 2.44413 38.0968 3.326V17.839C38.096 18.7209 37.7453 19.5664 37.1218 20.19C36.4982 20.8135 35.6527 21.1642 34.7708 21.165ZM13.0008 1.814C12.5999 1.81427 12.2154 1.97365 11.932 2.25715C11.6485 2.54064 11.4891 2.92507 11.4888 3.326V17.839C11.4893 18.2398 11.6488 18.6239 11.9323 18.9072C12.2158 19.1905 12.6001 19.3497 13.0008 19.35H34.7708C35.1717 19.3497 35.5562 19.1904 35.8397 18.9069C36.1232 18.6234 36.2825 18.2389 36.2828 17.838V3.326C36.2825 2.92507 36.1232 2.54064 35.8397 2.25715C35.5562 1.97365 35.1717 1.81427 34.7708 1.814H13.0008Z' fill='white'/%3E%3Cpath d='M23.8864 15.1176C23.7672 15.1179 23.6492 15.0945 23.5392 15.0489C23.4292 15.0032 23.3293 14.9362 23.2454 14.8516L10.6554 2.26161C10.5711 2.17737 10.5043 2.07735 10.4587 1.96729C10.4131 1.85722 10.3896 1.73925 10.3896 1.62011C10.3896 1.50097 10.4131 1.383 10.4587 1.27293C10.5043 1.16286 10.5711 1.06285 10.6554 0.978608C10.7396 0.894365 10.8396 0.827541 10.9497 0.781949C11.0598 0.736357 11.1777 0.712891 11.2969 0.712891C11.416 0.712891 11.534 0.736357 11.644 0.781949C11.7541 0.827541 11.8541 0.894365 11.9384 0.978608L23.8864 12.9286L35.8354 0.979609C36.0055 0.809472 36.2363 0.713891 36.4769 0.713891C36.7175 0.713891 36.9482 0.809472 37.1184 0.979609C37.2885 1.14974 37.3841 1.3805 37.3841 1.62111C37.3841 1.86172 37.2885 2.09247 37.1184 2.26261L24.5284 14.8526C24.4444 14.9372 24.3446 15.0042 24.2345 15.0499C24.1245 15.0955 24.0065 15.1189 23.8874 15.1186L23.8864 15.1176Z' fill='white'/%3E%3Cpath d='M14.211 21.1648C14.0317 21.1647 13.8565 21.1114 13.7075 21.0117C13.5584 20.9121 13.4423 20.7705 13.3737 20.6048C13.3051 20.4392 13.2871 20.2569 13.3221 20.081C13.357 19.9052 13.4433 19.7436 13.57 19.6168L21.431 11.7558C21.5153 11.6716 21.6154 11.6048 21.7255 11.5592C21.8356 11.5136 21.9537 11.4902 22.0729 11.4902C22.192 11.4903 22.31 11.5138 22.4201 11.5595C22.5302 11.6051 22.6303 11.672 22.7145 11.7563C22.7987 11.8406 22.8656 11.9407 22.9111 12.0508C22.9567 12.1609 22.9801 12.279 22.9801 12.3982C22.98 12.5173 22.9565 12.6354 22.9108 12.7454C22.8652 12.8555 22.7983 12.9556 22.714 13.0398L14.854 20.8998C14.7701 20.9844 14.6702 21.0514 14.5602 21.0971C14.4501 21.1427 14.3321 21.1661 14.213 21.1658L14.211 21.1648Z' fill='white'/%3E%3Cpath d='M33.5609 21.1652C33.4418 21.1655 33.3238 21.1421 33.2137 21.0964C33.1037 21.0508 33.0038 20.9837 32.9199 20.8992L25.0589 13.0402C24.8886 12.8699 24.793 12.639 24.793 12.3982C24.793 12.1574 24.8886 11.9264 25.0589 11.7562C25.2292 11.5859 25.4601 11.4902 25.7009 11.4902C25.9417 11.4902 26.1726 11.5859 26.3429 11.7562L34.2039 19.6172C34.3306 19.744 34.4169 19.9056 34.4518 20.0814C34.4868 20.2573 34.4688 20.4395 34.4002 20.6052C34.3316 20.7708 34.2155 20.9124 34.0664 21.0121C33.9174 21.1118 33.7422 21.165 33.5629 21.1652H33.5609Z' fill='white'/%3E%3Cpath d='M5.745 11.4898H0.907C0.666449 11.4898 0.43575 11.3942 0.265654 11.2241C0.0955587 11.054 0 10.8233 0 10.5828C0 10.3422 0.0955587 10.1115 0.265654 9.94144C0.43575 9.77134 0.666449 9.67578 0.907 9.67578H5.745C5.98555 9.67578 6.21625 9.77134 6.38635 9.94144C6.55644 10.1115 6.652 10.3422 6.652 10.5828C6.652 10.8233 6.55644 11.054 6.38635 11.2241C6.21625 11.3942 5.98555 11.4898 5.745 11.4898Z' fill='white'/%3E%3Cpath d='M5.74398 5.44291H2.11598C1.99688 5.44291 1.87893 5.41945 1.76889 5.37387C1.65885 5.32828 1.55886 5.26147 1.47464 5.17725C1.39042 5.09303 1.32361 4.99304 1.27803 4.883C1.23244 4.77296 1.20898 4.65501 1.20898 4.53591C1.20898 4.4168 1.23244 4.29885 1.27803 4.18881C1.32361 4.07877 1.39042 3.97878 1.47464 3.89456C1.55886 3.81034 1.65885 3.74353 1.76889 3.69795C1.87893 3.65237 1.99688 3.62891 2.11598 3.62891H5.74398C5.86309 3.62891 5.98104 3.65237 6.09108 3.69795C6.20112 3.74353 6.30111 3.81034 6.38533 3.89456C6.46955 3.97878 6.53636 4.07877 6.58194 4.18881C6.62752 4.29885 6.65098 4.4168 6.65098 4.53591C6.65098 4.65501 6.62752 4.77296 6.58194 4.883C6.53636 4.99304 6.46955 5.09303 6.38533 5.17725C6.30111 5.26147 6.20112 5.32828 6.09108 5.37387C5.98104 5.41945 5.86309 5.44291 5.74398 5.44291Z' fill='white'/%3E%3Cpath d='M5.74398 17.5367H2.11598C1.87543 17.5367 1.64473 17.4411 1.47464 17.271C1.30454 17.1009 1.20898 16.8702 1.20898 16.6297C1.20898 16.3891 1.30454 16.1584 1.47464 15.9883C1.64473 15.8182 1.87543 15.7227 2.11598 15.7227H5.74398C5.98454 15.7227 6.21523 15.8182 6.38533 15.9883C6.55543 16.1584 6.65098 16.3891 6.65098 16.6297C6.65098 16.8702 6.55543 17.1009 6.38533 17.271C6.21523 17.4411 5.98454 17.5367 5.74398 17.5367Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: calc(100% - 1.75rem) 50%;
	background-size: auto 1.375rem;
}

#contacto .footer {
	margin-top: 9.25rem;
	border: none;
	text-align: center;
}
#contacto .footer a {
	font-size: .875rem;
	float: none;
	display: block;
}

.page {
	position: relative;
	z-index: 10;
}
#productos,
#about,
#valores,
#cta {
	position: relative;
}
#about {
	overflow: hidden;
}
#productos:after,
#about:after,
#valores:after,
#cta:after {
	content: '';
	position: absolute;
	z-index: 1;
	aspect-ratio: 1 / 1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#productos:after {
	top: 15%;
	height: 137%;
	right: 100%;
	transform: translateX(45%);
	background-image: url("data:image/svg+xml,%3Csvg width='1042' height='1042' viewBox='0 0 1042 1042' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M521 1040.5C807.912 1040.5 1040.5 807.912 1040.5 521C1040.5 234.088 807.912 1.5 521 1.5C234.088 1.5 1.5 234.088 1.5 521C1.5 807.912 234.088 1040.5 521 1040.5Z' stroke='%230072FF' stroke-width='3'/%3E%3Cpath d='M521 955.5C784.164 955.5 997.5 741.94 997.5 478.5C997.5 215.06 784.164 1.5 521 1.5C257.836 1.5 44.5 215.06 44.5 478.5C44.5 741.94 257.836 955.5 521 955.5Z' stroke='%230072FF' stroke-width='3'/%3E%3Cpath d='M521 864.5C759.311 864.5 952.5 671.311 952.5 433C952.5 194.689 759.311 1.5 521 1.5C282.689 1.5 89.5 194.689 89.5 433C89.5 671.311 282.689 864.5 521 864.5Z' stroke='%230072FF' stroke-width='3'/%3E%3C/svg%3E%0A");
}
#about:after {
	left: 100%;
	top: -8%;
	height: 70%;
	transform: translateX(-75%);
	background-image: url("data:image/svg+xml,%3Csvg width='1042' height='1042' viewBox='0 0 1042 1042' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.098'%3E%3Cpath d='M521 1040.5C807.912 1040.5 1040.5 807.912 1040.5 521C1040.5 234.088 807.912 1.5 521 1.5C234.088 1.5 1.5 234.088 1.5 521C1.5 807.912 234.088 1040.5 521 1040.5Z' stroke='%231360BF' stroke-width='3'/%3E%3C/g%3E%3Cg opacity='0.098'%3E%3Cpath d='M521 955.5C784.164 955.5 997.5 741.94 997.5 478.5C997.5 215.06 784.164 1.5 521 1.5C257.836 1.5 44.5 215.06 44.5 478.5C44.5 741.94 257.836 955.5 521 955.5Z' stroke='%231360BF' stroke-width='3'/%3E%3C/g%3E%3Cg opacity='0.098'%3E%3Cpath d='M521 864.5C759.311 864.5 952.5 671.311 952.5 433C952.5 194.689 759.311 1.5 521 1.5C282.689 1.5 89.5 194.689 89.5 433C89.5 671.311 282.689 864.5 521 864.5Z' stroke='%231360BF' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#valores:after {
	right: 100%;
	bottom: 77.5%;
	height: 200%;
	transform: translateX(42.5%);
	background-image: url("data:image/svg+xml,%3Csvg width='1042' height='1042' viewBox='0 0 1042 1042' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.098'%3E%3Cpath d='M521 1040.5C807.912 1040.5 1040.5 807.912 1040.5 521C1040.5 234.088 807.912 1.5 521 1.5C234.088 1.5 1.5 234.088 1.5 521C1.5 807.912 234.088 1040.5 521 1040.5Z' stroke='%231360BF' stroke-width='3'/%3E%3C/g%3E%3Cg opacity='0.098'%3E%3Cpath d='M521 955.5C784.164 955.5 997.5 741.94 997.5 478.5C997.5 215.06 784.164 1.5 521 1.5C257.836 1.5 44.5 215.06 44.5 478.5C44.5 741.94 257.836 955.5 521 955.5Z' stroke='%231360BF' stroke-width='3'/%3E%3C/g%3E%3Cg opacity='0.098'%3E%3Cpath d='M521 864.5C759.311 864.5 952.5 671.311 952.5 433C952.5 194.689 759.311 1.5 521 1.5C282.689 1.5 89.5 194.689 89.5 433C89.5 671.311 282.689 864.5 521 864.5Z' stroke='%231360BF' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#cta:after {
	right: 100%;
	top: 20%;
	height: 220%;
	transform: translateX(35%);
	background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2205_116)'%3E%3Cpath d='M250 1.5C112.757 1.5 1.5 112.757 1.5 250C1.5 387.243 112.757 498.5 250 498.5C387.243 498.5 498.5 387.243 498.5 250C498.5 112.757 387.243 1.5 250 1.5Z' stroke='%230072FF' stroke-width='3'/%3E%3Cpath d='M250 42.5C124.355 42.5 22.5 144.579 22.5 270.5C22.5 396.421 124.355 498.5 250 498.5C375.645 498.5 477.5 396.421 477.5 270.5C477.5 144.579 375.645 42.5 250 42.5Z' stroke='%230072FF' stroke-width='3'/%3E%3Cpath d='M250 86.5C135.953 86.5 43.5 178.729 43.5 292.5C43.5 406.271 135.953 498.5 250 498.5C364.047 498.5 456.5 406.271 456.5 292.5C456.5 178.729 364.047 86.5 250 86.5Z' stroke='%230072FF' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2205_116'%3E%3Crect width='500' height='500' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#modal_video {
	max-width: var(--page-w);
	ime-mode: 90%;
}
.modal > a {
	font-size: 1rem;
}
#modal_video iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: .5rem;
}

@media (max-width:960px) {
	.section.featured {
		margin-top: 4.5rem;
		height: calc(100vh - 4.5rem);
		box-sizing: border-box;
	}
	.featured video {
		width: auto;
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
	.featured .content {
		top: 50%;
		max-width: 20em;
		padding-bottom: 0;
	}
	#brands .slider {
		padding: 0 1rem;
		white-space: nowrap;
		overflow-x: scroll;
	}
	#brands img {
		margin: 0;
	}
	.main .section h2 {
		font-size: 2rem;
	}
	#productos:after,
	#about:after,
	#valores:after,
	#cta:after {
		display: none;
	}
	#buscador > img {
		display: none;
	}
	#buscador p {
		margin-bottom: 2rem;
	}
	.section {
		padding-top: 6rem!important;
		padding-bottom: 6rem!important;
	}
	#about h2 {
		margin-top: 0;
	}
	#about .video:after {
		font-size: 1rem;
		padding-top: 2rem;
		background-size: auto 2rem;
		width: 100%;
	}
	#valores {
		padding-top: 0!important;
	}
	.header .page {
		position: static;
	}
	.header nav {
		border-radius: none;
		text-align: left;
		background: var(--col-pri);
		color: #fff;
		padding-left: 3rem;
		height: auto;
	}
	.header nav a {
		font-size: 1.25rem;
	}
	.header .menu {
		display: none;
	}
	.bt-menu {
		width: 2rem;
		height: 2rem;
		background-image: url("data:image/svg+xml,%3Csvg width='29' height='22' viewBox='0 0 29 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.4043H28.4438' stroke='%231360BF' stroke-width='2'/%3E%3Cpath d='M0 11.1172H28.4438' stroke='%231360BF' stroke-width='2'/%3E%3Cpath d='M0 20.8281H28.4438' stroke='%231360BF' stroke-width='2'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: center center;
	}
	.bt-menu:active,
	.bt-menu:focus {
		background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00098 24.959L24.9591 1.00091' stroke='%231360BF' stroke-width='2'/%3E%3Cpath d='M24.958 24.959L0.999932 1.00091' stroke='%231360BF' stroke-width='2'/%3E%3C/svg%3E%0A");
	}
	.page {
		padding: 0 2.125rem;
	}
	#contacto:after {
		left: 1rem;
		right: 1rem;
	}
}
@media (min-width:960px) {
	.header nav li:last-child {
		display: none;
	}
}

.branding img:not(:last-child) {
	display: inline-block;
	vertical-align: top;
}
.branding img + span {
	margin-left: 1rem;
	padding-left: 1rem;
	display: inline-block;
	border-left: solid 1px var(--col-sep);
}
.header + .main.main-pedidos {
	margin-top: 0;
	padding-top: 0;
}
.main-pedidos #promociones {
	padding: 10rem 0 3rem;
	position: relative;
	z-index: 1;
}
.main-pedidos #promociones .slider {
	display: flex;
	gap: .5rem;
}
.main-pedidos #promociones .slide {
	flex: 1;
}
.main-pedidos #promociones img {
	aspect-ratio: 1 / 1;
	display: block;
	width: 100%;
	border-radius: .5rem;
	background: #fff;
}
.main-pedidos #promociones + #buscador {
	margin-top: -5rem;
}
.main-pedidos #buscador {
	padding: 9rem 0 4rem;
	margin-bottom: 4rem;
}
.main-pedidos #buscador .form {
	margin: 0 auto;
}
.main-pedidos #buscador .field {
	display: inline-block;
	width: auto;
	vertical-align: top;
	margin: 0 .5rem;
}
.main-pedidos #buscador .field * {
	padding: 0 1.5em;
	border-radius: .5rem;
	background: #fff;
	border: none;
	display: block;
}
.main-pedidos #buscador .field input {
	line-height: 3.5625rem;
	width: 20rem;
}
.main-pedidos #buscador .field select {
	height: 3.5625rem;
	line-height: 3.5625rem;
	width: 15rem;
}
.main-pedidos #buscador .bt {
	display: inline-block;
	vertical-align: top;
	margin: 0 .5rem;
	width: auto;
	padding: 0 2em;
}
#resultado .search-list li {
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: .75rem;
	border-radius: .5rem;
	margin-bottom: .5rem;
	box-shadow: 0 .25rem 1rem -.25rem rgba(0,0,0,.1);
}
#resultado .search-list li * {
	line-height: 2.5rem;
	margin: 0;
}
#resultado .search-list li a.avatar {
	width: 4rem;
	height: 4rem;
	border-radius: .25rem;
	background: #eee;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ffffff'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.75rem auto;
}
#resultado .search-list li h4 {
	width: 35%;
	font-size: 1.25rem;
}
#resultado .search-list li h4:first-child {
	width: 20%;
	padding-left: 1rem;
}
#resultado .search-list li p {
	min-width: 12.5%;
	white-space: nowrap;
}
#resultado .search-list li h5 {
	font-size: 1.125rem;
	flex: 1;
	white-space: nowrap;
	color: var(--col-pri);
}
#resultado .search-list li a.bt-g {
	margin-left: auto;
	white-space: nowrap;
	display: block;
	padding: 0 1.5em;
	text-align: unset;
	transition: all 150ms ease
}
#resultado .search-list li a.bt-g:hover {
	background: var(--col-pri);
	color: #fff;
	text-decoration: none;
	border-radius: 10rem;
}

#pedidos-header {
	padding: 14rem 0 4rem;
	margin-bottom: 2rem;
}
.section.bg#pedidos-header + .section {
	margin-top: 0;
	padding-top: 0;
}

.panel-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	opacity: 0;
	transform: translateY(110%);
	box-shadow: var(--sha-l);
	visibility: hidden;
	transition: var(--ani-f);
	height: 0;
}
.panel-wrapper.visible {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	height: 5rem;
}
.panel-wrapper.opened {
	height: 90vh;
}
.panel {
	background: #fff;
}
.panel-header,
.panel-footer {
	padding: 2rem 0 0;
}
.panel-header {
	position: relative;
	height: 5rem;
}
.panel-header a {
	position: absolute;
	right: 0;
	top: 2rem;
}
.panel-header a i {
	margin-right: .5em;
	color: var(--col-pri);
}
.panel-wrapper.opened .panel-header a i {
	transform: rotate(180deg);
	transform-origin: 50% 50%;
}
.panel-header h3 {
	font-size: 1.375rem;
	font-weight: bold;
}
.panel-header h3 strong {
	font-size: 1rem;
	color: var(--col-pri);
	margin-left: 1rem;
}
.panel-content {
	height: calc(90vh - 14rem);
	overflow-y: scroll;
	margin-right: -1.5rem;
	padding-right: 1.5rem;
}
.panel-content::-webkit-scrollbar {
  width: .5rem;
}
.panel-content::-webkit-scrollbar-track {
background: #ccc;
  border-radius: 1rem;
}
.panel-content::-webkit-scrollbar-thumb {  
  border-radius: 0;
  background: var(--col-lig);
}
.pedido-list li {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem 0;
}
.pedido-list li {
	border-bottom: solid 1px #ccc;
}
.pedido-list h4 {
	font-weight: bold;
	flex: 3;
}
.pedido-list p {
	flex: 1;
	white-space: nowrap;
}
.pedido-list p input {
	display: block;
	width: 3em;
	box-shadow: 0 0 0 1px #ccc;
	border-radius: .25rem;
	text-align: center;
}
.pedido-list h5 {
	font-weight: bold;
	flex: 2;
}
.pedido-list a {
	margin-left: auto;
}
.panel-footer {
	height: 5rem;
	border-top: solid 1px #ccc;
	padding-left: 50%;
}
.panel-footer h4 {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 3rem;
	color: var(--col-pri);
	display: inline-block;
}
.panel-footer a {
	float: right;
	margin: 0 0 0 auto!important;
}



@media (max-width:960px) {
	.branding img:not(:last-child) {
		width: 3rem;
		object-fit: cover;
		object-position: left center;
	}
	.main-pedidos #promociones {
		margin-top: -1rem;
		padding-bottom: 2rem!important;
	}
	.main-pedidos #buscador {
		padding-bottom: 2rem!important;
	}
	.main-pedidos #buscador .field {
		margin: 0 0 .5rem;
		display: block;
		width: auto;
	}
	.main-pedidos #buscador .field * {
		display: block;
		width: 100%!important;
	}
	.main-pedidos #buscador .bt {
		width: 100%;
		margin: .5rem 0 0;
	}
	#resultado {
		padding-top: 0!important;
	}
	#resultado ul.search-list {
		margin: -1.25rem;
	}
	#resultado ul.search-list li {
		display: block;
		padding: 1rem 1.25rem 1rem 7rem;
		position: relative;
	}
	#resultado ul.search-list li a.avatar {
		width: 5rem;
		height: 5rem;
		display: block;
		position: absolute;
		left: .75rem;
		top: .75rem;
	}
	#resultado ul.search-list li h4 {
		width: auto;
	}
	#resultado ul.search-list li p{
		display: inline-block;
		vertical-align: baseline;
		width: 40%;
		line-height: 1em;
	}
	#resultado ul.search-list li h5 {
		width: auto;	
	}
	#resultado ul.search-list li .bt-g {
		text-decoration: underline;
		margin-left: -1.5em;
	}
	.panel-footer {
		padding-left: 0;
	}
}