@font-face {
font-family: "Exat-Bold";
src: url(//rpacomunicacion.com/wp-content/themes/rpa2025/css/fonts/exatcyrwide-bold.woff2) format("woff2"), url(//rpacomunicacion.com/wp-content/themes/rpa2025/css/fonts/exatcyrwide-bold.woff) format("woff");
font-weight: 100;
font-style: normal;
}
:root {
--fsize: 1.25vw;
--f-exat: "Exat-Bold", sans-serif;
--f-inter: "Inter", sans-serif;
--f-bold: 700;
--paragraph-small: 0.75rem;
--paragraph: 1rem;
--h32: 1.3333333333rem;
--h42: 1.75rem;
--h60: 2.5rem;
--h76: 3.1666666667rem;
--h100: 4.1666666667rem;
--h133: 5.5416666667rem;
--h235: 9.7916666667rem;
--lh-paragraph-small: 130%;
--lh-paragraph: 130%;
--lh-h32: 115%;
--lh-h42: 115%;
--lh-h60: 105%;
--lh-h76: 105%;
--lh-h100: 105%;
--lh-h133: 105%;
--lh-h235: 105%;
--space-none: 0;
--space-xs: 0.1666666667rem;
--space-sm: 0.3333333333rem;
--space-md: 0.6666666667rem;
--space-lg: 1rem;
--space-xl: 1.3333333333rem;
--space-2xl: 2rem;
--space-3xl: 2.6666666667rem;
--space-4xl: 4rem;
--space-5xl: 6rem;
--grid-gap: 1.1666666667rem;
--wrapper-padd: var(--space-lg);
--dark-blue: #01065B;
--light-blue: #868EFF;
--dark-green: #1A3526;
--green: #92FF73;
--yellow: #D0F95F;
--pink: #FF58AC;
--dark-red: #560900;
--red: #FF514D;
}
@media (max-width: 1024px) {
:root {
--fsize: 2.34375vw;
--paragraph-small: 0.625rem;
--paragraph: 0.8333333333rem;
--h32: 1rem;
--h42: 1.4166666667rem;
--h60: 1.9166666667rem;
--h76: 2.3333333333rem;
--h100: 2.9166666667rem;
--h133: 4.1666666667rem;
--h235: 6.25rem;
--space-md: 0.5rem;
--space-lg: 0.8333333333rem;
--space-xl: 1.0833333333rem;
--space-2xl: 1.5rem;
--space-3xl: 2.1666666667rem;
--space-4xl: 3.3333333333rem;
--space-5xl: 4.1666666667rem;
--grid-gap: 1rem;
}
}
@media (max-width: 950px) {
:root {
--fsize: 2.5263157895vw;
--paragraph-small: 0.625rem;
--paragraph: 0.75rem;
--h32: 0.8333333333rem;
--h42: 1rem;
--h60: 1.1666666667rem;
--h76: 1.4166666667rem;
--h100: 1.8333333333rem;
--h133: 2.5rem;
--h235: 3.3333333333rem;
--space-md: 0.5rem;
--space-lg: 0.6666666667rem;
--space-xl: 0.9166666667rem;
--space-2xl: 1.1666666667rem;
--space-3xl: 1.6666666667rem;
--space-4xl: 2.5rem;
--space-5xl: 3.3333333333rem;
--grid-gap: 0.8333333333rem;
}
}
@media (max-width: 768px) {
:root {
--fsize: 3.125vw;
}
}
@media (max-width: 468px) {
:root {
--fsize: 5.1282051282vw;
}
}
@media (max-width: 375px) {
:root {
--fsize: 6.4vw;
}
}
.grid {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
justify-content: space-between;
gap: var(--grid-gap);
z-index: 2000;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.grid div {
position: relative;
width: 100%;
height: 100%;
background: pink;
opacity: 0.3;
}
@media (max-width: 768px) {
.grid div:nth-child(n+5) {
display: none;
}
} p, h1, h2, h3, h4, h5, h6, span {
font-kerning: none;
-webkit-text-rendering: optimizeSpeed;
text-rendering: optimizeSpeed;
transform: translateZ(0);
} *,
*::before,
*::after {
box-sizing: border-box;
} a, button {
all: unset;
cursor: revert;
} ol, ul, menu {
list-style: none;
} img {
max-width: 100%;
} table {
border-collapse: collapse;
} input, textarea {
-webkit-user-select: auto;
} textarea {
white-space: revert;
} meter {
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
} ::-moz-placeholder {
color: unset;
}
::placeholder {
color: unset;
} :where([hidden]) {
display: none;
} :where([contenteditable]:not([contenteditable=false])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
} :where([draggable=true]) {
-webkit-user-drag: element;
}
@media screen and (max-width: 1024px) {
* {
-webkit-tap-highlight-color: transparent;
}
} * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button {
all: unset;
cursor: pointer;
}
a {
display: inline-block;
text-decoration: none;
color: inherit;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, p, li {
font-weight: normal;
margin: 0;
}
h1, h2, h3, h4, h5, p {
font-size: 1rem;
}
.grecaptcha-badge {
visibility: hidden;
}
.otgs-development-site-front-end {
display: none !important;
}
.cky-preference-header .cky-preference-title,
.cky-notice .cky-title {
font-family: var(--f-exat) !important;
font-size: var(--h42) !important;
line-height: var(--lh-h42) !important;
color: var(--bgcolor) !important;
margin-bottom: var(--space-md) !important;
}
.cky-preference-header .cky-preference-title {
text-align: left;
margin: 0 0 !important;
}
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p,
.cky-notice-des {
font-size: 12px !important;
font-style: normal !important;
font-weight: 90 !important;
line-height: 18px !important;
color: var(--bgcolor) !important;
}
.cky-notice-des {
overflow-y: auto !important;
padding-bottom: var(--space-xs) !important;
}
.cky-notice-des p:last-child, .cky-notice-des p {
font-family: var(--f-inter) !important;
font-size: var(--paragraph-small) !important;
line-height: var(--lh-paragraph-small) !important;
color: var(--bgcolor) !important;
font-weight: 500 !important;
}
.cky-prefrence-btn-wrapper .cky-btn,
.cky-notice-btn-wrapper .cky-btn {
font-family: var(--f-inter) !important;
font-size: var(--paragraph-small) !important;
line-height: var(--lh-paragraph-small) !important;
font-weight: 500 !important;
border-radius: 0.5em !important;
border: 2px solid var(--bgcolor) !important;
outline: 0px solid transparent !important;
background: var(--bgcolor) !important;
color: var(--color) !important;
}
.cky-prefrence-btn-wrapper .cky-btn:hover,
.cky-notice-btn-wrapper .cky-btn:hover {
background: var(--color) !important;
color: var(--bgcolor) !important;
}
.cky-revisit-bottom-left {
display: none !important;
}
.cky-consent-container {
display: none;
}
.cky-consent-container.on {
display: block;
}
.cky-hide {
display: none !important;
}
.cky-consent-container,
.cky-consent-container .cky-consent-bar {
background-color: var(--color) !important;
box-shadow: unset !important;
border: 0px solid transparent !important;
max-width: 27.08rem !important;
width: 100% !important;
}
button.cky-show-desc-btn:not(:hover):not(:active) {
color: #191919 !important;
font-weight: 100 !important;
font-size: 12px !important;
}
.cky-accordion-header .cky-always-active {
color: var(--green-dark) !important;
}
.cky-switch input[type=checkbox]:checked {
background: var(--green-dark) !important;
}
@media (max-width: 440px) {
.cky-btn {
width: 95% !important;
}
}
.cky-preference-center {
font-family: var(--f-inter) !important;
background-color: var(--color) !important;
box-shadow: unset !important;
border: 0px solid transparent !important;
font-weight: 500 !important;
}
.cky-footer-shadow {
display: none !important;
}
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p, .cky-notice-des {
font-size: var(--paragraph-small) !important;
line-height: var(--lh-paragraph-small) !important;
font-weight: 500 !important;
color: var(--bgcolor) !important;
}
.cky-accordion-header .cky-accordion-btn {
font-size: var(--paragraph) !important;
line-height: var(--lh-paragraph) !important;
font-weight: 500 !important;
color: var(--bgcolor) !important;
}
button.cky-show-desc-btn:not(:hover):not(:active),
button.cky-show-desc-btn:hover,
.cky-accordion-header .cky-always-active {
font-size: var(--paragraph-small) !important;
line-height: var(--lh-paragraph-small) !important;
font-weight: 500 !important;
color: var(--bgcolor) !important;
}
button.cky-show-desc-btn:hover {
opacity: 0.75 !important;
}
.grid {
display: none !important;
}
body, html {
position: relative;
width: 100%;
margin: 0;
padding: 0;
font-family: var(--f-inter);
font-size: var(--fsize);
line-height: 130%;
scrollbar-width: none;
overflow-x: clip;
background: var(--bgcolor);
color: var(--color);
}
body {
opacity: 0;
}
html #smooth-wrapper {
position: relative;
opacity: 0;
}
html.mobile {
scroll-behavior: smooth;
}
html.mobile body {
overflow: hidden;
width: 100vw;
height: 99.945svh;
}
html.mobile #smooth-wrapper {
position: fixed;
top: 0svh;
left: 0;
width: 100vw;
height: 99.945svh;
overflow: hidden;
overflow-y: auto;
}
html.is_safari body {
height: 99.999svh;
}
html.is_safari #smooth-wrapper {
height: 99.999svh;
}
.d-none {
display: none !important;
}
.d-block {
display: block;
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 950px) {
.d-mob-none {
display: none !important;
}
}
@media (max-width: 950px) {
.d-mob-block {
display: block !important;
}
}
@media (max-width: 950px) {
.d-mob-flex {
display: flex !important;
}
}
@media (max-width: 576px) {
.d-sm-none {
display: none !important;
}
}
.hidden {
visibility: hidden;
}
.f-inter {
font-family: var(--f-inter);
}
.f-exat {
font-family: var(--f-exat);
}
.f-paragraph-small {
font-size: var(--paragraph-small);
line-height: var(--lh-paragraph-small);
}
.f-paragraph {
font-size: var(--paragraph);
line-height: var(--lh-paragraph);
}
.f-h32 {
font-size: var(--h32);
line-height: var(--lh-h32);
}
.f-h42 {
font-size: var(--h42);
line-height: var(--lh-h42);
}
.f-h60 {
font-size: var(--h60);
line-height: var(--lh-h60);
}
.f-h76 {
font-size: var(--h76);
line-height: var(--lh-h76);
}
.f-h100 {
font-size: var(--h100);
line-height: var(--lh-h100);
}
.f-h133 {
font-size: var(--h133);
line-height: var(--lh-h133);
}
.f-h235 {
font-size: var(--h235);
line-height: var(--lh-h235);
}
.f-italic {
font-style: italic;
}
.f-bold {
font-weight: var(--f-bold);
}
.f-medium {
font-weight: medium;
}
.f-normal {
font-weight: normal;
}
.f-light {
font-weight: 100;
}
.t-center {
text-align: center;
}
.t-right {
text-align: right;
}
.t-left {
text-align: left;
}
.t-upper {
text-transform: uppercase;
}
.t-capitalize {
text-transform: capitalize;
}
.w-100 {
width: 100% !important;
}
.w-50 {
width: 50%;
}
.h-min100 {
min-height: 100dvh !important;
}
.h-minAuto {
min-height: unset;
}
.col-1 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0);
}
.col-2 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1);
}
.col-3 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3 + var(--grid-gap) * 2);
}
.col-4 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4 + var(--grid-gap) * 3);
}
.col-5 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5 + var(--grid-gap) * 4);
}
.col-6 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5);
}
.col-7 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
}
.col-8 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 8 + var(--grid-gap) * 7);
}
.col-9 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 9 + var(--grid-gap) * 8);
}
.col-10 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 10 + var(--grid-gap) * 9);
}
.col-11 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 11 + var(--grid-gap) * 10);
}
.col-12 {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 12 + var(--grid-gap) * 11);
}
.mb-none {
margin-bottom: var(--space-none);
}
.mb-xs {
margin-bottom: var(--space-xs);
}
.mb-sm {
margin-bottom: var(--space-sm);
}
.mb-md {
margin-bottom: var(--space-md);
}
.mb-lg {
margin-bottom: var(--space-lg);
}
.mb-xl {
margin-bottom: var(--space-xl);
}
.mb-2xl {
margin-bottom: var(--space-2xl);
}
.mb-3xl {
margin-bottom: var(--space-3xl);
}
.mb-4xl {
margin-bottom: var(--space-4xl);
}
.mb-5xl {
margin-bottom: var(--space-5xl);
}
.mt-none {
margin-top: var(--space-none);
}
.mt-xs {
margin-top: var(--space-xs);
}
.mt-sm {
margin-top: var(--space-sm);
}
.mt-md {
margin-top: var(--space-md);
}
.mt-lg {
margin-top: var(--space-lg);
}
.mt-xl {
margin-top: var(--space-xl);
}
.mt-2xl {
margin-top: var(--space-2xl);
}
.mt-3xl {
margin-top: var(--space-3xl);
}
.mt-4xl {
margin-top: var(--space-4xl);
}
.mt-5xl {
margin-top: var(--space-5xl);
}
.pb-none {
padding-bottom: var(--space-none);
}
.pb-xs {
padding-bottom: var(--space-xs);
}
.pb-sm {
padding-bottom: var(--space-sm);
}
.pb-md {
padding-bottom: var(--space-md);
}
.pb-lg {
padding-bottom: var(--space-lg);
}
.pb-xl {
padding-bottom: var(--space-xl);
}
.pb-2xl {
padding-bottom: var(--space-2xl);
}
.pb-3xl {
padding-bottom: var(--space-3xl);
}
.pb-4xl {
padding-bottom: var(--space-4xl);
}
.pb-5xl {
padding-bottom: var(--space-5xl);
}
.pt-none {
padding-top: var(--space-none);
}
.pt-xs {
padding-top: var(--space-xs);
}
.pt-sm {
padding-top: var(--space-sm);
}
.pt-md {
padding-top: var(--space-md);
}
.pt-lg {
padding-top: var(--space-lg);
}
.pt-xl {
padding-top: var(--space-xl);
}
.pt-2xl {
padding-top: var(--space-2xl);
}
.pt-3xl {
padding-top: var(--space-3xl);
}
.pt-4xl {
padding-top: var(--space-4xl);
}
.pt-5xl {
padding-top: var(--space-5xl);
}
.gama-1.bg-1 {
--bgcolor: var(--dark-blue);
--color: var(--light-blue);
}
.gama-1.bg-1 .filter {
filter: invert(58%) sepia(17%) saturate(3803%) hue-rotate(207deg) brightness(99%) contrast(103%);
}
.gama-1.bg-2 {
--bgcolor: var(--dark-green);
--color: var(--green);
}
.gama-1.bg-2 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.gama-1.bg-3 {
--bgcolor: var(--dark-blue);
--color: var(--green);
}
.gama-1.bg-3 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.gama-2 {
--bgcolor: var(--dark-blue);
}
.gama-2.surface-1 {
--color: var(--yellow);
}
.gama-2.surface-2 {
--color: var(--pink);
}
.gama-2.surface-2 .filter {
filter: invert(51%) sepia(17%) saturate(3196%) hue-rotate(292deg) brightness(101%) contrast(101%);
}
.gama-3.bg-1 {
--bgcolor: var(--dark-red);
--color: var(--red);
}
.gama-3.bg-2 {
--bgcolor: var(--dark-green);
--color: var(--green);
}
.gama-3.bg-2 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.gama-3.bg-3 {
--bgcolor: var(--dark-red);
--color: var(--green);
}
.gama-3.bg-3 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.c-dark-blue {
color: var(--dark-blue);
}
.c-light-blue {
color: var(--light-blue);
}
.c-dark-green {
color: var(--dark-green);
}
.c-green {
color: var(--green);
}
.c-yellow {
color: var(--yellow);
}
.c-pink {
color: var(--pink);
}
.c-dark-red {
color: var(--dark-red);
}
.c-red {
color: var(--red);
}
.bg-dark-blue {
background: var(--dark-blue) !important;
}
.bg-light-blue {
background: var(--light-blue) !important;
}
.bg-dark-green {
background: var(--dark-green) !important;
}
.bg-green {
background: var(--green) !important;
}
.bg-yellow {
background: var(--yellow) !important;
}
.bg-pink {
background: var(--pink) !important;
}
.bg-dark-red {
background: var(--dark-red) !important;
}
.bg-red {
background: var(--red) !important;
}
input[type=text],
input[type=email],
input[type=tel] {
position: relative;
display: block;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px solid transparent;
outline: 0px solid transparent;
background: transparent;
color: var(--color);
}
input[type=checkbox] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
margin: 0;
font: inherit;
width: 1em;
height: 1em;
border: 1px solid var(--color);
transform: translateY(0.075em);
border-radius: 0.25em;
}
input[type=checkbox]::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0.5em;
height: 0.5em;
transform: translate(-50%, -50%) scale(0);
transform-origin: center center;
transition: transform 0.1s ease-in-out;
background: var(--red);
z-index: 10;
}
input[type=checkbox]:checked:before {
transform: translate(-50%, -50%) scale(1);
}
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: bloc;
appearance: none;
border: 0px solid transparent;
outline: 0px solid transparent;
background: transparent;
color: transparent;
}
input[type=submit]:hover {
background: transparent !important;
color: transparent !important;
}
.wrap-input {
position: relative;
display: block;
width: -moz-fit-content;
width: fit-content;
transform-origin: top right;
transition: transform 0.15s ease-in-out;
}
.wrap-input:hover {
transform: scale(0.85);
}
.wrapper {
padding-left: var(--wrapper-padd);
padding-right: var(--wrapper-padd);
}
.wrapper--v {
padding-top: var(--wrapper-padd);
padding-bottom: var(--wrapper-padd);
}
#mouse {
width: 1.9166666667rem;
position: fixed;
z-index: 99999999;
pointer-events: none;
transition: width 0.33s cubic-bezier(0.34, 1.56, 0.64, 1), height 0.33s cubic-bezier(0.34, 1.56, 0.64, 1), mix-blend-mode 0.33s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.33s cubic-bezier(0.34, 1.56, 0.64, 1);
mix-blend-mode: difference;
will-change: transform;
}
#mouse.hover {
width: 1.4583333333rem !important;
height: 1.375rem !important;
}
#mouse div {
position: relative;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
#mouse span.svg__bg {
background-color: var(--yellow);
}
#mouse .mouse__ic {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 20%;
z-index: 5;
}
#mouse .mouse--slider {
gap: 0%;
}
#mouse .mouse--slider svg {
width: 25%;
}
#mouse .mouse--slider svg:nth-of-type(1) {
transform: scaleX(-1);
}
#mouse .mouse--slider svg path {
fill: var(--dark-blue);
}
#mouse .mouse--video svg {
left: 5%;
width: 40%;
}
#mouse .mouse--video svg path {
fill: var(--dark-blue);
}
.svg {
position: relative;
width: 100%;
overflow: hidden;
}
.svg__global {
position: absolute;
top: 0;
left: 0;
z-index: -100;
pointer-events: none;
}
.svg__text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
color: var(--color);
}
.svg__text span {
position: absolute;
font-weight: var(--f-bold);
}
.svg__text--center span {
color: var(--bgcolor);
font-weight: var(--f-bold);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.svg__text--colorBg span {
color: var(--bgcolor);
}
.svg__text--form1 span:nth-of-type(1) {
top: 35% !important;
left: var(--space-lg);
}
.svg__img, .svg__bg {
position: absolute;
top: 1%;
left: 1%;
width: 98%;
height: 98%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
@media (max-width: 576px) {
.svg__img, .svg__bg {
top: 0%;
left: 0%;
width: 100%;
height: 100%;
}
}
.svg__bg {
background: var(--color);
}
.svg__img.bg-color {
background: var(--color);
}
.svg--logo {
min-width: 6.625rem;
aspect-ratio: 159/43;
clip-path: url(#svg-logo);
}
@media (max-width: 1024px) {
.svg--logo {
min-width: 4.7916666667rem;
}
}
.svg--logo .svg__bg {
clip-path: url(#svg-logo);
}
.svg--lang {
aspect-ratio: 100/95;
clip-path: url(#svg-lang-anim);
}
.svg--form1 {
aspect-ratio: 534/487;
clip-path: url(#svg-form1);
}
.svg--form1 .svg__text:not(.svg__text--center):not(.svg__text--slider) {
top: 50%;
transform: translateY(-50%);
height: auto;
padding-left: var(--space-lg);
max-width: 60%;
}
.svg--form1 .svg__text:not(.svg__text--center):not(.svg__text--slider) span {
position: relative;
display: inline-block;
margin-right: 0.625rem;
white-space: nowrap;
}
.svg--form2 {
aspect-ratio: 368/335;
clip-path: url(#svg-form2);
}
.svg--form2 .svg__text--center span {
left: 43%;
}
.svg--form6 {
aspect-ratio: 355/291;
clip-path: url(#svg-form6);
}
.svg--form10 {
aspect-ratio: 341/288;
clip-path: url(#svg-form10);
}
.svg--form10 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
top: 4%;
right: 4%;
}
.svg--form10 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
top: 50%;
left: var(--space-lg);
}
.svg--form10 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3) {
bottom: var(--space-xl);
right: 14%;
}
.svg--form11 {
aspect-ratio: 722/620;
clip-path: url(#svg-form11);
}
.svg--form11 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
top: 4%;
right: 5%;
}
.svg--form11 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
top: 30%;
left: 4%;
}
.svg--form11 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3) {
bottom: var(--space-xl);
right: 26%;
}
.svg--form12 {
aspect-ratio: 638/588;
clip-path: url(#svg-form12);
}
.svg--form12 .svg__text:not(.svg__text--center):not(.svg__text--slider) span {
color: var(--bgcolor);
font-weight: var(--f-bold);
}
.svg--form12 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
top: var(--space-lg);
left: 5%;
}
.svg--form12 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
top: 32%;
right: var(--space-lg);
}
.svg--form12 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3) {
bottom: var(--space-xl);
right: 29%;
}
.svg--form13 {
aspect-ratio: 654/452;
clip-path: url(#svg-form13);
}
.svg--form13 .svg__text:not(.svg__text--center):not(.svg__text--slider) span {
color: var(--bgcolor);
}
.svg--form13 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
top: var(--space-lg);
left: var(--space-lg);
}
.svg--form13 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
bottom: var(--space-lg);
right: var(--space-lg);
}
.svg--form14 {
aspect-ratio: 400/212;
clip-path: url(#svg-form14);
}
.svg--form15, .svg--form16 {
aspect-ratio: 1049/380;
clip-path: url(#svg-form15);
transform-origin: left top;
}
@media (max-width: 950px) {
.svg--form15, .svg--form16 {
aspect-ratio: 351/250;
clip-path: url(#svg-form15-mob);
}
}
@media (max-width: 468px) {
.svg--form15, .svg--form16 {
aspect-ratio: 351/230;
}
}
.svg--form15 .svg, .svg--form16 .svg {
width: 100%;
}
@media (max-width: 950px) {
.svg--form15 .svg, .svg--form16 .svg {
width: 90%;
}
}
.svg--form15 .svg__text:not(.svg__text--center):not(.svg__text--slider) span, .svg--form16 .svg__text:not(.svg__text--center):not(.svg__text--slider) span {
color: var(--bgcolor);
font-weight: var(--f-bold);
width: -moz-fit-content;
width: fit-content;
}
.svg--form15 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1), .svg--form16 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
top: var(--space-lg);
left: 3%;
}
.svg--form15 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2), .svg--form16 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
bottom: var(--space-lg);
left: 18%;
}
@media (max-width: 950px) {
.svg--form15 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2), .svg--form16 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
left: unset;
right: var(--space-lg);
bottom: 25%;
}
}
@media (max-width: 468px) {
.svg--form15 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2), .svg--form16 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
bottom: 20%;
}
}
.svg--form15 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3), .svg--form16 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3) {
bottom: 4%;
right: var(--space-xl);
}
@media (max-width: 950px) {
.svg--form15 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3), .svg--form16 .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3) {
right: unset;
left: 20%;
}
}
.svg--form16 {
aspect-ratio: 1049/500;
}
.svg--formProyecto {
transform-origin: top right !important;
aspect-ratio: 1394/592;
clip-path: url(#svg-formProyecto);
}
@media (max-width: 950px) {
.svg--formProyecto {
aspect-ratio: 343/407;
}
}
.svg--formNoticia {
transform-origin: top left !important;
aspect-ratio: 960/519;
clip-path: url(#svg-formNoticia);
}
@media (max-width: 1024px) {
.svg--formNoticia {
aspect-ratio: 342/677;
}
}
.svg--formNoticia .svg__img {
top: 0%;
left: 0%;
width: 102%;
height: 102%;
}
.svg--formAnimaPreloader {
aspect-ratio: 423/344;
clip-path: url(#svg-formAnimaPreloader);
}
.svg--formAnimaHeader {
aspect-ratio: 341/288;
clip-path: url(#svg-formAnimaHeader);
}
.svg--formAnimaHeader .svg__img {
top: 0%;
left: 0%;
width: 100%;
height: 100%;
}
.svg--formAnimaHeader .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
top: 3%;
transform: translateX(-100%);
left: 97%;
}
@media (max-width: 468px) {
.svg--formAnimaHeader .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
left: 95%;
}
}
.svg--formAnimaHeader .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
bottom: 40%;
transform: translateX(0%);
left: 3%;
}
.svg--formAnimaHeader .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(3) {
bottom: 3%;
right: 14%;
transform: translateX(0%);
}
.svg--formAnimaServicios {
aspect-ratio: 423/344;
clip-path: url(#svg-formAnimaServicios);
}
.svg--formAnimaFooter {
aspect-ratio: 654/452;
clip-path: url(#svg-formAnimaFooter);
transform-origin: top left;
}
.svg--formAnimaFooter .svg__text:not(.svg__text--center):not(.svg__text--slider) span {
color: var(--bgcolor);
}
.svg--formAnimaFooter .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(1) {
top: 4%;
left: 4%;
}
.svg--formAnimaFooter .svg__text:not(.svg__text--center):not(.svg__text--slider) span:nth-of-type(2) {
bottom: 4%;
right: 4%;
}
.svg--formArrows {
aspect-ratio: 13/29;
clip-path: url(#svg-formArrows);
}
.svg--formArrowLink {
aspect-ratio: 70/38;
transform-origin: top left;
clip-path: url(#svg-formArrowLink);
}
.btn {
position: relative;
display: block;
width: 7.125rem;
transform-origin: top right;
}
@media (max-width: 1024px) {
.btn {
width: 5.625rem;
}
}
.btn:hover::before, .btn.hover::before {
clip-path: polygon(100% 0%, 100% 29%, 78% 80%, 20% 80%, 20% 48%, 71% 0%, 100% 0%);
}
.btn:hover .btn__text, .btn.hover .btn__text {
bottom: 21%;
left: 20%;
width: 58%;
height: 31%;
font-size: calc(var(--paragraph-small) - 0.125rem);
}
.btn::before {
content: "";
position: relative;
display: block;
width: 100%;
aspect-ratio: 171/75;
clip-path: polygon(100% 0%, 100% 37.13%, 72.6% 100%, 0% 100%, 0% 60.82%, 64.3% 0%, 100% 0%);
background: var(--color);
transition: all 0.15s ease;
will-change: transform;
}
.btn__text {
position: absolute;
bottom: 0;
left: 0;
width: 73%;
height: 40%;
font-size: var(--paragraph-small);
font-weight: var(--f-bold);
line-height: 0;
color: var(--bgcolor);
display: grid;
place-items: center;
transition: all 0.15s ease;
will-change: transform;
letter-spacing: -0.025em;
}
.btn--invt {
transform-origin: top left;
}
.btn--invt:hover .btn__text {
left: unset;
right: 20%;
}
.btn--invt::before {
transform: scaleX(-1);
}
.btn--invt .btn__text {
left: unset;
right: 0;
}
.link--split {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.25em;
overflow: hidden;
padding-right: 1.25em;
--colorTo: white;
}
.link--split .svg {
--margin: -1.25;
position: relative;
top: -0.033em;
width: 1em;
margin-left: calc(var(--margin) * 1em);
}
.link--split .svg__bg {
background: white;
}
.link--split-invt {
padding-right: unset;
padding-left: 1.25em;
gap: 0.125em;
}
.link--split-invt .svg {
margin-right: calc(var(--margin) * 1em);
margin-left: unset;
transform: scaleX(-1) translate(100%, 10%);
transform-origin: top right;
}
.link--scroll {
position: relative;
bottom: 0;
width: -moz-fit-content;
width: fit-content;
display: grid;
place-items: center;
white-space: nowrap;
}
@media (max-width: 1024px) {
.link--scroll {
height: 2.625rem;
}
}
@media (max-width: 950px) {
.link--scroll {
height: 2.2916666667rem;
}
}
.link--under {
text-decoration: underline !important;
}
.link--simple {
transition: color 0.2s ease;
}
@media (min-width: 950px) {
.link--simple:hover {
color: white;
}
}
.hover-simple {
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
transform-origin: center;
}
.hover-simple:hover {
transform: scale(0.92);
}
.menu {
display: block;
width: 3.875rem;
pointer-events: all;
will-change: transform;
}
@media (max-width: 1024px) {
.menu {
width: 3.125rem;
}
}
.menu__lines {
position: absolute;
top: 0;
right: 1.2rem;
width: 2.6rem;
aspect-ratio: 1/0.75;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
z-index: 2;
transform-origin: top right;
will-change: transform;
}
@media (max-width: 1024px) {
.menu__lines {
right: 0.9rem;
width: 2.2rem;
}
}
.menu__lines span {
position: relative;
display: block;
width: 65%;
height: 2px;
background: var(--bgcolor);
transition: background 0.25s linear;
}
.menu__content {
display: none;
z-index: 2;
}
.menu .svg.header__menu__svg {
position: relative;
width: 100%;
height: 100%;
aspect-ratio: 76/52;
clip-path: url(#svg-form-menu-off);
}
.menu.on .svg.header__menu__svg {
height: 100%;
}
@media (min-width: 950px) {
.menu.on .menu__lines:hover span {
background: white;
}
}
.menu.on .menu__content {
position: absolute;
bottom: var(--space-md);
left: var(--space-lg);
width: 67%;
padding: 0 0 var(--space-md) var(--space-md);
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 1024px) {
.menu.on .menu__content {
padding: 0 0 var(--space-xs) var(--space-xs);
}
}
@media (max-width: 950px) {
.menu.on .menu__content {
padding: 0 0 0.2rem;
height: 46%;
width: 65%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
}
.menu.on .menu__content__primary {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 950px) {
.menu.on .menu__content__primary {
gap: 0.125em;
}
}
.menu.on .menu__content__primary__btn {
color: var(--bgcolor);
font-weight: var(--f-bold);
font-size: var(--h76);
line-height: 105%;
}
.menu.on .menu__content__secondary {
position: absolute;
top: calc(var(--space-xl) * -1);
right: 0;
width: 39%;
transform: translateY(-100%);
display: flex;
flex-direction: column;
gap: var(--space-xs);
display: none;
}
@media (max-width: 1024px) {
.menu.on .menu__content__secondary {
gap: 0.1em;
}
}
@media (max-width: 950px) {
.menu.on .menu__content__secondary {
top: 0;
right: unset;
left: 0;
transform: translateY(0);
width: 100%;
gap: 0.45em;
}
}
.menu.on .menu__content__secondary__btn {
color: var(--bgcolor);
font-weight: var(--f-bold);
font-size: var(--h32);
line-height: 115%;
}
.menu.on .menu__content__image {
position: relative;
display: block;
width: 40%;
aspect-ratio: 447/270;
}
@media (max-width: 950px) {
.menu.on .menu__content__image {
display: none;
}
}
.menu.on .menu__content__image__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translate(0, 0);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.grid-cards {
position: relative;
display: flex;
left: 0.1666666667rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 8.3333333333rem var(--grid-gap);
}
@media (max-width: 1024px) {
.grid-cards {
gap: 5.8333333333rem var(--grid-gap);
}
}
@media (max-width: 950px) {
.grid-cards {
left: 0px;
gap: var(--space-2xl) 0;
flex-direction: column;
}
}
.grid-cards .card {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4 + var(--grid-gap) * 3 - 2px);
}
.grid-cards .card:nth-of-type(10n+4) {
margin-right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1 + var(--grid-gap) * 1);
}
.grid-cards .card:nth-of-type(10n+5) {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5 - 2px);
}
.grid-cards .card:nth-of-type(10n+6) {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3 + var(--grid-gap) * 2 - 2px);
}
.grid-cards .card:nth-of-type(10n+7) {
margin-right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--grid-gap) * 1);
}
.grid-cards .card:nth-of-type(10n+9) {
margin-right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1 + var(--grid-gap) * 1);
}
.grid-cards .card:nth-of-type(10n+10) {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5 - 2px);
}
@media (max-width: 950px) {
.grid-cards .card {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.grid-news {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 950px) {
.grid-news {
flex-direction: column;
align-items: center;
gap: var(--space-5xl);
}
}
.grid-logos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--space-md);
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 10 + var(--grid-gap) * 9);
margin-left: auto;
margin-right: auto;
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
@media (max-width: 1024px) {
.grid-logos {
max-width: 100%;
}
}
@media (max-width: 950px) {
.grid-logos {
gap: var(--space-2xl) var(--space-sm);
}
}
.grid-equipo {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: var(--space-4xl) var(--space-lg);
}
.grid-relacionados .card {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3.5 + var(--grid-gap) * 2.5);
}
@media (max-width: 950px) {
.grid-relacionados .card {
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 3 + var(--grid-gap) * 2);
}
}
.grid-relacionados .card__image {
pointer-events: none;
}
.card--work {
display: block;
margin: 0;
}
.card--work .card__image {
position: relative;
display: block;
width: 100%;
margin-bottom: var(--space-lg);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
--clipPath: 0% 0% 0% 0%;
clip-path: inset(var(--clipPath));
}
.card--work .card__title {
font-weight: var(--f-bold);
font-size: var(--h32);
line-height: 115%;
margin-bottom: var(--space-xs);
}
.card--work .card__subtitle {
font-size: var(--paragraph-small);
line-height: normal;
}
.card--new {
position: relative;
display: block;
margin-bottom: var(--space-5xl);
transform-origin: top center;
}
@media (max-width: 950px) {
.card--new {
margin-bottom: 0;
width: 100%;
}
}
.card--new .card__svg {
max-width: 22.2083333333rem;
margin-bottom: var(--space-2xl);
}
@media (max-width: 1024px) {
.card--new .card__svg {
max-width: 18.4583333333rem;
}
}
@media (max-width: 950px) {
.card--new .card__svg {
max-width: 100%;
}
}
.card--new .card__content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.card--new .card__content__title {
margin-bottom: var(--space-md);
}
.card--new .card__content__text {
position: relative;
width: 22.5833333333rem;
margin-bottom: var(--space-xl);
}
@media (max-width: 1024px) {
.card--new .card__content__text {
width: 18.8333333333rem;
}
}
@media (max-width: 950px) {
.card--new .card__content__text {
width: 100%;
}
}
.card--svg {
position: relative;
display: block;
background: var(--bgcolor);
color: var(--color);
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-5xl);
padding-left: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0 + var(--grid-gap) * 2);
overflow: hidden;
}
@media (max-width: 1024px) {
.card--svg {
gap: var(--grid-gap);
padding-left: calc(var(--grid-gap) * 1.5);
}
}
@media (max-width: 950px) {
.card--svg {
flex-direction: column;
gap: var(--space-3xl);
padding: var(--space-4xl) var(--wrapper-padd);
min-height: unset !important;
}
}
.card--svg .card__svg {
width: 30.6666666667rem;
aspect-ratio: 736/670;
}
@media (max-width: 1024px) {
.card--svg .card__svg {
max-width: 18.75rem;
}
}
@media (max-width: 950px) {
.card--svg .card__svg {
max-width: 13.3333333333rem;
}
}
.card--svg .card__content {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5 + var(--grid-gap) * 4);
}
@media (max-width: 1024px) {
.card--svg .card__content {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5);
}
}
@media (max-width: 950px) {
.card--svg .card__content {
width: 100%;
}
}
.card--svg .card__content__text {
max-width: 20.2916666667rem;
margin-bottom: var(--space-3xl);
}
@media (max-width: 1024px) {
.card--svg .card__content__text {
max-width: 13.125rem;
}
}
@media (max-width: 950px) {
.card--svg .card__content__text {
width: 100%;
max-width: unset;
margin-bottom: var(--space-lg);
}
}
.card--svg .card__content__link {
margin-bottom: var(--space-lg);
}
@media (max-width: 950px) {
.card--svg .card__content__link {
margin-bottom: var(--space-2xl);
}
}
.card--svg .card__content__grid {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 0 var(--space-lg);
}
.card--svg .card__content__grid .card__title {
font-size: var(--f-paragraph);
}
.card--svg .card__content__grid .card:nth-of-type(5n+1) {
width: 50%;
}
.card--svg .card__content__grid .card:nth-of-type(5n+1) .card__image {
aspect-ratio: 606/510;
}
.card--svg .card__content__grid .card:nth-of-type(5n+2) {
width: 50%;
}
.card--svg .card__content__grid .card:nth-of-type(5n+2) .card__image {
aspect-ratio: 606/630;
}
.card--logo {
width: calc((100% - var(--space-md) * 6) / 7);
height: 5.6666666667rem;
display: flex;
justify-content: center;
align-items: center;
}
.card--logo:nth-of-type(12n+8) {
margin-left: var(--space-3xl);
}
.card--logo:nth-of-type(12n+13) {
margin-right: var(--space-3xl);
}
@media (max-width: 1024px) {
.card--logo {
height: 3.4166666667rem;
}
}
@media (max-width: 950px) {
.card--logo {
width: calc((100% - var(--space-sm) * 2) / 3);
height: 3.4166666667rem;
}
.card--logo:nth-of-type(12n+8) {
margin-left: 0;
}
.card--logo:nth-of-type(12n+13) {
margin-right: 0;
}
.card--logo:nth-of-type(5n+4) {
margin-left: var(--space-4xl);
}
.card--logo:nth-of-type(5n+5) {
margin-right: var(--space-4xl);
}
.card--logo:last-of-type {
display: flex;
}
}
.card--logo .card__img {
position: relative;
display: block;
max-width: 90%;
max-height: 90%;
}
@media (max-width: 950px) {
.card--logo .card__img {
max-width: 100%;
max-height: 100%;
}
}
.card--equipo {
position: relative;
width: calc((100% - var(--space-lg) * 3) / 4);
display: flex;
flex-direction: column;
}
.card--equipo:nth-of-type(3n+1) {
--color: var(--light-blue);
}
.card--equipo:nth-of-type(3n+2) {
--color: var(--green);
}
.card--equipo:nth-of-type(3n+3) {
--color: var(--pink);
}
@media (max-width: 1024px) {
.card--equipo {
width: calc((100% - var(--space-lg) * 1) / 2);
}
}
.card--equipo .card__svg {
flex: 1;
max-width: 95%;
height: auto;
margin-bottom: var(--space-xl);
margin-left: auto;
margin-right: auto;
}
.card--equipo .card__content {
display: flex;
flex-direction: column;
align-items: flex-start;
color: var(--color);
}
.card--equipo .card__content__pretitle {
margin-bottom: var(--space-xs);
}
.card--equipo .card__content__title {
position: relative;
}
.card--equipo .svg__img:nth-of-type(2) {
opacity: 0;
}
.image-full {
width: 100%;
will-change: transform;
}
.image-full .media__source {
max-height: 100dvh;
min-width: 100%;
clip-path: polygon(var(--clipPath));
transform-origin: bottom center;
will-change: transform;
}
@media (max-width: 950px) {
.image-full .media__source {
height: auto;
}
}
.section {
position: absolute;
bottom: var(--space-lg);
right: var(--space-lg);
display: flex;
justify-content: center;
align-items: center;
gap: var(--space-md);
}
@media (max-width: 950px) {
.section {
margin-bottom: 6px;
}
}
@media (max-width: 950px) {
.section:not(.header__section) {
display: none;
}
}
.section span {
position: relative;
display: block;
font-size: var(--paragraph);
line-height: 1.1;
}
.section .svg {
position: relative;
width: 3.75rem;
}
@media (max-width: 1024px) {
.section .svg {
width: 2.9166666667rem;
}
}
@media (max-width: 950px) {
.section .svg {
width: 1.875rem;
}
}
.section__text {
color: var(--color);
}
.wall__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0px;
will-change: transform;
overflow: hidden;
}
.wall__bg__line {
position: relative;
width: 200%;
display: flex;
justify-content: space-between;
gap: 0px;
will-change: transform;
}
.wall__bg__line span {
position: relative;
display: block;
background: var(--color);
flex: 1;
aspect-ratio: 159/43;
clip-path: url(#svg-logo-wall);
}
.carrusel {
display: flex;
width: 200000%;
justify-content: flex-start;
flex-wrap: nowrap;
}
.carrusel .mod-clientes__carrusel__group__content {
position: relative;
width: -moz-fit-content;
width: fit-content;
padding-left: var(--space-4xl);
will-change: transform;
}
.split .word {
overflow-y: clip;
white-space: nowrap;
line-height: 0;
}
.split .word .char-mask {
line-height: 0;
}
.split .word .char {
line-height: 0.9;
padding-bottom: 0.15em;
will-change: transform, opacity;
}
.split .line {
will-change: transform, opacity;
}
.clipPath--inset {
--clipPath: 0% 0% 0% 0%;
clip-path: inset(var(--clipPath));
}
.clipPath--polygon {
--clipPath: 0% 0% 0% 0%;
clip-path: polygon(var(--clipPath));
}
.loading::after {
content: "Cargando...";
display: block;
width: 100%;
text-align: center;
font-family: var(--f-exat);
font-size: var(--h42);
font-weight: var(--f-bold);
color: var(--color);
}
.loading--space::after {
padding: var(--space-5xl) 0;
margin: var(--space-5xl) 0;
}
.loading.langEn::after {
content: "Loading...";
}
.filter-green {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.filter-pink {
filter: invert(51%) sepia(17%) saturate(3196%) hue-rotate(292deg) brightness(101%) contrast(101%);
}
.filter-blue {
filter: invert(58%) sepia(17%) saturate(3803%) hue-rotate(207deg) brightness(99%) contrast(103%);
}
.under {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.under img {
width: 70%;
max-width: 12.5rem;
}
.media.play::after {
content: "";
display: block;
position: absolute;
width: 2.6666666667rem;
height: auto;
top: 50%;
left: 50%;
background: var(--green);
transform: translate(-50%, -50%);
aspect-ratio: 64/48;
clip-path: url(#svg-form-play);
pointer-events: none;
}
@media (max-width: 1024px) {
.media.play::after {
width: 1.5833333333rem;
}
}
@media (max-width: 950px) {
.media.play::after {
width: 1.3333333333rem;
}
}
.media__wrap-source {
position: relative;
height: 100%;
}
.media__source {
position: relative;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
display: block;
will-change: transform;
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
overflow-y: auto;
overflow-x: clip;
display: grid;
place-items: center;
scrollbar-width: thin;
}
.modal .close {
overflow: clip;
}
.modal .close span {
position: absolute;
top: 50%;
left: -7.5%;
width: 115%;
height: 2px;
transform: translate(0, 0);
border-radius: 3px;
background: var(--black);
}
.modal .close span:nth-of-type(1) {
transform-origin: center;
transform: rotate(45deg);
}
.modal .close span:nth-of-type(2) {
transform-origin: center;
transform: rotate(-45deg);
}
.modal .close--white span {
background: white;
}
.modal__bg {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
transform: translate(0, 0);
position: fixed;
background: rgba(0, 0, 0, 0.75);
z-index: 1;
}
.modal--media .modal__content {
position: relative;
width: 100%;
max-width: 1024px;
z-index: 10;
}
.modal--media .modal__video {
position: relative;
display: block;
width: 100%;
z-index: 5;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
filter: drop-shadow(0em 0em 1em rgba(0, 0, 0, 0.2));
}
.modal--media .modal__video iframe,
.modal--media .modal__video .wp-video, .modal--media .modal__video .mejs-container, .modal--media .modal__video .wp-video-shortcode {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.modal--media .modal__close {
position: absolute;
top: 0;
z-index: 20;
right: 0;
transform: translate(150%, 0);
z-index: 4;
width: 2.0833333333rem;
aspect-ratio: 1/1;
}
@media (max-width: calc(1024px + 5rem)) {
.modal--media .modal__close {
transform: translate(-20%, -130%);
}
}
@media (max-width: 950px) {
.modal--media .modal__close {
width: 1.4583333333rem;
}
}
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bgcolor);
color: var(--color);
z-index: 999999999;
opacity: 0;
}
.loader .wrapper {
position: relative;
width: 100%;
height: 100%;
}
.loader__wall {
position: relative;
width: 100%;
height: 100%;
}
.loader__percent {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 31.25rem;
}
@media (max-width: 1024px) {
.loader__percent {
max-width: 25rem;
}
}
@media (max-width: 950px) {
.loader__percent {
max-width: 12.5rem;
}
}
.loader__percent .svg__text {
color: var(--bgcolor);
}
.loader__progress {
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 2px;
background: white;
}
.transition {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bgcolor);
color: var(--color);
z-index: 999999999;
transform: translateY(-100%);
}
.transition .wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.transition__wall {
position: relative;
width: 100%;
height: 100%;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
font-size: var(--paragraph);
line-height: var(--lh-paragraph);
pointer-events: none;
z-index: 999;
--width: 0%;
opacity: 0;
}
.header::before {
content: "";
display: block;
position: absolute;
width: var(--width);
height: 100%;
top: 0;
left: unset;
background: var(--bgcolor);
right: 0;
}
.header__logo {
position: absolute;
top: var(--space-lg);
left: var(--space-lg);
pointer-events: all;
z-index: 10;
}
.header__logo .svg__bg {
transition: background 0.25s ease;
}
.header__menu {
position: absolute;
top: var(--space-lg);
right: var(--space-lg);
}
.header__menu .svg__bg {
transition: background 0.25s ease;
}
.header__menu__others {
position: absolute;
top: 15%;
left: var(--wrapper-padd);
display: flex;
gap: var(--space-lg);
align-items: center;
}
@media (max-width: 950px) {
.header__menu__others {
top: 12%;
flex-direction: column;
align-items: flex-start;
gap: var(--space-sm);
}
}
.header__lang {
width: 4.1666666667rem;
pointer-events: all;
}
@media (max-width: 950px) {
.header__lang {
width: 2.9166666667rem;
}
}
.header__rrss {
display: flex;
flex-direction: column;
pointer-events: all;
}
@media (max-width: 950px) {
.header__rrss {
gap: 0;
}
}
.header__rrss .menu-item {
color: var(--color);
font-weight: var(--f-bold);
font-size: var(--paragraph-small);
line-height: var(--lh-paragraph-small);
}
.footer {
position: relative;
font-size: var(--paragraph);
color: var(--color);
background: var(--bgcolor);
}
.footer.gama-2.surface-1 .wall__bg span {
background: var(--pink);
}
.footer.gama-2.surface-2 .wall__bg span {
background: var(--light-blue);
}
.footer.gama-3.bg-3 .wall__bg span {
background: var(--red) !important;
}
.footer .wrapper {
height: 100dvh;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--space-xl);
}
.footer__header {
position: relative;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: var(--grid-gap);
margin-top: var(--space-xs);
}
@media (max-width: 950px) {
.footer__header {
flex-direction: column;
gap: var(--space-xl);
}
}
.footer__header__nav li {
font-size: var(--paragraph-small);
font-weight: var(--f-bold);
line-height: 130%;
}
.footer__header__nav.nav-legales {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1);
}
@media (max-width: 1024px) {
.footer__header__nav.nav-legales {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3 + var(--grid-gap) * 2);
}
}
@media (max-width: 950px) {
.footer__header__nav.nav-legales {
width: 100%;
}
}
.footer__header__adress {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
line-height: 130%;
}
@media (max-width: 1024px) {
.footer__header__adress {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5 + var(--grid-gap) * 4);
}
}
@media (max-width: 950px) {
.footer__header__adress {
width: 100%;
}
}
.footer__header__adress span, .footer__header__adress a {
display: block;
}
.footer__header__p {
position: absolute;
bottom: 0;
right: 0;
}
.footer__footer {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.footer__footer__logo {
position: relative;
margin-bottom: var(--space-lg);
display: flex;
align-items: flex-end;
gap: var(--space-md);
}
.footer__footer__logo span {
position: relative;
display: block;
white-space: nowrap;
line-height: 0.5;
}
.footer__footer__lang {
position: relative;
width: 3.3333333333rem;
}
@media (max-width: 950px) {
.footer__footer__lang {
width: 2.2916666667rem;
}
}
.footer__wall {
position: relative;
flex: 1;
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: var(--space-lg);
}
.footer__wall .wall__bg span {
background: var(--light-blue);
}
.footer__wall__wrap-svg {
position: absolute;
top: 50%;
left: 50%;
width: -moz-fit-content;
width: fit-content;
height: unset;
transform: translate(-50%, -50%);
}
.footer__wall__wrap-svg .svg {
position: relative;
width: 27.25rem;
}
@media (max-width: 1024px) {
.footer__wall__wrap-svg .svg {
width: 18.75rem;
}
}
@media (max-width: 950px) {
.footer__wall__wrap-svg .svg {
width: 11.25rem;
}
}
.footer__wall__wrap-svg .svg__text span {
white-space: nowrap;
}
main {
color: var(--color);
}
main.visor-de-svgs .card--equipo .card__svg {
flex: unset !important;
}
main.sitemap.es li.rank-math-html-sitemap__item:nth-of-type(odd) {
display: none;
}
main.sitemap.en li.rank-math-html-sitemap__item:nth-of-type(even) {
display: none;
}
section {
position: relative;
width: 100%;
min-height: 100dvh;
background: var(--bgcolor);
color: var(--color);
font-size: var(--paragraph);
box-shadow: 0px -1px 0px var(--bgcolor);
}
@media (max-width: 950px) {
section {
box-shadow: unset !important;
}
}
picture {
overflow: hidden;
}
picture > img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
#refColor {
display: none;
background: var(--bgcolor);
color: var(--color);
will-change: background, color;
}
.mod-cabecera.gama-1.bg-1 .filter {
filter: invert(58%) sepia(17%) saturate(3803%) hue-rotate(207deg) brightness(99%) contrast(103%);
}
.mod-cabecera.gama-1.bg-2 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.mod-cabecera.gama-1.bg-3 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.mod-cabecera.gama-2.surface-2 .filter {
filter: invert(51%) sepia(17%) saturate(3196%) hue-rotate(292deg) brightness(101%) contrast(101%);
}
.mod-cabecera.gama-3.bg-2 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.mod-cabecera.gama-3.bg-3 .filter {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.mod-cabecera .wrapper {
position: relative;
display: block;
display: flex;
justify-content: center;
align-items: center;
}
.mod-cabecera__svg {
transform-origin: center;
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5);
max-height: 70vh;
}
@media (max-width: 1024px) {
.mod-cabecera__svg {
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 8 + var(--grid-gap) * 7);
}
}
@media (max-width: 950px) {
.mod-cabecera__svg {
max-width: 100%;
}
}
.mod-cabecera__svg .word-wrap {
overflow-y: hidden;
}
.mod-cabecera__svg .word-wrap .word-change {
position: relative;
line-height: 1.07;
padding-bottom: 0.035em;
}
.mod-cabecera__svg .word-wrap .word-change:not(:nth-of-type(1)) {
position: absolute;
top: 0;
right: 0;
}
.mod-cabecera__text {
position: absolute;
bottom: var(--space-lg);
left: var(--space-lg);
width: 15.6666666667rem;
}
@media (max-width: 1024px) {
.mod-cabecera__text {
width: 13.5833333333rem;
}
}
@media (max-width: 950px) {
.mod-cabecera__text {
width: calc(100vw - var(--wrapper-padd) * 2);
}
}
@media (max-width: 950px) {
.mod-cabecera__section {
display: none;
}
}
.mod-cabecera__section .svg {
width: 4.1666666667rem;
aspect-ratio: 1/1;
}
.mod-cabecera--home .mod-cabecera__svg {
max-height: 70vh;
}
@media (max-width: 950px) {
.mod-cabecera--noticia {
padding-top: var(--space-2xl);
}
}
.mod-cabecera--noticia .mod-cabecera .wrapper {
width: 100%;
}
.mod-cabecera--noticia .mod-cabecera__svg {
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 10 + var(--grid-gap) * 9);
height: 100dvh;
max-height: calc(95vh - var(--space-5xl));
aspect-ratio: 984/519;
}
@media (max-width: 1024px) {
.mod-cabecera--noticia .mod-cabecera__svg {
height: auto;
max-height: unset;
max-width: 100%;
}
}
@media (max-width: 1024px) {
.mod-cabecera--noticia .mod-cabecera__svg {
aspect-ratio: 342/677;
height: 100dvh;
max-height: calc(95vh - var(--space-5xl));
}
}
.mod-cabecera--noticia .mod-cabecera__svg .svg__text {
top: unset;
bottom: 0;
left: unset;
right: 0%;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5 + var(--grid-gap) * 4);
height: 47%;
background: var(--color);
color: var(--bgcolor);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--space-xl);
}
@media (max-width: 1024px) {
.mod-cabecera--noticia .mod-cabecera__svg .svg__text {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5);
}
}
@media (max-width: 950px) {
.mod-cabecera--noticia .mod-cabecera__svg .svg__text {
width: 87%;
}
}
.mod-cabecera--noticia .mod-cabecera__svg .svg__text span {
position: relative;
top: unset;
left: unset;
right: unset;
}
.mod-cabecera--noticia .mod-cabecera__svg .svg__text span:nth-of-type(1) {
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4 + var(--grid-gap) * 3);
}
@media (max-width: 1024px) {
.mod-cabecera--noticia .mod-cabecera__svg .svg__text span:nth-of-type(1) {
max-width: unset;
}
}
.mod-cabecera--proyecto .mod-cabecera__content {
flex-direction: column;
align-items: flex-end;
}
@media (max-width: 950px) {
.mod-cabecera--proyecto .mod-cabecera__content {
padding-top: var(--space-5xl);
}
}
.mod-cabecera--proyecto .mod-cabecera__content__title {
font-size: var(--h76);
line-height: var(--lh-h76);
font-family: var(--f-exat);
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6.9 + var(--grid-gap) * 5.9);
}
@media (max-width: 1024px) {
.mod-cabecera--proyecto .mod-cabecera__content__title {
font-size: var(--h60);
line-height: var(--lh-h60);
font-family: var(--f-inter);
font-weight: var(--f-bold);
}
}
@media (max-width: 950px) {
.mod-cabecera--proyecto .mod-cabecera__content__title {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 3.1 + var(--grid-gap) * 2.1);
}
}
.mod-cabecera--proyecto .mod-cabecera__content__wrap {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 950px) {
.mod-cabecera--proyecto .mod-cabecera__content__wrap {
flex-direction: column-reverse;
gap: var(--space-2xl);
}
}
.mod-cabecera--proyecto .mod-cabecera__content__svg {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 9 + var(--grid-gap) * 8);
height: auto;
}
@media (max-width: 950px) {
.mod-cabecera--proyecto .mod-cabecera__content__svg {
width: 100%;
}
}
.mod-cabecera--proyecto .mod-cabecera__content__text {
position: relative;
left: auto;
bottom: auto;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3 + var(--grid-gap) * 2);
}
@media (max-width: 950px) {
.mod-cabecera--proyecto .mod-cabecera__content__text {
width: 100%;
}
}
.mod-cabecera--proyecto .mod-cabecera__content__text__img {
position: relative;
display: block;
width: 6.6666666667rem;
}
@media (max-width: 950px) {
.mod-cabecera--proyecto .mod-cabecera__content__text__img {
width: 5rem;
}
}
.mod-text {
min-height: unset;
}
.mod-text--big p {
font-weight: var(--f-bold);
text-indent: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1);
font-size: var(--h76);
line-height: var(--lh-h76);
}
.mod-text--big p > * {
text-indent: 0;
}
@media (max-width: 1024px) {
.mod-text--big p {
text-indent: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1.5 + var(--grid-gap) * 0.5);
}
}
@media (max-width: 950px) {
.mod-text--big p {
text-indent: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 0.7 + var(--grid-gap) * -0.3);
}
}
.mod-text--big p.mod-text__hastag {
font-size: var(--paragraph);
line-height: var(--lh-paragraph);
}
.mod-text--small {
display: flex;
justify-content: flex-end;
}
.mod-text--small .mod-text__content {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
}
@media (max-width: 950px) {
.mod-text--small .mod-text__content {
width: 100%;
}
}
.mod-text--small .svg {
width: 16.0833333333rem;
margin-bottom: var(--space-3xl);
}
@media (max-width: 1024px) {
.mod-text--small .svg {
width: 11.9166666667rem;
}
}
@media (max-width: 950px) {
.mod-text--small .svg {
width: 10.4166666667rem;
}
}
.mod-text--small .svg__text {
white-space: nowrap;
}
.mod-text--small p {
font-weight: var(--f-bold);
font-size: var(--h32);
line-height: var(--lh-h32);
}
.mod-text--small p:not(:last-of-type) {
margin-bottom: var(--space-2xl);
}
.mod-text--content > .wrapper {
padding: 0;
}
.mod-text--content .mod-text__content {
position: relative;
display: block;
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 8 + var(--grid-gap) * 7);
margin-left: auto;
margin-right: auto;
}
.mod-text--content .mod-text__content > *:last-child {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.mod-text--content .mod-text__content {
max-width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 10 + var(--grid-gap) * 9);
}
}
@media (max-width: 950px) {
.mod-text--content .mod-text__content {
max-width: unset;
padding: 0 var(--wrapper-padd);
}
}
.mod-text--content h1, .mod-text--content h2, .mod-text--content h3, .mod-text--content h4, .mod-text--content h5, .mod-text--content p, .mod-text--content ul {
margin-bottom: var(--space-2xl);
line-height: 130%;
}
.mod-text--content p {
font-size: var(--paragraph);
}
.mod-text--content h1 {
font-size: var(--h76);
font-weight: var(--f-bold);
line-height: 105%;
}
.mod-text--content h2 {
font-size: var(--h60);
font-weight: var(--f-bold);
line-height: 105%;
}
.mod-text--content h3 {
font-size: var(--h42);
font-weight: var(--f-bold);
}
.mod-text--content h4 {
font-size: var(--h32);
font-weight: var(--f-bold);
}
.mod-text--content ul {
list-style: none;
padding: var(--space-md) 0 var(--space-md);
font-size: var(--paragraph);
}
.mod-text--content ul li {
display: flex;
align-items: baseline;
gap: var(--space-sm);
line-height: 150%;
margin-bottom: var(--space-md);
}
.mod-text--content ul li::before {
content: "";
display: block;
position: relative;
width: 1rem;
height: 0.75rem;
top: auto;
left: auto;
background: var(--color);
aspect-ratio: 1/1;
clip-path: url(#svg-form2);
}
.mod-images {
min-height: unset;
}
.mod-images .wrapper {
display: flex;
justify-content: space-between;
gap: var(--space-4xl) var(--grid-gap);
flex-wrap: wrap;
}
@media (max-width: 950px) {
.mod-images .wrapper {
flex-direction: column;
gap: var(--space-3xl);
}
}
.mod-images.align-left .wrapper {
justify-content: flex-start;
}
.mod-images.align-center .wrapper {
justify-content: center;
}
.mod-images.align-right .wrapper {
justify-content: flex-end;
}
@media (max-width: 950px) {
.mod-images__item {
margin-top: 0;
width: 100% !important;
}
}
.mod-images__item__img {
--clipPath: 0% 0% 0% 0%;
clip-path: inset(var(--clipPath));
}
.mod-images__item__text {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 3 + var(--grid-gap) * 2);
}
@media (max-width: 1024px) {
.mod-images__item__text {
width: 100%;
max-width: 375px;
}
}
.mod-images__item__img {
position: relative;
display: block;
width: 100%;
}
.mod-slider {
min-height: unset;
}
.mod-slider__container {
position: relative;
width: 100%;
}
.mod-slider__container__slide {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mod-slider__container__slide .svg__text {
color: var(--bgcolor);
}
.mod-slider__container__slide .svg__text span {
width: 60%;
top: 50%;
left: var(--space-xl);
transform: translateY(-60%);
}
@media (max-width: 1024px) {
.mod-slider__container__slide .svg__text span {
font-size: var(--h32);
line-height: 1.1;
}
}
.mod-video--expand {
height: 200svh;
}
@media (max-width: 950px) {
.mod-video--expand {
height: unset;
}
}
.mod-video--expand .wrapper {
position: relative;
display: flex;
justify-content: flex-end;
}
@media (max-width: 950px) {
.mod-video--expand .wrapper {
flex-direction: column;
}
}
.mod-video--expand .mod-video__content {
position: absolute;
top: 0;
left: var(--wrapper-padd);
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2.6 + var(--grid-gap) * 1.6);
}
.mod-video--expand .mod-video__content__text {
margin-bottom: var(--space-xl);
}
@media (max-width: 1024px) {
.mod-video--expand .mod-video__content {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4 + var(--grid-gap) * 3);
}
}
@media (max-width: 950px) {
.mod-video--expand .mod-video__content {
position: relative;
left: 0;
width: 100%;
margin-bottom: var(--space-2xl);
}
}
.mod-video--expand .mod-video__wrapVideo {
position: relative;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 5 + var(--grid-gap) * 4);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: var(--space-sm);
align-self: stretch;
}
.mod-video--expand .mod-video__wrapVideo__content {
position: relative;
width: 100%;
}
.mod-video--expand .mod-video__wrapVideo__btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
pointer-events: none;
}
.mod-video--expand .mod-video__wrapVideo .media {
width: 100%;
}
.mod-video--expand .mod-video__wrapVideo .media__wrap-source {
width: 100%;
}
.mod-video--expand .mod-video__wrapVideo .media__source {
max-height: calc(100dvh - var(--wrapper-padd) * 2 - 2em);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.mod-video--expand .mod-video__wrapVideo .media.play::after {
display: none;
}
@media (max-width: 1024px) {
.mod-video--expand .mod-video__wrapVideo {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
}
}
@media (max-width: 950px) {
.mod-video--expand .mod-video__wrapVideo {
position: relative;
top: unset;
right: unset;
width: 100%;
min-height: unset;
}
}
.mod-video--expand .mod-video__wrapVideo .player-int {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.mod-video--expand .mod-video__wrapVideo .player-int video,
.mod-video--expand .mod-video__wrapVideo .player-int iframe,
.mod-video--expand .mod-video__wrapVideo .player-int .wp-video,
.mod-video--expand .mod-video__wrapVideo .player-int .mejs-container,
.mod-video--expand .mod-video__wrapVideo .player-int .wp-video-shortcode {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
pointer-events: all;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.mod-video--simple .wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.mod-video--simple .mod-video__svg {
position: relative;
max-width: 58rem;
height: auto;
aspect-ratio: 1394/815;
}
@media (max-width: 1024px) {
.mod-video--simple .mod-video__svg {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 10 + var(--grid-gap) * 9);
}
}
@media (max-width: 950px) {
.mod-video--simple .mod-video__svg {
width: 100%;
aspect-ratio: 343/407;
}
}
.mod-cierre .wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.mod-cierre.withWall .mod-cierre__content {
padding-top: var(--space-4xl);
}
.mod-cierre__content {
position: relative;
display: block;
max-width: 44rem;
width: 100%;
z-index: 2;
}
@media (max-width: 1024px) {
.mod-cierre__content {
max-width: 32.2083333333rem;
}
}
@media (max-width: 950px) {
.mod-cierre__content {
width: 100%;
}
}
.mod-cierre__content .svg {
width: 100%;
}
.mod-cierre__content .svg__text span {
color: var(--color) !important;
}
.mod-cierre__footer {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: var(--space-2xl);
}
.mod-cierre__footer__text {
position: relative;
margin-left: 17%;
width: 15rem;
}
@media (max-width: 1024px) {
.mod-cierre__footer__text {
width: 13.625rem;
}
}
@media (max-width: 950px) {
.mod-cierre__footer__text {
margin: 0;
width: 7.7916666667rem;
}
}
.mod-cierre__footer__text__rrss {
display: flex;
align-items: center;
gap: var(--space-md);
}
.mod-cierre__footer__text__rrss__btn {
position: relative;
display: block;
width: 2.0833333333rem;
}
.mod-cierre__footer__text__rrss__btn img {
position: relative;
display: block;
width: 100%;
}
.mod-cierre__wall {
position: absolute;
z-index: 1;
bottom: var(--wrapper-padd);
left: 50%;
transform: translateX(-50%);
width: calc(100% - var(--wrapper-padd) * 2);
height: calc(100% - var(--wrapper-padd) * 5 - 1.25rem);
opacity: 0.2;
}
.mod-servicios--anima {
height: 700vh;
}
@media (max-width: 950px) {
.mod-servicios--anima {
height: unset;
min-height: unset;
padding-top: var(--space-5xl);
}
}
.mod-servicios--anima .wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 200vw;
height: 100vh;
will-change: margin-top, transform;
}
@media (max-width: 950px) {
.mod-servicios--anima .wrapper {
width: 100%;
height: unset;
flex-direction: column;
}
}
.mod-servicios--anima .mod-servicios__init {
width: 100vw;
display: flex;
justify-content: center;
align-items: flex-end;
gap: 0;
}
@media (max-width: 950px) {
.mod-servicios--anima .mod-servicios__init {
flex-direction: column;
align-items: center;
gap: var(--space-3xl);
width: 100%;
margin-bottom: var(--space-2xl);
}
}
.mod-servicios--anima .mod-servicios__init .svg {
max-width: 30rem;
}
@media (max-width: 1024px) {
.mod-servicios--anima .mod-servicios__init .svg {
max-width: 21.1666666667rem;
}
}
@media (max-width: 950px) {
.mod-servicios--anima .mod-servicios__init .svg {
max-width: 13.7916666667rem;
}
}
.mod-servicios--anima .mod-servicios__init .svg__text span {
color: var(--bgcolor);
}
.mod-servicios--anima .mod-servicios__init__text {
position: relative;
display: block;
max-width: 13.75rem;
margin-left: -3.125rem;
}
@media (max-width: 1024px) {
.mod-servicios--anima .mod-servicios__init__text {
max-width: 11.1666666667rem;
}
}
@media (max-width: 950px) {
.mod-servicios--anima .mod-servicios__init__text {
max-width: 100%;
margin-left: 0;
}
}
.mod-servicios--anima .mod-servicios__anima {
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.33s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.mod-servicios--anima .mod-servicios__anima:hover {
transform: scale(0.95);
}
@media (max-width: 950px) {
.mod-servicios--anima .mod-servicios__anima {
width: 100%;
}
}
.mod-servicios--anima .mod-servicios__anima__wrap-svg {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.mod-servicios--anima .mod-servicios__anima .svg {
max-width: 33.3333333333rem;
}
@media (max-width: 1024px) {
.mod-servicios--anima .mod-servicios__anima .svg {
max-width: 22.9166666667rem;
}
}
@media (max-width: 950px) {
.mod-servicios--anima .mod-servicios__anima .svg {
max-width: 15.625rem;
}
}
.mod-servicios--anima .mod-servicios__anima__wrap-svg {
position: relative;
width: 100%;
}
.mod-entradas .wrapper {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 8 + var(--grid-gap) * 7);
padding: 0;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1024px) {
.mod-entradas .wrapper {
width: 100%;
padding: 0 var(--wrapper-padd);
}
}
.mod-entradas__header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 950px) {
.mod-entradas__header {
flex-direction: column;
gap: var(--space-3xl);
}
}
.mod-entradas__header .svg {
max-width: 22.2083333333rem;
}
@media (max-width: 1024px) {
.mod-entradas__header .svg {
max-width: 17.2916666667rem;
}
}
@media (max-width: 950px) {
.mod-entradas__header .svg {
width: 100%;
}
}
.mod-entradas__header__content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-xl);
}
.mod-entradas__header__content__text {
position: relative;
width: 22.5833333333rem;
}
@media (max-width: 1024px) {
.mod-entradas__header__content__text {
width: 18.8333333333rem;
}
}
@media (max-width: 950px) {
.mod-entradas__header__content__text {
width: 100%;
}
}
.mod-entradas__pagination {
position: relative;
display: block;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-top: var(--space-5xl);
}
.mod-entradas__pagination .current {
text-decoration: underline;
}
@media (max-width: 950px) {
.mod-clientes.mod-clientes--carrusel {
min-height: unset;
}
}
.mod-clientes.mod-clientes--carrusel > .wrapper {
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mod-clientes .svg {
min-width: 26.5833333333rem;
}
@media (max-width: 1024px) {
.mod-clientes .svg {
min-width: 20.7916666667rem;
}
}
@media (max-width: 950px) {
.mod-clientes .svg {
min-width: unset;
max-width: 100%;
margin-bottom: 2.0833333333rem;
}
}
.mod-clientes__content {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 0;
margin: 0 0 var(--space-5xl);
}
@media (max-width: 950px) {
.mod-clientes__content {
flex-direction: column;
margin: 0 0 var(--space-2xl);
}
}
.mod-clientes__content__text {
position: relative;
display: block;
width: 100%;
max-width: 13.75rem;
margin-left: -1.6666666667rem;
}
@media (max-width: 1024px) {
.mod-clientes__content__text {
max-width: 11.0833333333rem;
}
}
@media (max-width: 950px) {
.mod-clientes__content__text {
margin-left: 0;
max-width: 100%;
}
}
.mod-clientes__carrusel {
position: relative;
width: 100%;
margin-bottom: var(--space-3xl);
align-self: flex-start;
}
.mod-clientes__carrusel__group.green {
filter: invert(75%) sepia(88%) saturate(288%) hue-rotate(51deg) brightness(101%) contrast(106%);
}
.mod-clientes__carrusel__group.pink {
filter: invert(51%) sepia(17%) saturate(3196%) hue-rotate(292deg) brightness(101%) contrast(101%);
}
.mod-clientes__carrusel__group__content {
display: flex;
gap: var(--space-4xl);
}
@media (max-width: 1024px) {
.mod-clientes__carrusel__group__content {
gap: var(--space-3xl);
padding-left: var(--space-3xl);
}
}
@media (max-width: 950px) {
.mod-clientes__carrusel__group__content {
gap: 2.125rem;
padding-left: 2.125rem;
}
}
.mod-clientes__carrusel__group:not(.carrusel) {
width: 100%;
}
.mod-clientes__carrusel__group:not(.carrusel) .mod-clientes__carrusel__group__content {
width: 100%;
justify-content: space-between;
padding: 0 var(--space-4xl);
gap: 0;
}
@media (max-width: 950px) {
.mod-clientes__carrusel__group:not(.carrusel) .mod-clientes__carrusel__group__content {
padding: 0 var(--space-2xl);
justify-content: center;
flex-wrap: wrap;
gap: var(--space-xl) var(--space-3xl);
}
}
.mod-clientes__carrusel__img {
position: relative;
display: block;
height: 5.2916666667rem;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1.55 + var(--grid-gap) * 0.55);
}
@media (max-width: 1024px) {
.mod-clientes__carrusel__img {
height: 3.375rem;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 2 + var(--grid-gap) * 1);
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
}
@media (max-width: 950px) {
.mod-clientes__carrusel__img {
height: 2.7083333333rem;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 3) / 4 * 1.5 + var(--grid-gap) * 0.5);
}
}
.mod-proyectos--all .mod-proyectos__header {
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: var(--space-2xl);
z-index: 2;
}
@media (max-width: 576px) {
.mod-proyectos--all .mod-proyectos__header {
flex-direction: column;
align-items: flex-start;
}
}
.mod-proyectos--all .mod-proyectos__header__title {
line-height: 0.8em !important;
}
.mod-proyectos--all .mod-proyectos__header__title .word .char {
line-height: 0.8em !important;
}
.mod-proyectos--all .mod-proyectos__header__select {
position: absolute;
right: 0;
bottom: 0.5em;
overflow-y: clip;
}
@media (max-width: 576px) {
.mod-proyectos--all .mod-proyectos__header__select {
position: relative;
bottom: unset;
right: unset;
align-self: flex-end;
}
}
.mod-proyectos--all .mod-proyectos__header__select__content {
position: absolute;
top: 0;
right: 0;
width: 100%;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--space-sm);
padding-bottom: 0.5em;
display: none;
}
.mod-proyectos--all .mod-proyectos__header__select__click {
transition: color 0.2s ease;
--bgcolor: var(--green);
}
.mod-proyectos--all .mod-proyectos__header__select__click .svg {
width: 0px;
visibility: hidden;
}
.mod-proyectos--all .mod-proyectos__header__select__click::before {
content: "";
display: block;
position: relative;
width: 0.5rem;
height: 0.9583333333rem;
top: 0px;
left: auto;
background: var(--green);
clip-path: url(#svg-formArrows);
transition: background 0.2s ease;
}
.mod-proyectos--all .mod-proyectos__header__select__click:hover {
--bgcolor: var(--pink);
color: var(--pink) !important;
}
.mod-proyectos--all .mod-proyectos__header__select__click:hover::before {
background: var(--pink) !important;
}
.mod-proyectos--all .mod-proyectos__header__select .selector-btn {
position: relative;
display: flex;
align-items: center;
width: -moz-fit-content;
width: fit-content;
gap: var(--space-sm);
z-index: 2;
}
.mod-proyectos--all .mod-proyectos__header__select .selector-btn .svg__bg {
background: var(--pink) !important;
}
.mod-proyectos--all .mod-proyectos__header__select .selector-btn span {
white-space: nowrap;
}
.mod-proyectos--all .mod-proyectos__header__select .selector-btn.disabled {
pointer-events: none;
}
@media (max-width: 950px) {
.mod-proyectos--all .mod-proyectos__header__select .selector-btn.disabled {
pointer-events: all;
}
}
.mod-proyectos--all .mod-proyectos__header__select__svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(var(--space-lg) * -1);
clip-path: url(#svg-form-cats);
aspect-ratio: 575/591;
height: 160%;
width: 11rem;
z-index: 1;
}
.mod-proyectos--all .mod-proyectos__header__select.on {
cursor: default !important;
overflow-y: unset;
}
.mod-proyectos--all .mod-proyectos__header__select.on .mod-proyectos__header__select__content {
display: flex;
}
.mod-proyectos--all .mod-proyectos__header__select.on .selector-btn:not(.mod-proyectos__header__select__click) {
--colorTo: var(--pink) !important;
}
.mod-proyectos--all .mod-proyectos__header__select.on .selector-btn:not(.mod-proyectos__header__select__click)::before {
background: transparent;
}
.mod-proyectos--all .mod-proyectos__header__select.on .selector-btn:not(.mod-proyectos__header__select__click).on {
color: var(--pink) !important;
--bgcolor: var(--pink) !important;
}
.mod-proyectos--all .mod-proyectos__header__select.on .selector-btn:not(.mod-proyectos__header__select__click).on::before {
content: "";
display: block;
position: relative;
width: 0.5rem;
height: 0.9583333333rem;
top: 2px;
left: auto;
background: var(--green);
clip-path: url(#svg-formArrows);
background: var(--pink) !important;
}
.mod-proyectos--all .mod-proyectos__grid {
margin-bottom: 8.3333333333rem;
transition: height 2s cubic-bezier(0.34, 1.56, 0.64, 1);
height: auto;
}
@media (max-width: 1024px) {
.mod-proyectos--all .mod-proyectos__grid {
margin-bottom: 5.8333333333rem;
}
}
@media (max-width: 950px) {
.mod-proyectos--all .mod-proyectos__grid {
margin-bottom: 3.3333333333rem;
}
}
.mod-proyectos--all .mod-proyectos__more {
position: relative;
display: block;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.mod-proyectos--home {
position: relative;
overflow: hidden;
}
.mod-proyectos--home .wrapper {
position: relative;
z-index: 1;
}
.mod-proyectos--home .wall__bg span {
background: rgba(255, 81, 77, 0.2);
}
.mod-proyectos--home .mod-proyectos__header {
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
justify-content: center;
align-items: flex-end;
flex-direction: column;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 950px) {
.mod-proyectos--home .mod-proyectos__header {
width: 100%;
}
}
.mod-proyectos--home .mod-proyectos__header .svg {
min-width: 43.7083333333rem;
}
@media (max-width: 1024px) {
.mod-proyectos--home .mod-proyectos__header .svg {
min-width: 35.7916666667rem;
}
}
@media (max-width: 950px) {
.mod-proyectos--home .mod-proyectos__header .svg {
min-width: 100%;
}
}
.mod-proyectos--home .mod-proyectos__header__footer {
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
width: 82%;
margin-top: var(--space-xl);
gap: var(--space-xl);
}
.mod-proyectos--home .mod-proyectos__header__footer__text {
max-width: 22.9166666667rem;
align-self: flex-start;
}
@media (max-width: 1024px) {
.mod-proyectos--home .mod-proyectos__header__footer__text {
max-width: 18.3333333333rem;
}
}
@media (max-width: 950px) {
.mod-proyectos--home .mod-proyectos__header__footer__text {
max-width: 11.7916666667rem;
}
}
.mod-proyectos--home .mod-proyectos__more {
position: relative;
display: block;
width: -moz-fit-content;
width: fit-content;
margin: 8.3333333333rem auto 0;
}
@media (max-width: 1024px) {
.mod-proyectos--home .mod-proyectos__more {
margin: 5.8333333333rem auto 0;
}
}
@media (max-width: 950px) {
.mod-proyectos--home .mod-proyectos__more {
margin: var(--space-5xl) auto 0;
}
}
.mod-conceptos {
height: 1000vh;
}
@media (max-width: 950px) {
.mod-conceptos {
height: unset;
min-height: unset;
}
}
.mod-conceptos .wrapper {
position: relative;
will-change: margin, transform;
}
.mod-conceptos__content {
display: flex;
justify-content: center;
align-items: flex-end;
}
@media (max-width: 950px) {
.mod-conceptos__content {
min-height: 150vw !important;
}
}
.mod-conceptos__content__wrap-svgs {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.mod-conceptos__content__svg {
position: absolute;
bottom: -40%;
left: 50%;
margin-left: calc(-13.3333333333rem / 2);
width: 13.3333333333rem;
}
@media (max-width: 1024px) {
.mod-conceptos__content__svg {
width: 10rem;
margin-left: calc(-10rem / 2);
}
}
@media (max-width: 950px) {
.mod-conceptos__content__svg {
bottom: -73%;
width: 6.0833333333rem;
margin-left: calc(-6.0833333333rem / 2);
}
}
.mod-conceptos__content__wrap-text {
position: relative;
width: 100%;
max-width: 39.5833333333rem;
text-align: center;
margin-bottom: var(--space-xl);
}
@media (max-width: 1024px) {
.mod-conceptos__content__wrap-text {
max-width: 30.2083333333rem;
}
}
@media (max-width: 950px) {
.mod-conceptos__content__wrap-text {
width: 90%;
margin-bottom: 20%;
}
}
.mod-conceptos__content__text {
position: relative;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xl);
opacity: 0;
}
.mod-conceptos__content__text:not(:nth-of-type(1)) {
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%, 0%);
}
.mod-relacionados {
min-height: unset;
}
.mod-relacionados .wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.mod-relacionados__title {
position: relative;
width: 100%;
max-width: 43.7083333333rem;
margin-bottom: var(--space-4xl);
}
@media (max-width: 1024px) {
.mod-relacionados__title {
max-width: 35.7916666667rem;
}
}
@media (max-width: 950px) {
.mod-relacionados__title {
max-width: 100%;
margin-bottom: var(--space-xl);
}
}
.mod-relacionados__title .svg {
width: 100%;
}
@media (max-width: 950px) {
.mod-relacionados__title .svg {
width: 90%;
}
}
.mod-relacionados__title .svg__text span {
color: var(--bgcolor);
font-weight: var(--f-bold);
}
.mod-relacionados__title .btn {
position: absolute;
top: 0;
right: 0;
}
.mod-contacto__title {
position: relative;
width: 100%;
display: flex;
justify-content: flex-end;
margin-bottom: var(--space-2xl);
}
.mod-contacto__title__wrap {
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
}
@media (max-width: 950px) {
.mod-contacto__title__wrap {
width: 100%;
}
}
.mod-contacto__title span {
position: relative;
display: block;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 6 + var(--grid-gap) * 5);
}
@media (max-width: 950px) {
.mod-contacto__title span {
width: 100%;
}
}
.mod-contacto__text {
position: relative;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
height: auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
padding-right: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 1 + var(--grid-gap) * 0);
}
@media (max-width: 950px) {
.mod-contacto__text {
width: 100%;
padding-right: 0;
}
}
.mod-contacto__content {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: var(--space-3xl);
}
@media (max-width: 950px) {
.mod-contacto__content {
flex-direction: column;
}
}
.mod-contacto__aside {
position: relative;
display: flex;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 4 + var(--grid-gap) * 3);
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding-top: var(--space-lg);
}
@media (max-width: 950px) {
.mod-contacto__aside {
width: 100%;
margin-bottom: var(--space-3xl);
padding-top: 0;
}
}
.mod-contacto__aside__adress {
font-size: var(--paragraph-small);
line-height: 130%;
margin-right: var(--space-xl);
}
.mod-contacto__aside__adress span, .mod-contacto__aside__adress a {
display: block;
}
.mod-contacto__aside__rrss {
font-size: var(--paragraph-small);
line-height: 130%;
}
.mod-contacto__aside__rrss li {
font-weight: var(--f-bold);
}
.mod-contacto__aside__maps {
width: 100%;
margin: var(--space-2xl) 0 var(--space-xl);
opacity: 0;
}
.mod-contacto__aside__maps #map {
height: 105%;
}
.mod-contacto__aside__maps iframe {
width: 100% !important;
max-height: 16.6666666667rem;
}
.mod-contacto__aside__footer {
width: 100%;
display: flex;
justify-content: flex-end;
}
.mod-contacto__form {
position: relative;
width: 100%;
display: flex;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 950px) {
.mod-contacto__form {
width: 100%;
}
}
.mod-contacto__form__wrap-input {
position: relative;
width: 100%;
border-bottom: 1px solid var(--color);
padding: var(--space-lg) 0 var(--space-md);
margin-bottom: var(--space-2xl);
}
.mod-contacto__form__label {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
transition: transform 0.25s cubic-bezier(0.58, 0.01, 0.44, 1), font-size 0.25s cubic-bezier(0.58, 0.01, 0.44, 1), font-family 0.25s cubic-bezier(0.58, 0.01, 0.44, 1), font-weight 0.25s cubic-bezier(0.58, 0.01, 0.44, 1);
transform-origin: top left;
transform: translateY(100%);
font-family: var(--f-exat);
font-size: var(--h42);
pointer-events: none;
}
.mod-contacto__form__label.on {
transform: translateY(0%);
font-size: var(--paragraph-small);
font-family: var(--f-inter);
font-weight: 700;
}
.mod-contacto__form__input {
position: relative;
z-index: 2;
display: block;
font-family: var(--f-exat);
font-size: var(--h42);
}
.mod-contacto__footer {
position: relative;
width: calc((99.9vw - var(--wrapper-padd) * 2 - var(--grid-gap) * 11) / 12 * 7 + var(--grid-gap) * 6);
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 3.75rem var(--space-xl);
}
@media (max-width: 950px) {
.mod-contacto__footer {
width: 100%;
flex-direction: column;
align-items: flex-end;
gap: var(--space-3xl);
}
}
.mod-contacto__footer__check label {
display: flex;
justify-content: flex-start;
align-items: flex-start !important;
line-height: 105%;
}
.mod-contacto .wpcf7-not-valid-tip {
position: absolute;
bottom: 0;
right: 0;
transform: translateY(calc(100% + var(--space-lg)));
font-size: var(--paragraph-small);
line-height: var(--lh-paragraph-small);
padding-top: 0.1em;
}
.mod-contacto .wpcf7-response-output {
width: 100%;
margin: 1.5rem 0 -1rem;
padding: 0;
font-family: var(--f-exat);
text-align: center;
line-height: 1.1;
}
@media (max-width: 950px) {
.mod-contacto .wpcf7-response-output {
margin: 0.75rem 0 -1rem;
}
}
.mod-contacto .wpcf7-form-control-wrap {
position: relative;
display: block;
}
.mod-contacto .wpcf7-list-item {
margin: 0;
}
.mod-contacto .wpcf7-list-item > label {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mod-contacto .wpcf7-list-item > label > input {
aspect-ratio: 1/1;
}
@media (max-width: 950px) {
.mod-contacto .wpcf7-list-item > label {
line-height: 1em;
align-items: flex-start;
}
}
.mod-contacto .wpcf7-submit[disabled] {
opacity: 0.75;
}
.mod-contacto .wpcf7-spinner {
position: absolute;
bottom: 0;
right: 0;
display: block !important;
background-image: url(//rpacomunicacion.com/wp-content/themes/rpa2025/images/ajax-loader.gif);
background-size: contain;
width: 1.5em;
height: 1.5em;
margin: 0;
background-color: var(--green-light);
background-blend-mode: multiply;
}
.mod-contacto .wpcf7-spinner::before {
display: none;
}
.mod-contacto .wpcf7 .screen-reader-response,
.mod-contacto .wpcf7 .hidden-fields-container {
display: none !important;
}