:root{--colorMode-negro:#111d1f}.CaseStudy{background-color:var(--colorMode-negro);width:105vw;color:var(--fondo-blanco);flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}@font-face{font-family:Glancyr;src:url(/fonts/Glancyr.ttf)}.titulo-principal{text-align:center;color:var(--fondo-blanco);padding:4px;font-family:Glancyr,sans-serif;font-size:48px;font-style:italic;font-weight:500}@media screen and (max-width:500px){.titulo-principal{font-size:40px}}.titulo-secundario{text-align:center;color:var(--fondo-blanco);font-family:Glancyr,sans-serif;font-size:24px;font-weight:400}.texto-plano{font-family:Raleway,sans-serif;font-weight:200}.seccion-formulario{color:var(--color-oscuro)}
.hero-caseStudy{background:var(--colorMode-negro);width:100vw;height:70vh;min-height:600px}.hero-caseStudy .imagen-hero{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-caseStudy .imagen-hero:after{content:"";background:linear-gradient(0deg,var(--colorMode-negro)0%,var(--colorMode-negro)5%,#0000 30%,#0000 70%,var(--colorMode-negro)95%,var(--colorMode-negro)100%);object-fit:cover;width:100%;height:100%;position:absolute;left:0;right:0}.hero-caseStudy .imagen-hero .background-hero{object-fit:cover;width:100%;height:100%}.hero-caseStudy .imagen-hero .logo-hero{z-index:2;width:220px;position:absolute;top:15%;left:50%;translate:-50% -50%}.hero-caseStudy .imagen-hero .logo-hero.beat-hero{opacity:.3;z-index:1;animation:1s infinite beat}.hero-caseStudy .imagen-hero .texto-hero{z-index:2;width:360px;position:absolute;top:50%;left:50%;translate:-50% -50%}.hero-caseStudy .imagen-hero .titulo-hero{text-align:center;font-family:Glancyr,sans-serif;font-size:70px;font-weight:400}.hero-caseStudy .imagen-hero .subtitulo-hero{text-align:center;font-family:Raleway,sans-serif;font-size:24px;font-weight:200}@media screen and (max-width:800px){.hero-caseStudy .imagen-hero .texto-hero{top:60%;left:50%}.hero-caseStudy .imagen-hero .titulo-hero{font-size:50px}.hero-caseStudy .imagen-hero .subtitulo-hero{font-size:20px}}@keyframes beat{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}
.briefing{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:80%;max-width:1400px;display:flex}.briefing .titulo-principal{background:-webkit-radial-gradient(var(--fondo-blanco)0%,#fc5e02 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.briefing .columnas-briefing{grid-template-columns:.7fr;justify-content:space-around;gap:30px;display:grid}.briefing .columnas-briefing .columna-1{text-align:center;width:100%}.briefing .columnas-briefing .columna-2{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}.briefing .columnas-briefing .columna-2 .texto-plano{text-transform:uppercase}.briefing{margin-bottom:100px}@media screen and (max-width:800px){.briefing .columnas-briefing{grid-template-columns:1fr;gap:30px}.briefing .columnas-briefing .columna-2{gap:10px}}
.background-logotipo{background:radial-gradient(circle,#7c108d 0%,#111d1f 30%);flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.logotipo{flex-direction:column;gap:30px;width:80%;max-width:1400px;display:flex}.logotipo .titulo-principal{background:-webkit-linear-gradient(var(--fondo-blanco)0%,#7c108d 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logotipo .contenido-logotipo{grid-template:"imagen estrategia""imagen logotipo"/1fr 1fr;align-items:start;display:grid}.logotipo .contenido-logotipo .contenedor-imagen-logotipo{grid-area:imagen;width:100%;height:100%;padding:30px}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo{width:100%;height:300px;position:sticky;top:50vh}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo .logo-color{animation:linear forwards color-fade-out;animation-timeline:view();animation-range:contain 10px}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo .logo-cuadricula{opacity:0;animation:linear forwards grid-fade-in;animation-timeline:view();animation-range:contain 250px}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo{animation:3s infinite logo-animation}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo img{object-fit:cover;width:100%;display:block;position:absolute;top:0;left:0}.logotipo .contenido-logotipo .contenedor-estrategia-logotipo{flex-direction:column;grid-area:estrategia;gap:10px;padding:30px;display:flex}.logotipo .contenido-logotipo .contenedor-estrategia-logotipo .titulo-secundario{text-align:left}.logotipo .contenido-logotipo .contenedor-logotipo-logotipo{flex-direction:column;grid-area:logotipo;gap:10px;padding:30px;display:flex}.logotipo .contenido-logotipo .contenedor-logotipo-logotipo .titulo-secundario{text-align:left}@media screen and (max-width:1300px){.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo{height:200px}}@media screen and (max-width:1000px){.logotipo{width:90%}.logotipo .contenido-logotipo{grid-template-rows:repeat(3,auto);grid-template-columns:1fr;grid-template-areas:"estrategia""imagen""logotipo"}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo{height:50vw}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo .logo-color{animation:10s linear infinite logo-color-animation}.logotipo .contenido-logotipo .contenedor-imagen-logotipo .imagen-logotipo .logo-cuadricula{animation:10s linear infinite logo-grid-animation}}@keyframes color-fade-out{0%{opacity:1}70%{opacity:0}}@keyframes grid-fade-in{0%{opacity:0}70%{opacity:1}}@keyframes logo-color-animation{0%{opacity:1}20%{opacity:1}25%{opacity:0}45%{opacity:0}50%{opacity:0}70%{opacity:0}75%{opacity:1}95%{opacity:1}to{opacity:1}}@keyframes logo-grid-animation{0%{opacity:0}20%{opacity:0}25%{opacity:0}45%{opacity:0}50%{opacity:1}70%{opacity:1}75%{opacity:1}95%{opacity:1}to{opacity:0}}
.feeling-section{background:-webkit-radial-gradient(#0d3d6b,var(--colorMode-negro)50%);flex-direction:column;justify-content:center;align-items:center;display:flex}.feeling-contenido{flex-direction:column;justify-content:center;align-items:center;gap:100px;width:80%;max-width:1400px;display:flex}.feeling-contenido .titulo-principal{background:-webkit-linear-gradient(var(--fondo-blanco)0%,#0d3d6b 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feeling-contenido .contenedor-texto-feeling{text-align:center;flex-direction:column;gap:10px;width:50%;display:flex}@media screen and (max-width:1000px){.feeling-contenido .contenedor-texto-feeling{width:80%}}@media screen and (max-width:600px){.feeling-contenido .contenedor-texto-feeling{width:90%}}.contenedor-tipos{grid-template-columns:1.5fr 1fr;display:grid}.contenedor-tipos .columna-izq .contenedor-parentesis{justify-content:flex-end;align-items:center;gap:100%;width:100%;font-family:Raleway;font-size:80px;transition:all 1s;animation:20s linear infinite parentesis;display:flex;position:relative}.contenedor-tipos .columna-izq .contenedor-parentesis .contenedor-fuente{width:100%;padding-left:5%;font-size:54px;transition:all 1s;animation:20s linear infinite textos;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:url(/masks/square-mask.png);mask-image:url(/masks/square-mask.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.contenedor-tipos .columna-izq .contenedor-parentesis .contenedor-fuente.glancyr{font-family:Glancyr,sans-serif;font-weight:400;animation:20s linear infinite textos}.contenedor-tipos .columna-izq .contenedor-parentesis .contenedor-fuente.raleway{opacity:0;animation:20s linear 10s infinite textos}.contenedor-tipos .columna-izq .contenedor-explicacion{width:80%;position:relative}.contenedor-tipos .columna-izq .contenedor-explicacion .texto-plano.glancyr{animation:20s linear infinite descripcion;position:relative}.contenedor-tipos .columna-izq .contenedor-explicacion .texto-plano.raleway{opacity:0;width:100%;height:100%;animation:20s linear 10s infinite descripcion;position:absolute;top:0%;left:0%}.contenedor-tipos .columna-der{justify-content:start;align-items:flex-end;width:auto;height:80px;padding-left:10%;display:flex}.contenedor-tipos .columna-der img{vertical-align:bottom;width:auto;height:100%}@media screen and (max-width:1000px){.contenedor-tipos{flex-direction:column-reverse;gap:20px;display:flex}.contenedor-tipos .columna-izq{flex-direction:column;justify-content:center;align-items:center;display:flex}.contenedor-tipos .columna-izq .contenedor-explicacion{width:80%}.contenedor-tipos .columna-der{justify-content:center}}@media screen and (max-width:600px){.contenedor-tipos{flex-direction:column-reverse;gap:20px;display:flex}.contenedor-tipos .columna-izq .contenedor-explicacion{width:90%}.contenedor-tipos .columna-izq .contenedor-parentesis{width:100%;font-size:60px}.contenedor-tipos .columna-izq .contenedor-parentesis .contenedor-fuente{font-size:34px}.contenedor-tipos .columna-der{height:50px}}.contenedor-colores-general{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.contenedor-colores-general .contenedor-texto-colores{text-align:right;width:50%;padding:20px}@media screen and (max-width:1000px){.contenedor-colores-general{flex-direction:column;justify-content:center;gap:30px}.contenedor-colores-general .contenedor-texto-colores{text-align:center;width:60%}}@media screen and (max-width:800px){.contenedor-colores-general{gap:20px}.contenedor-colores-general .contenedor-texto-colores{width:80%}}@media screen and (max-width:600px){.contenedor-colores-general{gap:30px}.contenedor-colores-general .contenedor-texto-colores{width:100%}}.contenedor-colores{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:50%;padding:30px 0;display:flex}.contenedor-colores .botones-paleta{width:415px;color:var(--fondo-blanco);grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:15px;font-family:Glancyr,sans-serif;font-size:24px;display:grid}.contenedor-colores .botones-paleta .boton-paleta{cursor:pointer;-webkit-backdrop-filter:blur(7.5px);border:1px solid #ffffff73;border-radius:15px;justify-content:center;align-items:center;height:70px;transition:all .3s;display:flex;box-shadow:0 4px 30px #0000001a}.contenedor-colores .botones-paleta .boton-paleta.violeta{background:linear-gradient(313deg,#ef8aaa 0%,#7472f2 100%)}.contenedor-colores .botones-paleta .boton-paleta.azul{background:linear-gradient(313deg,#009fe3 0%,#2b2b2b 100%)}.contenedor-colores .botones-paleta .boton-paleta.amarillo{background:linear-gradient(313deg,#dabb8f 0%,#bf5933 100%)}.contenedor-colores .botones-paleta .boton-paleta.verde{background:linear-gradient(313deg,#389a58 0%,#a2e2ff 100%)}.contenedor-colores .botones-paleta .boton-paleta:hover{font-size:26px;transform:scale(1.1)}.contenedor-colores .paleta{-webkit-backdrop-filter:blur(7.5px);perspective:1000px;width:450px;height:260px;transform-style:preserve-3d;border:1px solid #ffffff73;border-radius:15px;flex-direction:column;justify-content:center;align-items:stretch;padding:15px;transition:all .5s linear;display:flex;box-shadow:0 4px 30px #0000001a}.contenedor-colores .paleta.flip{transform:rotateY(180deg)}.contenedor-colores .paleta.violeta{background:linear-gradient(313deg,#ef8aaa66 0%,#bf3fd06f 100%)}.contenedor-colores .paleta.violeta .color-paleta.color-inicio{background:linear-gradient(90deg,#ef8aaa 0%,#7472f2 100%)}.contenedor-colores .paleta.violeta .color-paleta.color-medio{background:linear-gradient(90deg,#ac4293 0%,#454471 100%)}.contenedor-colores .paleta.violeta .color-paleta.color-final{background:linear-gradient(90deg,#62206a 0%,#2b2b2b 100%)}.contenedor-colores .paleta.azul{background:linear-gradient(313deg,#12699b72 0%,#0c4e9f7e 100%)}.contenedor-colores .paleta.azul .color-paleta.color-inicio{background:linear-gradient(90deg,#12699b 0%,#0c4d9f 100%)}.contenedor-colores .paleta.azul .color-paleta.color-medio{background:linear-gradient(90deg,#009fe3 0%,#2b2b2b 100%)}.contenedor-colores .paleta.azul .color-paleta.color-final{background:linear-gradient(90deg,#7a72ee 0%,#2b2b2b 100%)}.contenedor-colores .paleta.amarillo{background:linear-gradient(313deg,#2b2b2b9b 0%,#a96644a9 100%)}.contenedor-colores .paleta.amarillo .color-paleta.color-inicio{background:linear-gradient(90deg,#dabb8f 0%,#bf5933 100%)}.contenedor-colores .paleta.amarillo .color-paleta.color-medio{background:linear-gradient(90deg,#a96544 0%,#ac3f1b 100%)}.contenedor-colores .paleta.amarillo .color-paleta.color-final{background:linear-gradient(90deg,#ffcb7b 0%,#2b2b2b 100%)}.contenedor-colores .paleta.verde{background:linear-gradient(313deg,#315d4095 0%,#aedcf981 100%)}.contenedor-colores .paleta.verde .color-paleta.color-inicio{background:linear-gradient(90deg,#3cc767 0%,#aedcf9 100%)}.contenedor-colores .paleta.verde .color-paleta.color-medio{background:linear-gradient(90deg,#315d40 0%,#8be5ff 100%)}.contenedor-colores .paleta.verde .color-paleta.color-final{background:linear-gradient(90deg,#389a58 0%,#2b2b2b 100%)}.contenedor-colores .paleta .color-paleta{text-transform:uppercase;width:100%;height:75px;color:var(--fondo-blanco);flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;font-family:Glancyr,sans-serif;font-size:16px;display:flex}.contenedor-colores .paleta .color-paleta.color-inicio{border-top-left-radius:15px;border-top-right-radius:15px}.contenedor-colores .paleta .color-paleta.color-final{border-bottom-right-radius:15px;border-bottom-left-radius:15px}@media screen and (max-width:600px){.contenedor-colores .botones-paleta{width:80vw}.contenedor-colores .botones-paleta .boton-paleta{height:60px}.contenedor-colores .paleta{width:80vw}}@keyframes textos{0%{opacity:1;-webkit-mask-size:0% 100%;mask-size:0% 100%}2%{-webkit-mask-size:100% 100%;mask-size:100% 100%}48%{-webkit-mask-size:100% 100%;mask-size:100% 100%}49%{opacity:1}50%{opacity:0;-webkit-mask-size:0% 100%;mask-size:0% 100%}52%{-webkit-mask-size:100% 100%;mask-size:100% 100%}98%{-webkit-mask-size:100% 100%;mask-size:100% 100%}99%{opacity:0}to{opacity:1;opacity:1;-webkit-mask-size:0% 100%;mask-size:0% 100%}}@keyframes parentesis{0%{gap:0%}2%{gap:95%}48%{gap:95%}50%{gap:0%}52%{gap:95%}98%{gap:95%}to{gap:0%}}@keyframes descripcion{0%{opacity:0}2%{opacity:1}48%{opacity:1}50%{opacity:0}55%{opacity:0}95%{opacity:0}to{opacity:0}}
.seccion-composiciones{background:-webkit-radial-gradient(#9d2605,var(--colorMode-negro)50%);flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.contenido-composiciones{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:80%;max-width:1400px;display:flex}.contenido-composiciones .titulo-principal{background:-webkit-linear-gradient(var(--fondo-blanco)0%,#9d2605 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contenido-composiciones .contenedor-texto-composiciones{text-align:center;width:60%;margin-bottom:20px}.contenido-composiciones .composicion-lateral{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.contenido-composiciones .composicion-lateral .composiciones{flex-direction:row;justify-content:center;align-items:center;gap:40px;display:flex}.contenido-composiciones .composicion-lateral .composiciones .composicion{cursor:crosshair;-webkit-backdrop-filter:blur(7.5px);background:linear-gradient(313deg,#ef8aaa46 0%,#7472f23a 100%);border:1px solid #ffffff73;border-radius:15px;width:50%;height:auto;padding:15px;box-shadow:0 4px 30px #0000001a}.contenido-composiciones .composicion-lateral .composiciones .composicion img{object-fit:contain;width:100%;height:100%}.contenido-composiciones .composicion-centrada{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.contenido-composiciones .composicion-centrada .composiciones{flex-direction:row-reverse;justify-content:center;align-items:center;gap:40px;display:flex}.contenido-composiciones .composicion-centrada .composiciones .composicion{cursor:crosshair;-webkit-backdrop-filter:blur(7.5px);background:linear-gradient(313deg,#ef8aaa46 0%,#7472f23a 100%);border:1px solid #ffffff73;border-radius:15px;width:50%;height:auto;padding:15px;box-shadow:0 4px 30px #0000001a}.contenido-composiciones .composicion-centrada .composiciones .composicion img{object-fit:contain;width:100%;height:100%}@media screen and (max-width:800px){.contenido-composiciones .contenedor-texto-composiciones{width:80%}.contenido-composiciones .composicion-centrada .composiciones{flex-direction:column}.contenido-composiciones .composicion-centrada .composiciones .composicion{width:90%}.contenido-composiciones .composicion-lateral .composiciones{flex-direction:column}.contenido-composiciones .composicion-lateral .composiciones .composicion{width:90%}}@media screen and (max-width:600px){.contenido-composiciones .contenedor-texto-composiciones{width:90%}}
.section-aplicaciones{flex-direction:column;justify-content:center;align-items:center;width:100vw;margin-top:100px;display:flex}.contenido-aplicaciones{flex-direction:column;justify-content:center;align-items:center;gap:150px;width:80%;max-width:1400px;display:flex}.contenido-aplicaciones .titulo-principal{background:-webkit-linear-gradient(var(--fondo-blanco)0%,#d9b7a4 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:0 30px}.contenido-aplicaciones .montaje{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.contenido-aplicaciones .montaje:after{content:"";z-index:-1;opacity:1;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;animation:4s infinite beat-background;position:absolute;top:0;left:0}.contenido-aplicaciones .montaje.montaje-1:after{background:-webkit-radial-gradient(#fa5f00 0%,var(--colorMode-negro)50%)}.contenido-aplicaciones .montaje.montaje-2:after{background:-webkit-radial-gradient(#dcbfaf 0%,var(--colorMode-negro)50%)}.contenido-aplicaciones .montaje.montaje-3:after{background:-webkit-radial-gradient(#e1e6dd 0%,var(--colorMode-negro)50%)}.contenido-aplicaciones .montaje.montaje-4:after{background:-webkit-radial-gradient(#c58be6 0%,var(--colorMode-negro)50%)}.contenido-aplicaciones .montaje .imagen-montaje{width:100%;padding:20px}.contenido-aplicaciones .montaje .imagen-montaje img{object-fit:contain;width:100%;height:100%}.contenido-aplicaciones .montaje .titulo-secundario{width:80%}@media screen and (max-width:1000px){.contenido-aplicaciones{gap:50px;width:100%}}.montaje-final{width:100vw;margin-top:30px;position:relative}.montaje-final img{object-fit:cover;width:100%;height:100%}.montaje-final:after{content:"";background:linear-gradient(0deg,var(--colorMode-negro)0%,var(--colorMode-negro)5%,#0000 30%,#0000 70%,var(--colorMode-negro)95%,var(--colorMode-negro)100%);width:100%;height:100%;position:absolute;left:0;right:0}@keyframes beat-background{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}