@font-face {
font-family: "Roboto Mono";
font-style: normal;
font-weight: 300;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300.svg#RobotoMono) format("svg"); } @font-face {
font-family: "Roboto Mono";
font-style: normal;
font-weight: 400;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-regular.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-regular.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-regular.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-regular.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-regular.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-regular.svg#RobotoMono) format("svg"); } @font-face {
font-family: "Roboto Mono";
font-style: italic;
font-weight: 300;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300italic.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300italic.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300italic.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300italic.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300italic.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-300italic.svg#RobotoMono) format("svg"); } @font-face {
font-family: "Roboto Mono";
font-style: italic;
font-weight: 400;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-italic.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-italic.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-italic.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-italic.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-italic.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-v8-latin-italic.svg#RobotoMono) format("svg"); } @font-face {
font-family: "Roboto Mono";
font-style: italic;
font-weight: 100;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-thin-italic.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-thin-italic.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-thin-italic.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-thin-italic.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-thin-italic.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/robotoMono/roboto-mono-thin-italic.svg#RobotoMono) format("svg"); } @font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-regular.eot); src: local("Roboto"), local("Roboto-Regular"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-regular.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-regular.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-regular.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-regular.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-regular.svg#Roboto) format("svg"); } @font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-500.eot); src: local("Roboto Medium"), local("Roboto-Medium"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-500.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-500.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-500.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-500.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-500.svg#Roboto) format("svg"); } @font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-700.eot); src: local("Roboto Bold"), local("Roboto-Bold"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-700.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-700.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-700.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-700.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/roboto/roboto-v20-latin-700.svg#Roboto) format("svg"); } @font-face {
font-family: "Campton";
font-style: italic;
font-weight: 900;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Black-Italic.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Black-Italic.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Black-Italic.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Black-Italic.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Black-Italic.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Black-Italic.svg#Campton) format("svg"); } @font-face {
font-family: "Campton";
font-style: italic;
font-weight: 700;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book-Bold-Italic.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book-Bold-Italic.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book-Bold-Italic.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book-Bold-Italic.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book-Bold-Italic.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book-Bold-Italic.svg#Campton) format("svg"); } @font-face {
font-family: "Campton";
font-style: italic;
font-weight: 600;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Medium-Italic.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Medium-Italic.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Medium-Italic.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Medium-Italic.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Medium-Italic.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Medium-Italic.svg#Campton) format("svg"); } @font-face {
font-family: "Campton";
font-style: normal;
font-weight: 400;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Book.svg#Campton) format("svg"); } @font-face {
font-family: "Campton";
font-style: normal;
font-weight: 100;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin.svg#Campton) format("svg"); } @font-face {
font-family: "Campton";
font-style: italic;
font-weight: 100;
src: url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin-Italic.eot); src: local(""), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin-Italic.eot?#iefix) format("embedded-opentype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin-Italic.woff2) format("woff2"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin-Italic.woff) format("woff"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin-Italic.ttf) format("truetype"), url(//memoma.tv/wp-content/themes/memoma/assets/styles/fonts/campton/Campton-Thin-Italic.svg#Campton) format("svg"); }
.supidc {
vertical-align: super;
} .subidc {
vertical-align: sub;
}      .main-container {
width: 100%;
max-width: 90%;
margin: 0 auto;
display: flex;
}
@media (max-width: 1023px) {
.main-container {
max-width: 85%;
}
}  @keyframes arrow-down {
0% {
transform: translateY(-20%);
}
50% {
transform: translateY(0);
}
100% {
transform: translateY(20%);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin2 {
0% {
transform: rotate(-180deg);
}
100% {
transform: rotate(180deg);
}
}
@keyframes spin3 {
0% {
transform: rotate(180deg);
}
100% {
transform: rotate(-180deg);
}
}
@keyframes spinR {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes line {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
background-color: #3a3a3a;
overflow-x: hidden;
position: relative;
}
body .contenedor-background-fixed img, body .contenedor-background-fixed video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0;
}
h2 {
margin: 0;
}
h4 {
margin: 0;
}
p {
margin: 0;
} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #3a3a3a inset !important;
} input:-webkit-autofill {
-webkit-text-fill-color: #ffffff !important;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
text-decoration: none;
color: unset;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
h1, .h1, .componente-inicio .contenido .main-container #titulo-completo, .componente-inicio .contenido .main-container #titulo-memoma-animation {
font-family: "Campton", sans-serif;
font-size: calc(30px + 43 * (100vw - 300px) / 2000);
font-weight: 800;
font-stretch: normal;
font-style: italic;
line-height: 0.89;
letter-spacing: 0.45px;
text-align: left;
text-transform: uppercase;
}
@media (max-width: 1023px) {
h1, .h1, .componente-inicio .contenido .main-container #titulo-completo, .componente-inicio .contenido .main-container #titulo-memoma-animation {
line-height: 1.33;
}
}
h2 {
font-family: "Campton", sans-serif;
font-size: calc(25px + 28 * (100vw - 300px) / 2000);
font-weight: 900;
font-stretch: normal;
font-style: italic;
line-height: 1;
letter-spacing: normal;
text-align: left;
}
h3 {
font-family: "Campton", sans-serif;
font-size: calc(30px + 15 * (100vw - 300px) / 2000);
font-weight: bold;
font-stretch: normal;
font-style: italic;
line-height: 1.17;
letter-spacing: normal;
text-align: left;
}
.h3-medium {
font-family: "Campton", sans-serif;
font-size: calc(30px + 15 * (100vw - 300px) / 2000);
font-weight: 500;
font-stretch: normal;
font-style: italic;
line-height: 1.17;
letter-spacing: normal;
text-align: left;
}
h4 {
font-family: "Roboto Mono", sans-serif;
font-size: calc(20px + 15 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: italic;
line-height: 1.6;
letter-spacing: 0.25px;
text-align: left;
text-transform: uppercase;
}
.text-menu {
font-family: "Campton", sans-serif;
font-size: calc(10px + 6 * (100vw - 300px) / 2000);
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: left;
}
.tag {
font-family: "Campton", sans-serif;
font-size: calc(30px + 0 * (100vw - 300px) / 2000);
font-weight: 100;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: left;
}
.tag2 {
font-family: "Roboto Mono", sans-serif;
font-size: 17.5px;
font-size: calc(19.5px + 6 * (100vw - 300px) / 2000);
font-weight: 100;
font-stretch: normal;
font-style: italic;
line-height: 1.2;
letter-spacing: normal;
text-align: left;
}
.tag3 {
font-family: "Roboto Mono", sans-serif;
font-size: calc(11px + 6 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.67;
letter-spacing: 7.2px;
text-align: center;
}
.tag4 {
font-family: "Roboto Mono", sans-serif;
font-size: calc(12px + 6 * (100vw - 300px) / 2000);
font-weight: 100;
font-stretch: normal;
font-style: italic;
line-height: 2.5;
letter-spacing: 0.3px;
text-align: right;
}
p, .p {
font-family: "Roboto Mono", sans-serif;
font-size: calc(12px + 3 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.93;
letter-spacing: normal;
text-align: left;
}
.text-footer, footer .contenedor-left .contenedor-numeros .num, footer .contenedor-left .contenedor-numeros span {
font-family: "Roboto", sans-serif;
font-size: calc(12px + 0 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: 0.4px;
text-align: left;
}
.text-footer2, footer .contenedor-right .contenedor-byCanalla, footer .contenedor-right .contenedor-copy, footer .contenedor-left .contenedor-terminos {
font-family: "Campton", sans-serif;
font-size: calc(10px + 0 * (100vw - 300px) / 2000);
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.7;
letter-spacing: 0.5px;
text-align: left;
}
.texto-creditos-nombre, .contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .error, .contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .exito, .contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .estado, .contenedor-formularioContacto .contenedor-mesajes-error .error, .contenedor-formularioContacto .contenido form .input label, .contenedor-informativo .contenedor-right .item .nombre {
font-family: "Campton", sans-serif;
font-size: calc(12px + 4.5 * (100vw - 300px) / 2000);
font-weight: bold;
font-stretch: normal;
font-style: italic;
line-height: 1.41;
letter-spacing: normal;
text-align: left;
}
.texto-creditos-value, .contenedor-formularioContacto .contenido form .input textarea, .contenedor-formularioContacto .contenido form .input input, .contenedor-informativo .contenedor-right .item .value {
font-family: "Roboto Mono", sans-serif;
font-size: calc(12px + 4.5 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: italic;
line-height: 1.41;
letter-spacing: normal;
text-align: right;
}
.text-redes {
font-family: "Roboto Mono", sans-serif;
font-size: 15px;
font-weight: 100;
font-stretch: normal;
font-style: italic;
line-height: 2.27;
letter-spacing: 0.15px;
text-align: left;
}
.text-direcciones-title-contact {
font-family: "Roboto Mono", sans-serif;
font-size: calc(16px + 12 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: italic;
line-height: 1;
letter-spacing: normal;
text-align: left;
}
.text-direcciones-text-contact {
font-family: "Roboto Mono", sans-serif;
font-size: calc(14px + 2 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: italic;
line-height: 1.53;
text-align: left;
}
.text-indformativo-texto {
font-family: "Roboto Mono", sans-serif;
font-size: calc(13.5px + 6 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.28;
letter-spacing: -0.31px;
text-align: left;
}
.text-indformativo-texto2 {
font-family: "Roboto Mono", sans-serif;
font-size: calc(12.5px + 5 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.28;
text-align: left;
letter-spacing: -0.25px;
}
header {
position: fixed;
box-sizing: border-box;
padding: 4vh 0;
width: 100%;
z-index: 10;
transition: all 300ms ease-in-out;
}
header:before {
content: "";
top: 0;
left: 0;
z-index: -1;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
background-image: linear-gradient(to bottom, #3a3a3a, rgba(58, 58, 58, 0));
transition: all 300ms ease-in-out;
}
header.black.is-scroll .contenedor-logo svg path {
fill: #ffffff !important;
}
header.black.is-scroll .contenedor-menu .item {
color: #ffffff !important;
}
header.black.is-scroll .contenedor-redes .red svg path {
fill: #ffffff !important;
}
header.black.is-scroll .burger-menu .line {
background-color: #ffffff !important;
}
header.black .contenedor-logo svg path {
fill: #0d0d0d !important;
}
header.black .contenedor-menu .item {
color: #0d0d0d !important;
}
header.black .contenedor-redes .red svg path {
fill: #0d0d0d !important;
}
header.black .burger-menu .line {
background-color: #0d0d0d;
}
header.is-scroll {
padding: 1vh 0;
}
header.is-scroll:before {
opacity: 1;
}
@media (max-width: 1023px) {
header.is-scroll {
padding: 4vh 0;
}
}
header.is-scroll .main-container .logo {
display: none;
}
header.is-scroll .main-container .logo-texto {
display: block;
}
header.hide {
opacity: 0;
visibility: hidden;
}
header .main-container {
justify-content: space-between;
align-items: center;
}
header .contenedor-logo {
width: 5vh;
}
@media (max-width: 1023px) {
header .contenedor-logo {
width: 15vh;
}
header .contenedor-logo.logo {
display: none;
}
header .contenedor-logo.logo-texto {
display: flex !important;
}
}
header .contenedor-logo.logo-texto {
width: 15vh;
display: none;
}
header .contenedor-logo.white svg path {
fill: #ffffff;
}
header .contenedor-logo svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
header .contenedor-menu {
display: flex;
}
@media (max-width: 1023px) {
header .contenedor-menu {
display: none;
}
}
header .contenedor-menu .item {
opacity: 0;
padding: 24px 32px;
color: #ffffff;
display: flex;
align-items: center;
}
header .contenedor-menu .item:nth-child(4) {
padding: 24px 0 24px 32px;
}
header .contenedor-menu .item:hover span:before, header .contenedor-menu .item.is-active span:before {
width: 100%;
left: 0;
}
header .contenedor-menu .item span {
position: relative;
}
header .contenedor-menu .item span:before {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
width: 0%;
height: 1px;
background-color: #7aff00;
transition: all 300ms ease-in-out;
}
header .contenedor-menu .contenedor-redes.normal {
margin-left: 0;
max-width: 0;
overflow: hidden;
max-height: 80px;
}
header .contenedor-menu .contenedor-redes.normal .red:last-child {
padding: 24px 0 24px 16px;
}
header .contenedor-menu .contenedor-redes.float {
display: flex;
position: absolute;
top: calc(53vh - 20px);
right: 5vw;
flex-direction: column;
}
header .contenedor-menu .contenedor-redes.float .red {
opacity: 0;
padding: 24px 0 16px 24px;
}
header .contenedor-menu .contenedor-redes .red {
height: 24px;
width: 24px;
padding: 24px 16px;
display: inline-block;
}
header .contenedor-menu .contenedor-redes .red:hover svg path {
fill: #7aff00;
}
header .contenedor-menu .contenedor-redes .red svg {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
header .contenedor-menu .contenedor-redes .red svg path {
transition: all 300ms ease-in-out;
fill: #ffffff;
}
header .burger-menu {
display: none;
}
@media (max-width: 1023px) {
header .burger-menu {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
height: 50px;
width: 20%;
min-width: 60px;
max-width: 80px;
box-sizing: border-box;
}
header .burger-menu .line {
width: 100%;
height: 2px;
background-color: #ffffff;
margin-bottom: 10px;
}
header .burger-menu .line:last-child {
margin-bottom: 0;
}
}
footer {
width: 100%;
padding-bottom: 64px;
background-color: #3a3a3a;
position: relative;
}
@media (max-width: 1090px) {
footer {
padding-bottom: 0;
}
}
footer .line {
height: 48px;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 64px;
}
@media (max-width: 1090px) {
footer .line {
display: none;
}
}
footer .main-container {
flex-direction: column;
}
@media (max-width: 1090px) {
footer .main-container {
justify-content: flex-start;
max-width: 100%;
}
}
footer .contenedor-left {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
@media (max-width: 1090px) {
footer .contenedor-left {
flex-direction: column;
margin-bottom: 0;
}
}
footer .contenedor-left .contenedor-numeros {
display: flex;
color: #ffffff;
white-space: nowrap;
}
@media (max-width: 1090px) {
footer .contenedor-left .contenedor-numeros {
flex-direction: column;
align-items: center;
margin: 32px 0;
}
}
@media (max-width: 1090px) {
footer .contenedor-left .contenedor-numeros .separador {
display: none;
}
}
footer .contenedor-left .contenedor-numeros .num {
color: #ffffff;
}
@media (max-width: 1090px) {
footer .contenedor-left .contenedor-numeros .num {
margin-bottom: 16px;
}
footer .contenedor-left .contenedor-numeros .num:last-child {
margin-bottom: 0;
}
}
footer .contenedor-left .contenedor-numeros .num span {
font-weight: bold !important;
}
footer .contenedor-left .contenedor-terminos {
color: #ffffff;
white-space: nowrap;
}
@media (max-width: 1090px) {
footer .contenedor-left .contenedor-terminos {
text-align: center;
margin-bottom: 32px;
}
}
footer .contenedor-right {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1090px) {
footer .contenedor-right {
flex-direction: column;
align-items: center;
background-color: #ffffff;
padding: 16px 0;
}
}
footer .contenedor-right .contenedor-copy {
color: #ffffff;
}
@media (max-width: 1090px) {
footer .contenedor-right .contenedor-copy {
color: #0d0d0d;
}
}
footer .contenedor-right .contenedor-byCanalla {
display: flex;
justify-content: flex-end;
color: #ffffff;
}
footer .contenedor-right .contenedor-byCanalla svg path, footer .contenedor-right .contenedor-byCanalla svg rect, footer .contenedor-right .contenedor-byCanalla svg circle {
transition: all 300ms ease-in-out;
}
@media (max-width: 1090px) {
footer .contenedor-right .contenedor-byCanalla {
color: #0d0d0d;
}
footer .contenedor-right .contenedor-byCanalla svg path, footer .contenedor-right .contenedor-byCanalla svg rect, footer .contenedor-right .contenedor-byCanalla svg circle {
fill: #0d0d0d !important;
}
}
footer .contenedor-right .contenedor-byCanalla:hover svg path, footer .contenedor-right .contenedor-byCanalla:hover svg rect, footer .contenedor-right .contenedor-byCanalla:hover svg circle {
fill: #FFFF00;
}
.btn-main {
padding: 12px 32px;
color: #ffffff;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
width: -moz-fit-content;
width: fit-content;
overflow: hidden;
transition: all 300ms ease-in-out;
}
.btn-main.disable {
pointer-events: none;
opacity: 0.5;
}
.btn-main.disable:hover:before {
transform: translate(-50%, -50%) scale(0);
}
.btn-main:hover {
border: 1px solid transparent;
}
.btn-main:hover:before {
transform: translate(-50%, -50%) scale(1.5);
}
.btn-main:before {
position: absolute;
content: "";
border-radius: 50%;
background-color: #7aff00;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
transform: translate(-50%, -50%) scale(0);
transition: all 300ms ease-in-out;
}
.btn-main span {
z-index: 2;
display: flex;
}
.swiper-pagination {
position: static;
padding: 16px 0;
display: none;
}
@media (max-width: 1023px) {
.swiper-pagination {
display: block;
}
}
.swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #0d0d0d !important;
position: relative;
opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet:before {
content: "";
position: absolute;
transform: scale(0);
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
transition: all 300ms ease-in-out;
background-color: #7aff00;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
transform: scale(1);
}
.preload {
height: calc(var(--vh3, 1vh) * 100);
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 50;
background-color: #3a3a3a;
display: flex;
align-items: center;
justify-content: center;
}
.preload.preload-single {
transform: translateY(-100%);
}
.preload .contenido .contenedor-img {
width: 80px;
}
@media (max-width: 667px) {
.preload .contenido .contenedor-img {
width: 60px;
}
}
.preload .contenido .contenedor-img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.preload .contenido .line {
width: 40%;
height: 2px;
position: relative;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.2);
margin-top: 16px;
}
.preload .contenido .line:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #7aff00;
top: 0;
left: 0;
transform: translateX(-100%);
animation: line 3s ease-in-out infinite;
}
.modal-menu {
height: calc(var(--vh3, 1vh) * 100);
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: none;
opacity: 0;
display: flex;
padding: 32px;
box-sizing: border-box;
justify-content: center;
transform: translateX(100%);
transition: height 100ms ease-in-out;
}
.modal-menu .contenedor-color {
position: absolute;
width: 0;
height: 100%;
top: 0;
right: 0;
background-color: #3a3a3a;
}
.modal-menu .contenido {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
}
.modal-menu .contenido .contenedor-close {
position: absolute;
top: 0;
right: 0;
width: 48px;
height: 48px;
padding-left: 16px;
padding-bottom: 16px;
box-sizing: border-box;
}
.modal-menu .contenido .contenedor-close img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.modal-menu .contenido .contenedor-logo {
width: 10vh;
}
.modal-menu .contenido .contenedor-logo svg {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.modal-menu .contenido .contenedor-logo svg path {
fill: #ffffff;
}
.modal-menu .contenido .contenedor-menu {
display: flex;
flex-direction: column;
}
.modal-menu .contenido .contenedor-menu .item {
padding: 24px 32px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
transform: translateX(60px);
opacity: 0;
}
.modal-menu .contenido .contenedor-menu .item.text-menu {
font-size: 25px !important;
}
.modal-menu .contenido .contenedor-menu .item:hover span:before, .modal-menu .contenido .contenedor-menu .item.is-active span:before {
width: 100%;
left: 0;
}
.modal-menu .contenido .contenedor-menu .item span {
position: relative;
}
.modal-menu .contenido .contenedor-menu .item span:before {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
width: 0%;
height: 1px;
background-color: #7aff00;
transition: all 300ms ease-in-out;
}
.modal-menu .contenido .contenedor-redes {
display: flex;
align-items: center;
}
.modal-menu .contenido .contenedor-redes .red {
display: flex;
align-items: center;
padding: 32px 16px;
width: 35px;
height: 35px;
transform: translateY(-30px);
opacity: 0;
}
.modal-menu .contenido .contenedor-redes .red svg {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.modal-menu .contenido .contenedor-redes .red svg path {
fill: #ffffff;
}
.contenedor-404 {
height: calc(var(--vh, 1vh) * 100);
background-color: #3a3a3a;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
.contenedor-404 {
background-image: none !important;
}
}
.contenedor-404:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #3a3a3a;
opacity: 0.94;
}
.contenedor-404 .contenido {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 2;
}
.contenedor-404 .contenido .contenedor-img {
width: 60%;
}
.contenedor-404 .contenido .contenedor-img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.contenedor-terminosPage {
padding-top: 20vh;
background-color: #ffffff;
}
.contenedor-terminosPage .main-container {
flex-direction: column;
}
.contenedor-terminosPage .main-container .contenido {
width: 65%;
}
@media (max-width: 1023px) {
.contenedor-terminosPage .main-container .contenido {
width: 100%;
}
}
.contenedor-terminosPage .main-container .contenido h3 {
font-family: "Campton", sans-serif;
font-size: calc(21px + 6 * (100vw - 300px) / 2000);
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: left;
color: #3a3a3a;
margin-bottom: 64px;
}
.contenedor-terminosPage .main-container .contenido h4 {
font-family: "Campton", sans-serif;
font-size: calc(15.5px + 6 * (100vw - 300px) / 2000);
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: left;
margin-bottom: 48px;
}
.contenedor-terminosPage .main-container .contenido p {
font-family: "Roboto", sans-serif;
font-size: calc(12px + 5 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: left;
color: #848484;
margin-bottom: 48px;
}
.contenedor-background-fixed {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: fixed;
width: 100%;
height: calc(var(--vh, 1vh) * 100);
z-index: -1;
}
.componente-inicio {
height: calc(var(--vh, 1vh) * 100);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
transition: all 300ms ease-in-out;
position: relative;
width: 100%;
overflow: hidden;
}
.componente-inicio .contenedor-inicio-background-color {
position: absolute;
width: 100%;
height: 100%;
background-color: #3a3a3a;
z-index: -1;
}
@media (max-width: 1023px) {
.componente-inicio {
background-size: cover;
justify-content: center;
}
.componente-inicio:before {
content: "";
opacity: 0;
background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.3) 55%, #000000);
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
}
.componente-inicio .contenido-gradiente {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
@media (max-width: 1023px) {
.componente-inicio .contenido-gradiente {
height: auto;
}
.componente-inicio .contenido-gradiente:before {
display: none;
}
}
.componente-inicio .contenido-gradiente.isActive:before {
opacity: 1;
}
.componente-inicio .contenido-gradiente:before {
opacity: 0;
content: "";
background-image: linear-gradient(to bottom, #3a3a3a, rgba(58, 58, 58, 0));
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
transition: all 300ms ease-in-out;
}
.componente-inicio .contenido-gradiente .tag {
color: #ffffff;
margin-bottom: 48px;
position: relative;
text-transform: uppercase;
}
.componente-inicio .contenido-gradiente .tag:before {
content: "";
width: 48px;
height: 2px;
background-color: #7aff00;
position: absolute;
bottom: -24px;
left: 0;
}
.componente-inicio .contenido-gradiente .main-container {
max-width: 85%;
}
.componente-inicio .contenido .main-container {
color: #ffffff;
flex-direction: column;
justify-content: space-between;
max-width: 85%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.componente-inicio .contenido .main-container {
margin-bottom: 0;
}
}
.componente-inicio .contenido .main-container h1 {
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 1023px) {
.componente-inicio .contenido .main-container h1 {
margin-bottom: 0;
}
}
.componente-inicio .contenido .main-container h1 #word-the {
opacity: 1;
}
.componente-inicio .contenido .main-container #titulo-memoma-animation {
display: flex;
align-items: center;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
}
.componente-inicio .contenido .main-container #titulo-completo {
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.componente-inicio .contenido .main-container #word-memoma {
position: absolute;
left: 0;
top: 0;
}
.componente-inicio .contenido .main-container .mask {
overflow: hidden;
position: relative;
display: inline-block;
}
.componente-inicio .contenido .main-container .mask .word {
transform: translateX(-100%);
position: absolute;
}
.componente-inicio .contenido .main-container .mask .hide {
opacity: 0;
}
.componente-inicio .contenido .main-container .word-help {
opacity: 0;
}
.componente-inicio .contenido .main-container .titulo-full {
opacity: 1;
display: flex;
align-items: center;
}
.componente-inicio .contenido .main-container .letter-f {
opacity: 0;
position: absolute;
}
.componente-inicio .contenido .main-container .contenedor-img {
width: 100%;
height: 3vh;
display: inline-flex;
justify-content: center;
margin-top: 16vh;
margin-bottom: 3vh;
padding: 1.5vh 0;
}
@media (max-width: 1023px) {
.componente-inicio .contenido .main-container .contenedor-img {
display: none;
}
}
.componente-inicio .contenido .main-container .contenedor-img img {
animation: arrow-down 1.5s linear infinite;
animation-direction: alternate;
width: 30px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
}
.componente-inicio2 {
height: calc(var(--vh, 1vh) * 100);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
transition: all 300ms ease-in-out;
z-index: 21;
position: relative;
width: 100%;
}
.componente-inicio2.isActive:before {
opacity: 1;
}
.componente-inicio2:before {
transition: all 300ms ease-in-out;
opacity: 0;
content: "";
position: absolute;
width: 100%;
height: 40%;
background-image: linear-gradient(to bottom, #3a3a3a, rgba(0, 0, 0, 0) 100%);
}
.componente-inicio2 .contenedor-img-background {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.componente-inicio2 .contenedor-img-background img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.componente-inicio2 .contenido {
width: 100%;
height: 100%;
display: flex;
align-items: center;
opacity: 0;
}
.componente-inicio2 .contenido .main-container {
color: #ffffff;
flex-direction: column;
padding-left: 7vh;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.componente-inicio2 .contenido .main-container {
padding-left: 0;
}
}
.componente-inicio2 .contenido .main-container h1 {
text-transform: uppercase;
}
.componente-inicio2 .contenido .main-container h4 {
text-transform: uppercase;
position: relative;
}
.componente-inicio2 .contenido .main-container .line {
width: 48px;
height: 2px;
opacity: 0.5;
background-color: #7aff00;
margin-top: 16px;
}
.contenedor-bloques {
background-color: #3a3a3a;
overflow: hidden;
}
.contenedor-reel {
height: calc(var(--vh, 1vh) * 100);
width: 100%;
}
.contenedor-works {
display: flex;
flex-wrap: wrap;
background-color: #3a3a3a;
}
.contenedor-worksPage {
display: flex;
flex-wrap: wrap;
position: relative;
}
.contenedor-worksPage.isActive:before {
opacity: 1;
}
.contenedor-worksPage:before {
opacity: 0;
z-index: 2;
position: absolute;
top: 0;
left: 0;
content: "";
background-image: linear-gradient(to bottom, #3a3a3a, rgba(58, 58, 58, 0));
width: 100%;
height: 20vh;
transition: all 300ms ease-in-out;
}
.card-work {
width: 33.3333%;
height: 25.7142857143vw;
overflow: hidden;
position: relative;
}
.card-work:hover img, .card-work:hover video {
filter: grayscale(100%);
opacity: 0.5;
}
.card-work:hover .contenido-textos {
opacity: 1 !important;
}
@media (max-width: 1023px) {
.card-work {
width: 50%;
height: 36vw;
}
}
@media (max-width: 667px) {
.card-work {
width: 100%;
}
}
@media (max-width: 667px) and (max-width: 1023px) {
.card-work {
height: calc(50vh - 50px);
min-height: 250px;
}
}
.card-work .contenido-textos {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: all 600ms ease-in-out;
}
.card-work .contenido-textos h2 {
color: #7aff00;
text-align: center;
width: 80%;
margin-bottom: 8px;
text-transform: uppercase;
}
.card-work .contenido-textos .tag2 {
width: 80%;
text-align: center;
color: #ffffff;
text-transform: uppercase;
}
.card-work .contenido-textos .line {
width: 48px;
height: 2px;
background-color: #7aff00;
margin-top: 16px;
}
.card-work img, .card-work video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
transition: all 600ms ease-in-out;
}
.contenedor-quickies {
display: flex;
flex-direction: column;
}
.contenedor-quickies .main-container {
justify-content: flex-end;
}
.contenedor-quickies .contenedor-titulo {
box-sizing: border-box;
background-color: #3a3a3a;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
margin-top: 144px;
margin-bottom: 32px;
}
@media (max-width: 1023px) {
.contenedor-quickies .contenedor-titulo {
display: none;
}
}
.contenedor-quickies .contenedor-titulo h4 {
margin: 0;
color: #ffffff;
}
.contenedor-quickies .contenedor-titulo .contenedor-img {
width: 100%;
height: 3vh;
display: inline-flex;
justify-content: flex-end;
margin-top: 3vh;
padding: 1.5vh 0;
}
.contenedor-quickies .contenedor-titulo .contenedor-img img {
animation: arrow-down 1.5s linear infinite;
animation-direction: alternate;
width: 30px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: right;
object-position: right;
}
.contenedor-quickies .contenedor-items {
background-color: #3a3a3a;
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
grid-auto-rows: 8.3333vh;
}
@media (max-width: 1023px) {
.contenedor-quickies .contenedor-items {
grid-auto-rows: auto;
}
}
@media (max-width: 1023px) {
.contenedor-quickies .contenedor-items .item {
grid-row-start: span 6 !important;
grid-column-start: span 6 !important;
}
}
@media (max-width: 667px) {
.contenedor-quickies .contenedor-items .item {
grid-row-start: auto !important;
grid-column-start: span 12 !important;
}
}
.contenedor-quickies .contenedor-items .item.g1x1 {
grid-row-start: span 1;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g1x2 {
grid-row-start: span 1;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g1x3 {
grid-row-start: span 1;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g1x4 {
grid-row-start: span 1;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g1x5 {
grid-row-start: span 1;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g1x6 {
grid-row-start: span 1;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g1x7 {
grid-row-start: span 1;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g1x8 {
grid-row-start: span 1;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g1x9 {
grid-row-start: span 1;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g1x10 {
grid-row-start: span 1;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g1x11 {
grid-row-start: span 1;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g1x12 {
grid-row-start: span 1;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g2x1 {
grid-row-start: span 2;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g2x2 {
grid-row-start: span 2;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g2x3 {
grid-row-start: span 2;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g2x4 {
grid-row-start: span 2;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g2x5 {
grid-row-start: span 2;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g2x6 {
grid-row-start: span 2;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g2x7 {
grid-row-start: span 2;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g2x8 {
grid-row-start: span 2;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g2x9 {
grid-row-start: span 2;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g2x10 {
grid-row-start: span 2;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g2x11 {
grid-row-start: span 2;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g2x12 {
grid-row-start: span 2;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g3x1 {
grid-row-start: span 3;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g3x2 {
grid-row-start: span 3;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g3x3 {
grid-row-start: span 3;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g3x4 {
grid-row-start: span 3;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g3x5 {
grid-row-start: span 3;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g3x6 {
grid-row-start: span 3;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g3x7 {
grid-row-start: span 3;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g3x8 {
grid-row-start: span 3;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g3x9 {
grid-row-start: span 3;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g3x10 {
grid-row-start: span 3;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g3x11 {
grid-row-start: span 3;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g3x12 {
grid-row-start: span 3;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g4x1 {
grid-row-start: span 4;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g4x2 {
grid-row-start: span 4;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g4x3 {
grid-row-start: span 4;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g4x4 {
grid-row-start: span 4;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g4x5 {
grid-row-start: span 4;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g4x6 {
grid-row-start: span 4;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g4x7 {
grid-row-start: span 2;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g4x8 {
grid-row-start: span 2;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g4x9 {
grid-row-start: span 2;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g4x10 {
grid-row-start: span 2;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g4x11 {
grid-row-start: span 2;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g4x12 {
grid-row-start: span 2;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g5x1 {
grid-row-start: span 5;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g5x2 {
grid-row-start: span 5;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g5x3 {
grid-row-start: span 5;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g5x4 {
grid-row-start: span 5;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g5x5 {
grid-row-start: span 5;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g5x6 {
grid-row-start: span 5;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g5x7 {
grid-row-start: span 5;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g5x8 {
grid-row-start: span 5;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g5x9 {
grid-row-start: span 5;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g5x10 {
grid-row-start: span 5;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g5x11 {
grid-row-start: span 5;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g5x12 {
grid-row-start: span 5;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g6x1 {
grid-row-start: span 6;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g6x2 {
grid-row-start: span 6;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g6x3 {
grid-row-start: span 6;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g6x4 {
grid-row-start: span 6;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g6x5 {
grid-row-start: span 6;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g6x6 {
grid-row-start: span 6;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g6x7 {
grid-row-start: span 6;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g6x8 {
grid-row-start: span 6;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g6x9 {
grid-row-start: span 6;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g6x10 {
grid-row-start: span 6;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g6x11 {
grid-row-start: span 6;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g6x12 {
grid-row-start: span 6;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g7x1 {
grid-row-start: span 7;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g7x2 {
grid-row-start: span 7;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g7x3 {
grid-row-start: span 7;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g7x4 {
grid-row-start: span 7;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g7x5 {
grid-row-start: span 7;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g7x6 {
grid-row-start: span 7;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g7x7 {
grid-row-start: span 7;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g7x8 {
grid-row-start: span 7;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g7x9 {
grid-row-start: span 7;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g7x10 {
grid-row-start: span 7;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g7x11 {
grid-row-start: span 7;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g7x12 {
grid-row-start: span 7;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g8x1 {
grid-row-start: span 8;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g8x2 {
grid-row-start: span 8;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g8x3 {
grid-row-start: span 8;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g8x4 {
grid-row-start: span 8;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g8x5 {
grid-row-start: span 8;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g8x6 {
grid-row-start: span 8;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g8x7 {
grid-row-start: span 8;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g8x8 {
grid-row-start: span 8;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g8x9 {
grid-row-start: span 8;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g8x10 {
grid-row-start: span 8;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g8x11 {
grid-row-start: span 8;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g8x12 {
grid-row-start: span 8;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g9x1 {
grid-row-start: span 9;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g9x2 {
grid-row-start: span 9;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g9x3 {
grid-row-start: span 9;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g9x4 {
grid-row-start: span 9;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g9x5 {
grid-row-start: span 9;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g9x6 {
grid-row-start: span 9;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g9x7 {
grid-row-start: span 9;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g9x8 {
grid-row-start: span 9;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g9x9 {
grid-row-start: span 9;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g9x10 {
grid-row-start: span 9;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g9x11 {
grid-row-start: span 9;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g9x12 {
grid-row-start: span 9;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g10x1 {
grid-row-start: span 10;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g10x2 {
grid-row-start: span 10;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g10x3 {
grid-row-start: span 10;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g10x4 {
grid-row-start: span 10;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g10x5 {
grid-row-start: span 10;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g10x6 {
grid-row-start: span 10;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g10x7 {
grid-row-start: span 10;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g10x8 {
grid-row-start: span 10;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g10x9 {
grid-row-start: span 10;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g10x10 {
grid-row-start: span 10;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g10x11 {
grid-row-start: span 10;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g10x12 {
grid-row-start: span 10;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g11x1 {
grid-row-start: span 11;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g11x2 {
grid-row-start: span 11;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g11x3 {
grid-row-start: span 11;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g11x4 {
grid-row-start: span 11;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g11x5 {
grid-row-start: span 11;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g11x6 {
grid-row-start: span 11;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g11x7 {
grid-row-start: span 11;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g11x8 {
grid-row-start: span 11;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g11x9 {
grid-row-start: span 11;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g11x10 {
grid-row-start: span 11;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g11x11 {
grid-row-start: span 11;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g11x12 {
grid-row-start: span 11;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item.g12x1 {
grid-row-start: span 12;
grid-column-start: span 1;
}
.contenedor-quickies .contenedor-items .item.g12x2 {
grid-row-start: span 12;
grid-column-start: span 2;
}
.contenedor-quickies .contenedor-items .item.g12x3 {
grid-row-start: span 12;
grid-column-start: span 3;
}
.contenedor-quickies .contenedor-items .item.g12x4 {
grid-row-start: span 12;
grid-column-start: span 4;
}
.contenedor-quickies .contenedor-items .item.g12x5 {
grid-row-start: span 12;
grid-column-start: span 5;
}
.contenedor-quickies .contenedor-items .item.g12x6 {
grid-row-start: span 12;
grid-column-start: span 6;
}
.contenedor-quickies .contenedor-items .item.g12x7 {
grid-row-start: span 12;
grid-column-start: span 7;
}
.contenedor-quickies .contenedor-items .item.g12x8 {
grid-row-start: span 12;
grid-column-start: span 8;
}
.contenedor-quickies .contenedor-items .item.g12x9 {
grid-row-start: span 12;
grid-column-start: span 9;
}
.contenedor-quickies .contenedor-items .item.g12x10 {
grid-row-start: span 12;
grid-column-start: span 10;
}
.contenedor-quickies .contenedor-items .item.g12x11 {
grid-row-start: span 12;
grid-column-start: span 11;
}
.contenedor-quickies .contenedor-items .item.g12x12 {
grid-row-start: span 12;
grid-column-start: span 12;
}
.contenedor-quickies .contenedor-items .item img, .contenedor-quickies .contenedor-items .item video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-quickies .contenedor-items .item img, .contenedor-quickies .contenedor-items .item video {
-o-object-fit: cover;
object-fit: cover;
}
}
.contenedor-load {
display: none;
align-items: center;
justify-content: center;
background-color: #3a3a3a;
padding: 12vh 0;
box-sizing: border-box;
}
.contenedor-load.full {
height: 100vh;
}
.contenedor-load .contenido .contenedor-img {
width: 80px;
}
@media (max-width: 667px) {
.contenedor-load .contenido .contenedor-img {
width: 60px;
}
}
.contenedor-load .contenido .contenedor-img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.contenedor-load .contenido .line {
width: 40%;
height: 2px;
position: relative;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.2);
margin-top: 16px;
}
.contenedor-load .contenido .line:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #7aff00;
top: 0;
left: 0;
transform: translateX(-100%);
animation: line 3s ease-in-out infinite;
}
.contenedor-load .circle-doble {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.contenedor-load .circle-doble.size2:before {
width: 7vh;
height: 7vh; animation: spin2 6s linear infinite;
}
.contenedor-load .circle-doble.size2:after {
width: 9vh;
height: 9vh; animation: spinR 8s linear infinite;
}
.contenedor-load .circle-doble:before {
width: 3vh;
height: 3vh;
border-radius: 50%;
position: absolute;
box-sizing: border-box;
content: "";
border-bottom: 2px solid #7aff00;
border-top: 2px solid #7aff00;
border-left: 2px solid #7aff00;
border-right: 2px solid #3a3a3a; animation: spin 2s linear infinite;
}
.contenedor-load .circle-doble:after {
width: 5vh;
height: 5vh;
border-radius: 50%;
position: absolute;
box-sizing: border-box;
content: "";
border-bottom: 2px solid #7aff00;
border-top: 2px solid #7aff00;
border-left: 2px solid #7aff00;
border-right: 2px solid #3a3a3a; animation: spin3 4s linear infinite;
}
.contenedor-informativo {
padding: 64px 0;
background-color: #3a3a3a;
}
.contenedor-informativo .main-container {
flex-wrap: wrap;
padding-left: 7vh;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-informativo .main-container {
flex-direction: column;
padding-left: 0;
}
}
.contenedor-informativo .contenedor-head {
width: 100%;
}
.contenedor-informativo .contenedor-head .tag2 {
color: #7aff00;
}
@media (max-width: 1023px) {
.contenedor-informativo .contenedor-head .tag2 {
margin-bottom: 32px;
}
}
.contenedor-informativo .contenedor-head .line {
width: 48px;
height: 2px;
background-color: #7aff00;
margin: 32px 0;
}
@media (max-width: 1023px) {
.contenedor-informativo .contenedor-head .line {
display: none;
}
}
.contenedor-informativo .contenedor-left {
width: 50%;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding-right: 64px;
}
@media (max-width: 1023px) {
.contenedor-informativo .contenedor-left {
width: 100%;
padding-right: 0;
}
}
.contenedor-informativo .contenedor-left p {
margin-bottom: 16px;
color: #ffffff;
}
.contenedor-informativo .contenedor-left a {
color: #7aff00 !important;
}
.contenedor-informativo .contenedor-right {
width: 50%;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding-left: 32px;
}
@media (max-width: 1023px) {
.contenedor-informativo .contenedor-right {
width: 100%;
padding-left: 0;
}
}
.contenedor-informativo .contenedor-right .item {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 0;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-informativo .contenedor-right .item {
flex-direction: column;
}
}
.contenedor-informativo .contenedor-right .item .nombre {
width: 50%;
color: #ffffff;
text-transform: uppercase;
}
.contenedor-informativo .contenedor-right .item .value {
width: 50%;
color: #aaaaaa;
}
@media (max-width: 1023px) {
.contenedor-informativo .contenedor-right .item .value {
text-align: left;
}
}
.contenedor-imagenFull {
width: 100%;
background-color: #3a3a3a;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-imagenFull {
margin-bottom: 0;
}
}
.contenedor-imagenFull img, .contenedor-imagenFull video {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.contenedor-imagen5050 {
width: 100%;
box-sizing: border-box;
background-color: #3a3a3a;
display: flex;
align-items: center;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-imagen5050 {
margin-bottom: 0;
}
}
.contenedor-imagen5050 .main-container {
width: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen5050 .main-container {
max-width: 100%;
flex-direction: column;
align-items: center;
}
}
.contenedor-imagen5050 .contenedor-left {
padding-right: 8px;
width: 50%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen5050 .contenedor-left {
width: 100%;
padding: 0;
}
}
.contenedor-imagen5050 .contenedor-left img, .contenedor-imagen5050 .contenedor-left video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen5050 .contenedor-left img, .contenedor-imagen5050 .contenedor-left video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen5050 .contenedor-right {
padding-left: 8px;
width: 50%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen5050 .contenedor-right {
width: 100%;
padding: 0;
}
}
.contenedor-imagen5050 .contenedor-right img, .contenedor-imagen5050 .contenedor-right video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen5050 .contenedor-right img, .contenedor-imagen5050 .contenedor-right video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen2575 {
width: 100%;
box-sizing: border-box;
background-color: #3a3a3a;
display: flex;
align-items: center;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-imagen2575 {
margin-bottom: 0;
}
}
.contenedor-imagen2575 .main-container {
width: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen2575 .main-container {
max-width: 100%;
flex-direction: column;
align-items: center;
}
}
.contenedor-imagen2575 .contenedor-left {
padding-right: 8px;
width: 25%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen2575 .contenedor-left {
width: 100%;
padding: 0;
}
}
.contenedor-imagen2575 .contenedor-left img, .contenedor-imagen2575 .contenedor-left video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen2575 .contenedor-left img, .contenedor-imagen2575 .contenedor-left video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen2575 .contenedor-right {
padding-left: 8px;
width: 75%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen2575 .contenedor-right {
width: 100%;
padding: 0;
}
}
.contenedor-imagen2575 .contenedor-right img, .contenedor-imagen2575 .contenedor-right video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen2575 .contenedor-right img, .contenedor-imagen2575 .contenedor-right video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen7525 {
width: 100%;
box-sizing: border-box;
background-color: #3a3a3a;
display: flex;
align-items: center;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-imagen7525 {
margin-bottom: 0;
}
}
.contenedor-imagen7525 .main-container {
width: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen7525 .main-container {
max-width: 100%;
flex-direction: column;
align-items: center;
}
}
.contenedor-imagen7525 .contenedor-left {
padding-right: 8px;
width: 75%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen7525 .contenedor-left {
width: 100%;
padding: 0;
}
}
.contenedor-imagen7525 .contenedor-left img, .contenedor-imagen7525 .contenedor-left video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen7525 .contenedor-left img, .contenedor-imagen7525 .contenedor-left video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen7525 .contenedor-right {
padding-left: 8px;
width: 25%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen7525 .contenedor-right {
width: 100%;
padding: 0;
}
}
.contenedor-imagen7525 .contenedor-right img, .contenedor-imagen7525 .contenedor-right video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen7525 .contenedor-right img, .contenedor-imagen7525 .contenedor-right video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagenCR {
width: 100%;
box-sizing: border-box;
background-color: #3a3a3a;
display: flex;
align-items: center;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-imagenCR {
margin-bottom: 0;
}
}
.contenedor-imagenCR .main-container {
width: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagenCR .main-container {
max-width: 100%;
flex-direction: column;
align-items: center;
}
}
.contenedor-imagenCR .contenedor-left {
margin-right: 8px;
width: 60vh;
height: 60vh;
}
@media (max-width: 1023px) {
.contenedor-imagenCR .contenedor-left {
width: 100%;
height: auto;
margin: 0;
}
}
.contenedor-imagenCR .contenedor-left img, .contenedor-imagenCR .contenedor-left video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagenCR .contenedor-left img, .contenedor-imagenCR .contenedor-left video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagenCR .contenedor-right {
padding-left: 8px;
width: 100%;
height: 60vh;
flex: 1 1;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagenCR .contenedor-right {
width: 100%;
padding: 0;
}
}
.contenedor-imagenCR .contenedor-right img, .contenedor-imagenCR .contenedor-right video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagenCR .contenedor-right img, .contenedor-imagenCR .contenedor-right video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen333333 {
width: 100%;
box-sizing: border-box;
background-color: #3a3a3a;
display: flex;
align-items: center;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 {
margin-bottom: 0;
}
}
.contenedor-imagen333333 .main-container {
width: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 .main-container {
max-width: 100%;
flex-direction: column;
align-items: center;
}
}
.contenedor-imagen333333 .contenedor-left {
padding-right: 8px;
width: 33.3333%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 .contenedor-left {
width: 100%;
padding: 0;
}
}
.contenedor-imagen333333 .contenedor-left img, .contenedor-imagen333333 .contenedor-left video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 .contenedor-left img, .contenedor-imagen333333 .contenedor-left video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen333333 .contenedor-center {
padding-right: 8px;
padding-left: 8px;
width: 33.3333%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 .contenedor-center {
width: 100%;
padding: 0;
}
}
.contenedor-imagen333333 .contenedor-center img, .contenedor-imagen333333 .contenedor-center video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 .contenedor-center img, .contenedor-imagen333333 .contenedor-center video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagen333333 .contenedor-right {
padding-left: 8px;
width: 33.3333%;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 .contenedor-right {
width: 100%;
padding: 0;
}
}
.contenedor-imagen333333 .contenedor-right img, .contenedor-imagen333333 .contenedor-right video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.contenedor-imagen333333 .contenedor-right img, .contenedor-imagen333333 .contenedor-right video {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.contenedor-imagenBorder {
background-color: #3a3a3a;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-imagenBorder {
margin-bottom: 0;
}
}
@media (max-width: 1023px) {
.contenedor-imagenBorder .main-container {
max-width: 100%;
}
}
.contenedor-imagenBorder .contenedor-img {
width: 100%;
}
.contenedor-imagenBorder .contenedor-img img, .contenedor-imagenBorder .contenedor-img video {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.contenedor-videoVimeo {
background-color: #3a3a3a;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.contenedor-videoVimeo.full {
transition: all 300ms ease-in-out;
height: calc(var(--vh, 1vh) * 100);
position: relative;
margin-bottom: 0 !important;
}
.contenedor-videoVimeo.full:before {
z-index: 3;
pointer-events: none;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background-image: linear-gradient(to bottom, #3a3a3a, rgba(58, 58, 58, 0));
transition: all 300ms ease-in-out;
}
.contenedor-videoVimeo.full .main-container {
width: 100%;
max-width: 100%;
height: 100%;
padding-bottom: 0;
}
.contenedor-videoVimeo.full .main-container .btn-play {
display: flex;
}
.contenedor-videoVimeo.full .main-container iframe {
width: 100%;
height: 100%;
position: static;
top: unset;
left: unset;
}
.contenedor-videoVimeo.isActive:before {
opacity: 1;
}
.contenedor-videoVimeo.shadow-none .btn-play {
visibility: hidden;
opacity: 0;
}
.contenedor-videoVimeo.shadow-none .contenedor-previewReel {
opacity: 0;
}
.contenedor-videoVimeo .main-container {
height: 100%;
position: relative;
align-items: center;
padding-bottom: 51%;
}
@media (max-width: 1023px) {
.contenedor-videoVimeo .main-container {
max-width: 100%;
padding-bottom: 55%;
}
}
.contenedor-videoVimeo .main-container iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.contenedor-videoVimeo .main-container .contenedor-previewReel {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
pointer-events: none;
transition: all 300ms ease-in-out;
}
.contenedor-videoVimeo .main-container .btn-play {
display: none;
z-index: 3;
width: 100px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
transition: all 300ms ease-in-out;
}
.contenedor-videoVimeo .main-container .btn-play img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.contenedor-sliderImagenes {
background-color: #3a3a3a;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow: hidden;
padding-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-sliderImagenes {
height: auto;
padding: 64px 0;
}
}
.contenedor-sliderImagenes .contenedor-titulos {
flex-direction: column;
}
@media (max-width: 1023px) {
.contenedor-sliderImagenes .contenedor-titulos {
height: auto;
}
}
.contenedor-sliderImagenes .tag2 {
color: #7aff00;
}
.contenedor-sliderImagenes .tag4 {
color: #7aff00;
text-align: right;
margin-bottom: 32px;
}
.contenedor-sliderImagenes .contenedor-slider {
flex-direction: column;
}
@media (max-width: 1023px) {
.contenedor-sliderImagenes .contenedor-slider {
max-width: 100%;
height: auto;
}
}
.contenedor-sliderImagenes .swiper-container {
width: 60%;
max-height: 70vh;
position: relative;
overflow: unset;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-sliderImagenes .swiper-container {
width: 100%;
height: calc(50vh - 50px);
min-height: 250px;
}
}
.contenedor-sliderImagenes .swiper-container .swiper-wrapper {
max-height: inherit;
}
.contenedor-sliderImagenes .swiper-container .swiper-slide {
position: relative;
max-height: inherit;
display: flex;
height: auto !important;
}
.contenedor-sliderImagenes .swiper-container .swiper-slide.swiper-slide-prev:before {
opacity: 1;
}
.contenedor-sliderImagenes .swiper-container .swiper-slide.swiper-slide-next:after {
opacity: 1;
}
.contenedor-sliderImagenes .swiper-container .swiper-slide:before {
opacity: 0;
transition: all 300ms ease-in-out;
content: "";
position: absolute;
width: calc(100vw - (54vw + 435px));
height: 100%;
right: 0;
top: 0;
z-index: 2;
background-image: linear-gradient(to right, #3a3a3a, rgba(58, 58, 58, 0));
}
.contenedor-sliderImagenes .swiper-container .swiper-slide:after {
opacity: 0;
transition: all 300ms ease-in-out;
content: "";
position: absolute;
width: calc(100vw - (54vw + 435px));
height: 100%;
left: 0;
top: 0;
z-index: 2;
background-image: linear-gradient(to left, #3a3a3a, rgba(58, 58, 58, 0));
}
.contenedor-sliderImagenes .swiper-container .swiper-slide img, .contenedor-sliderImagenes .swiper-container .swiper-slide video {
-o-object-position: center;
object-position: center;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.contenedor-sliderImagenes .swiper-container .next, .contenedor-sliderImagenes .swiper-container .prev {
position: absolute;
top: 50%;
cursor: pointer;
z-index: 2;
outline: unset;
height: 40px;
}
@media (max-width: 1023px) {
.contenedor-sliderImagenes .swiper-container .next, .contenedor-sliderImagenes .swiper-container .prev {
display: none;
}
}
.contenedor-sliderImagenes .swiper-container .next.swiper-button-disabled, .contenedor-sliderImagenes .swiper-container .prev.swiper-button-disabled {
pointer-events: none;
opacity: 0.2;
}
.contenedor-sliderImagenes .swiper-container .next img, .contenedor-sliderImagenes .swiper-container .prev img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.contenedor-sliderImagenes .swiper-container .next {
right: 0;
transform: translateY(-50%) translateX(200%);
}
.contenedor-sliderImagenes .swiper-container .prev {
left: 0;
transform: translateY(-50%) translateX(-200%);
}
.contenedor-titulos-padre {
width: 100%;
display: flex;
justify-content: center;
margin-top: 56px;
margin-bottom: 32px;
}
@media (max-width: 1023px) {
.contenedor-titulos-padre .contenedor-titulos {
height: auto;
margin: 0;
}
}
.contenedor-titulos-padre .titulo {
color: #7aff00;
font-weight: 300;
margin-right: 13vw;
}
.contenedor-titulos-padre .subtitulo {
color: #848484;
font-weight: 100;
text-align: right;
}
.contenedor-formularioContacto {
height: 100vh;
background-color: #3a3a3a;
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: center;
overflow: hidden;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto {
padding-top: 100px;
height: auto;
}
}
.contenedor-formularioContacto h3 {
width: 60%;
color: #ffffff;
text-transform: uppercase;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto h3 {
width: 85%;
}
}
@media (max-width: 667px) {
.contenedor-formularioContacto h3 {
display: flex;
flex-direction: column;
}
}
.contenedor-formularioContacto h3 span {
font-weight: 500;
}
.contenedor-formularioContacto .contenido {
width: 60%;
display: flex;
margin-bottom: 80px;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenido {
width: 85%;
margin-bottom: 32px;
flex-direction: column;
}
}
.contenedor-formularioContacto .contenido .contenedor-formulario {
width: 100%;
padding-right: 128px;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenido .contenedor-formulario {
margin-bottom: 16px;
}
}
.contenedor-formularioContacto .contenido .contenedor-formulario #form-contacto {
display: flex;
flex-direction: column;
}
.contenedor-formularioContacto .contenido .contenedor-formulario #form-contacto .input, .contenedor-formularioContacto .contenido .contenedor-formulario #form-contacto textarea {
width: 100%;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenido .contenedor-formulario #form-contacto {
align-items: center;
}
}
.contenedor-formularioContacto .contenido .contenedor-redes {
display: flex;
flex-direction: column;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenido .contenedor-redes {
align-items: center;
}
}
.contenedor-formularioContacto .contenido .contenedor-redes .text-redes {
color: #7aff00;
margin-bottom: 8px;
transition: all 300ms ease-in-out;
opacity: 0.8;
}
.contenedor-formularioContacto .contenido .contenedor-redes .text-redes:last-child {
margin-bottom: 0;
}
.contenedor-formularioContacto .contenido .contenedor-redes .text-redes:hover {
font-weight: 300;
opacity: 1;
}
.contenedor-formularioContacto .contenido form .input {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
margin-bottom: 16px;
}
@media (max-width: 667px) {
.contenedor-formularioContacto .contenido form .input {
margin-bottom: 24px;
}
}
.contenedor-formularioContacto .contenido form .input:nth-child(3) {
margin-bottom: 1px;
}
@media (max-width: 667px) {
.contenedor-formularioContacto .contenido form .input:nth-child(3) {
margin-bottom: 0px;
}
}
.contenedor-formularioContacto .contenido form .input.error {
border-bottom: 1px solid rgba(255, 0, 0, 0.5);
}
.contenedor-formularioContacto .contenido form .input:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.contenedor-formularioContacto .contenido form .input.descripcion {
border-bottom: unset;
flex-direction: column;
position: relative;
}
.contenedor-formularioContacto .contenido form .input.descripcion label {
top: 13px;
position: absolute;
}
@media (max-width: 667px) {
.contenedor-formularioContacto .contenido form .input.descripcion label {
top: 25px;
}
}
.contenedor-formularioContacto .contenido form .input label {
color: #ffffff;
background-color: #3a3a3a;
}
.contenedor-formularioContacto .contenido form .input input {
color: #ffffff;
text-align: left;
width: 100%;
padding-bottom: 8px;
padding-left: 16px;
background-color: transparent;
box-shadow: unset;
border: unset;
outline: unset;
border-radius: unset;
}
@media (max-width: 667px) {
.contenedor-formularioContacto .contenido form .input input {
padding-bottom: 24px;
}
}
.contenedor-formularioContacto .contenido form .input textarea {
text-indent: 120px;
padding: 0;
line-height: 45px;
background-color: #3a3a3a;
border: unset;
outline: unset;
margin-bottom: 24px;
color: #ffffff;
text-align: left;
resize: none !important;
background-image: linear-gradient(transparent, transparent 44px, rgba(255, 255, 255, 0.2) 0px);
background-size: 100% 45px;
vertical-align: top;
}
@media (max-width: 667px) {
.contenedor-formularioContacto .contenido form .input textarea {
text-indent: 105px;
line-height: 67px;
background-image: linear-gradient(transparent, transparent 66px, rgba(255, 255, 255, 0.2) 0px);
background-size: 100% 67px;
height: 268px !important;
}
}
.contenedor-formularioContacto .contenido form .input textarea.error {
background-image: linear-gradient(transparent, transparent 44px, rgba(255, 0, 0, 0.5) 0px);
}
@media (max-width: 667px) {
.contenedor-formularioContacto .contenido form .input textarea.error {
background-image: linear-gradient(transparent, transparent 60px, rgba(255, 0, 0, 0.5) 0px);
}
}
.contenedor-formularioContacto .contenedor-mesajes-error {
display: flex;
flex-direction: column;
margin: 16px 0;
width: 100%;
}
.contenedor-formularioContacto .contenedor-mesajes-error .error {
display: flex;
align-items: center;
}
.contenedor-formularioContacto .contenedor-mesajes-error .error .tache {
color: red;
margin-right: 10px;
}
.contenedor-formularioContacto .contenedor-mesajes-error .error span {
color: red;
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre {
display: flex;
align-items: center;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenedor-btn-enviar-padre {
flex-direction: column;
}
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .estado {
display: flex;
align-items: center;
padding-left: 50px;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .estado {
padding-left: 0;
padding-top: 50px;
}
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .estado .loader {
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
border-top: 2px solid #7aff00;
margin-right: 10px;
width: 20px;
height: 20px; animation: spin 2s linear infinite;
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .estado span {
color: #ffffff;
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .exito {
display: flex;
align-items: center;
padding-left: 50px;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .exito {
padding-left: 0;
padding-top: 50px;
}
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .exito .check {
color: #7aff00;
margin-right: 10px;
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .exito span {
color: #7aff00;
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .error {
display: flex;
align-items: center;
padding-left: 50px;
}
@media (max-width: 1023px) {
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .error {
padding-left: 0;
padding-top: 50px;
}
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .error .tache {
color: red;
margin-right: 10px;
}
.contenedor-formularioContacto .contenedor-btn-enviar-padre .contenedor-btn-enviar .error span {
color: red;
}
.contenedor-direcciones {
padding: 32px 0;
background-color: #3a3a3a;
overflow: hidden;
}
@media (max-width: 1023px) {
.contenedor-direcciones {
padding: 0;
}
}
.contenedor-direcciones .main-container {
justify-content: space-between;
padding-left: 7vh;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.contenedor-direcciones .main-container {
flex-wrap: wrap;
padding-left: 0;
}
}
@media (max-width: 667px) {
.contenedor-direcciones .main-container {
justify-content: flex-start;
flex-direction: column;
align-items: center;
}
}
.contenedor-direcciones .item-direccion {
display: flex;
flex-direction: column;
}
@media (max-width: 1023px) {
.contenedor-direcciones .item-direccion {
margin-bottom: 32px;
}
}
.contenedor-direcciones .item-direccion .text-direcciones-title-contact {
color: #7aff00;
margin-bottom: 16px;
}
@media (max-width: 1023px) {
.contenedor-direcciones .item-direccion .text-direcciones-title-contact {
text-align: center;
}
}
.contenedor-direcciones .item-direccion .text-direcciones-text-contact {
color: #ffffff;
margin-bottom: 8px;
}
@media (max-width: 1023px) {
.contenedor-direcciones .item-direccion .text-direcciones-text-contact {
text-align: center;
}
}
.contenedor-links {
display: flex;
justify-content: center;
}
@media (max-width: 1023px) {
.contenedor-links {
margin-bottom: 32px;
}
}
.contenedor-links .contenido {
width: 60%;
display: flex;
}
@media (max-width: 1023px) {
.contenedor-links .contenido {
width: 85%;
flex-direction: column;
gap: 12px;
}
}
.contenedor-links .contenido .bloque {
display: flex;
flex-direction: column;
border: 1px solid #646464;
padding: 32px;
box-sizing: border-box;
}
.contenedor-links .contenido .bloque:first-child {
width: 60%;
}
@media (min-width: 1023px) {
.contenedor-links .contenido .bloque:first-child {
border-right: none;
}
}
@media (max-width: 1023px) {
.contenedor-links .contenido .bloque:first-child {
width: 100%;
}
}
.contenedor-links .contenido .bloque:last-child {
width: 40%;
}
@media (max-width: 1023px) {
.contenedor-links .contenido .bloque:last-child {
width: 100%;
}
}
.contenedor-links .contenido .bloque .iconos {
display: flex;
gap: 12px;
}
.contenedor-links .contenido .bloque .iconos a {
display: flex;
align-items: center;
gap: 12px;
height: 32px;
}
@media (min-width: 1023px) {
.contenedor-links .contenido .bloque .iconos a:hover .icono-image {
background-color: #7aff00;
}
.contenedor-links .contenido .bloque .iconos a:hover .etiqueta {
max-width: 250px;
opacity: 1;
transition: max-width 300ms ease-in-out, opacity 300ms ease-in-out 300ms;
}
}
.contenedor-links .contenido .bloque .iconos a.active .etiqueta {
max-width: 250px;
opacity: 1;
transition: max-width 300ms ease-in-out, opacity 300ms ease-in-out 300ms;
}
.contenedor-links .contenido .bloque .iconos a .icono-image {
background-color: #f5f5f5;
border-radius: 9999px;
width: 48px;
height: 48px;
padding: 12px;
display: flex;
box-sizing: border-box;
transition: all 300ms ease-in-out;
}
.contenedor-links .contenido .bloque .iconos a .icono-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.contenedor-links .contenido .bloque .iconos a .etiqueta {
max-width: 0;
opacity: 0;
transition: max-width 300ms ease-in-out, opacity 0s ease-in-out;
color: white;
pointer-events: none;
margin-bottom: 0 !important;
}
.contenedor-links .contenido .bloque .iconos a .etiqueta.text-direcciones-text-contact {
color: #ffffff;
margin-bottom: 8px;
}
@media (max-width: 1023px) {
.contenedor-links .contenido .bloque .iconos a .etiqueta.text-direcciones-text-contact {
text-align: center;
}
}
.contenedor-links .contenido .bloque .text-direcciones-title-contact {
color: #7aff00;
margin-bottom: 32px;
}
.contenedor-maps {
padding-top: 64px;
height: 50vh;
background-color: #3a3a3a;
overflow: hidden;
}
@media (max-width: 1023px) {
.contenedor-maps {
padding-top: 0;
}
}
.contenedor-maps #gmaps {
height: 100%;
width: 100%;
}
.contenedor-informativoContacto {
background-color: #efefef;
padding: 128px 0;
overflow: hidden;
}
@media (max-width: 1023px) {
.contenedor-informativoContacto {
padding: 64px 0;
}
}
@media (max-width: 1023px) {
.contenedor-informativoContacto .main-container {
flex-direction: column;
}
}
.contenedor-informativoContacto .contenedor-left {
width: 50%;
display: flex;
justify-content: flex-end;
padding-right: 64px;
}
@media (max-width: 1023px) {
.contenedor-informativoContacto .contenedor-left {
width: 100%;
justify-content: flex-start;
}
}
.contenedor-informativoContacto .contenedor-left .contenedor-img {
width: 20%;
}
@media (max-width: 667px) {
.contenedor-informativoContacto .contenedor-left .contenedor-img {
width: 40%;
}
}
.contenedor-informativoContacto .contenedor-left .contenedor-img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.contenedor-informativoContacto .contenedor-right {
width: 50%;
position: relative;
}
@media (max-width: 1023px) {
.contenedor-informativoContacto .contenedor-right {
width: 80%;
min-width: 250px;
margin-top: 64px;
}
}
.contenedor-informativoContacto .contenedor-right:before {
content: "";
position: absolute;
width: 48px;
height: 2px;
top: -32px;
left: 0;
background-color: #7aff00;
}
.contenedor-informativoContacto .contenedor-right .text-indformativo-texto {
color: #3a3a3a;
}
.contenedor-informativoContacto .contenedor-right .text-indformativo-texto2 {
margin-top: 24px;
color: #3a3a3a;
}
.contenedor-nextCase {
padding: 64px 0;
background-color: #3a3a3a;
display: flex;
align-items: center;
flex-direction: column;
cursor: pointer;
overflow: hidden;
position: relative;
}
.contenedor-nextCase.isActive .contenedor-img-nextCase {
opacity: 1;
}
.contenedor-nextCase.isActive .contenedor-img-nextCase:before {
opacity: 0;
}
.contenedor-nextCase.isActive:hover .contenedor-img-nextCase:before {
opacity: 0;
}
.contenedor-nextCase:hover .contenedor-img-nextCase {
opacity: 1;
}
.contenedor-nextCase .tag3 {
color: #aaaaaa;
text-align: center;
}
.contenedor-nextCase .contenedor-img {
margin-top: 8px;
width: 30px;
transition: all 300ms ease-in-out;
}
.contenedor-nextCase .contenedor-img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.contenedor-nextCase .contenedor-img-nextCase {
position: absolute;
width: 100%;
height: 100vh;
top: 0;
left: 0;
opacity: 0;
transition: all 600ms ease-in-out;
}
.contenedor-nextCase .contenedor-img-nextCase:before {
opacity: 0;
z-index: 2;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
transition: all 300ms ease-in-out;
background-image: linear-gradient(to bottom, #3a3a3a, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 66%, #3a3a3a);
}
.contenedor-nextCase .contenedor-img-nextCase img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}