.hero{height:auto;margin-top:0;.column__2{height:100%;.col__left{width:45%;padding:0% 10% 0% 5%;background-color:var(--color-secondary-dark);justify-content:center;border-radius:0 0 20px;h1,h2,p{color:var(--color-white)}h2{font-size:var(--size-2xl)}}.col__right{width:55%;gap:0;picture{width:100%;height:80%;img{width:100%;height:100%;object-fit:cover;object-position:center}}p{width:100%;text-align:end;grid-column:span 4;font-size:2vw;margin:0;font-weight:700;padding:5% 5% 5% 60%}}}}.intro{padding:8% 0% 5% 5%;.column__1{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:5%;h3{font-size:var(--size-xl);color:var(--color-primary);width:20%}.portableText{width:30%;ul{li{list-style:none;display:flex;flex-direction:row;align-items:flex-start;line-height:1.3;&:before{content:"";display:inline-block;width:1.1em;height:1.1em;aspect-ratio:1/1;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2030%2030'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20id='shape-401276ba-98a9-80f5-8006-28de476e3850'%3e%3cpath%20d='M15,0C23.279,0%2030,6.721%2030,15C30,23.279%2023.279,30%2015,30C6.721,30%200,23.279%200,15C0,6.721%206.721,0%2015,0ZM6.546,16.384L11.259,21.097C11.943,21.781%2013.051,21.781%2013.734,21.097L23.454,11.378C24.137,10.695%2024.137,9.586%2023.454,8.903C22.771,8.22%2021.662,8.22%2020.979,8.903L12.497,17.385L9.021,13.909C8.338,13.226%207.229,13.226%206.546,13.909C5.863,14.592%205.863,15.701%206.546,16.384Z'%20style='fill:rgb(223,92,21);'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;margin-right:15px}}}}picture{width:50%;border-radius:20px 0 0 20px}}}.values{padding:5% 5% 10%;.column__1{h3{font-size:var(--size-2xl);color:var(--color-primary);margin-bottom:3%}ul{max-width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:3%;.card__values{background-color:var(--color-primary);padding:3%;border-radius:20px;width:100%;min-width:0;picture{margin-bottom:5vh;width:80px;aspect-ratio:1 / 1}h4{color:var(--color-white);margin:0 0 5%;font-size:var(--size-md);text-transform:uppercase;font-weight:500}p{color:var(--color-white);margin:0;font-size:var(--size-sm)}}}}&:after{content:"";display:block;position:absolute;background-color:var(--color-primary-light);width:100%;height:50%;left:0;bottom:0;z-index:-1}}.whoWeAre{padding:0% 0% 10% 5%;background-color:var(--color-primary-light);h3{font-size:3vw;font-weight:700}.column__2{.col__left{padding-right:5%;width:70%;gap:5vh;ul{grid-row-gap:0;.card__whoWeAre{background-color:var(--color-white);padding:10%;border-radius:20px;width:100%;height:auto;min-width:0;picture{margin-bottom:5vh;width:20%;height:auto;padding:4px;img{width:100%;height:100%;object-fit:contain}}p{font-size:var(--size-sm);margin:0}}}}.col__right{width:30%;picture{height:100%;width:100%;border-radius:20px 0 0 20px;overflow:hidden;img{height:100%;width:100%;object-fit:cover}}}}}@media only screen and (max-width: 1024px){.hero{height:auto;.column__2{flex-direction:column-reverse;.col__left{width:100%!important;padding:8% 5%;border-radius:0}.col__right{width:100%;picture{max-height:50vh;height:50vh}.eslogan{display:none}}}}#intro{padding:10% 5% 5%;.column__1{flex-direction:column;h3{width:100%}.portableText{width:100%;margin-bottom:20px}picture{width:100%;border-radius:20px}}}#values{.column__1{.listado__values{flex-wrap:wrap;.card__values{width:48.5%;h4{font-size:var(--size-lg)}}}}&:after{display:none}}.whoWeAre{padding:8% 5%;.column__2{.col__left{width:100%;padding-right:0;ul{.card__whoWeAre{picture{width:35%;margin-bottom:3vh}}}}.col__right{width:100%;picture{margin-top:5%;border-radius:20px}}}}}@media only screen and (max-width: 768px){.hero{.column__2{.col__right{picture{max-height:50vh;height:50vh}}}}#values{.column__1{h3{margin-bottom:5%}.listado__values{.card__values{width:100%;padding:5%;picture{margin-bottom:3vh;width:60px}h4{font-size:var(--size-lg)}}}}}.whoWeAre{padding:10% 5%;.column__2{.col__left{gap:5%;.listado__x2{grid-gap:0px}.listado__x3{grid-row-gap:5vw;.card__whoWeAre{picture{width:65px;margin-bottom:3vh}}}}}}}
