.cubierta{--cubierta-resta:140px;min-height:calc(100vh - var(--cubierta-resta));min-height:calc(100svh - var(--cubierta-resta));background:var(--azul-ccs);color:var(--blanco);align-items:center;padding:56px 0 104px;display:flex;position:relative;overflow:clip}body:has(.franja-demo) .cubierta{--cubierta-resta:176px}.cubierta-cuerpo{z-index:1;width:100%;position:relative}.cubierta-simbolo{width:88px;height:auto}.cubierta-barra{background:var(--arena-ccs);transform-origin:0;width:72px;height:6px;margin:40px 0 26px;animation:.5s cubic-bezier(.2,.7,.2,1) 1.6s both cubierta-barra;display:block}@keyframes cubierta-barra{0%{transform:scaleX(0)}}.cubierta-titulo{font:600 clamp(48px,13.5vw,128px)/.95 var(--fuente-titulos);color:var(--blanco);max-width:11em}.cubierta-letras{pointer-events:none;display:block}.cubierta-renglon{display:block}.cubierta-palabra{white-space:nowrap;display:inline-block}.cubierta-letra{animation:cubierta-llega 1.4s cubic-bezier(.16,.84,.3,1) var(--retraso,0s) both;display:inline-block}@keyframes cubierta-llega{0%{transform:translate(var(--x,0),var(--y,0)) rotate(var(--giro,0deg))}}.cubierta-subtitulo{font:500 clamp(30px,4vw,40px)/1.1 var(--fuente-titulos);color:var(--arena-ccs);margin-top:22px}.cubierta-razon{font:400 17px/1.4 var(--fuente-texto);color:var(--blanco);max-width:30em;margin-top:12px}.cubierta-acciones{margin-top:40px}.cubierta-bajar{z-index:1;width:48px;height:48px;color:var(--arena-ccs);justify-content:center;align-items:center;margin-left:-24px;display:flex;position:absolute;bottom:24px;left:50%}.cubierta-bajar svg{width:32px;height:32px}.cubierta-bajar:hover{color:var(--blanco)}.cubierta-fondo{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cubierta-trama{fill:none;stroke-width:1px;display:block;position:absolute;inset:0}.cubierta-trama-a{stroke:var(--azul-profundo);stroke-opacity:.55}.cubierta-trama-b{stroke:var(--azul-profundo);stroke-opacity:.35}.cubierta-sello{--sello:min(640px,48vw);width:var(--sello);height:var(--sello);margin-top:calc(var(--sello) / -2);position:absolute;top:50%;right:max(-80px,50% - 690px)}.cubierta-capa{fill:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.cubierta-cordon,.cubierta-micro{stroke:var(--arena-ccs);stroke-opacity:.4;stroke-width:.7px}.cubierta-microtexto{fill:var(--arena-ccs);fill-opacity:.7;stroke:none;font:500 8.6px var(--fuente-titulos);letter-spacing:.06em}.cubierta-roseta{stroke:var(--blanco);stroke-opacity:.16;stroke-width:.6px}.cubierta-corona{stroke:var(--arena-ccs);stroke-opacity:.18;stroke-width:.5px}.cubierta-marca{aspect-ratio:231.35/228;background:color-mix(in srgb,var(--blanco) 10%,transparent);width:38%;position:absolute;top:31.1%;left:31.2%;-webkit-mask:url(/img/marca/ccs-simbolo-blanco.svg) 50%/contain no-repeat;mask:url(/img/marca/ccs-simbolo-blanco.svg) 50%/contain no-repeat}.cubierta-cordon{rotate:calc(var(--avance,0) * -90deg);translate:calc(var(--mx,0) * 4px) calc(var(--my,0) * 4px);animation:3.6s cubic-bezier(.33,1,.68,1) both cubierta-enfoque-cordon}.cubierta-micro{rotate:calc(var(--avance,0) * 120deg);translate:calc(var(--mx,0) * 7px) calc(var(--my,0) * 7px);animation:3.8s cubic-bezier(.33,1,.68,1) both cubierta-enfoque-micro}.cubierta-roseta{rotate:calc(var(--avance,0) * 45deg);translate:calc(var(--mx,0) * 11px) calc(var(--my,0) * 11px);animation:3.4s cubic-bezier(.33,1,.68,1) .1s both cubierta-enfoque-roseta}.cubierta-corona{rotate:calc(var(--avance,0) * -60deg);translate:calc(var(--mx,0) * 15px) calc(var(--my,0) * 15px);animation:3.2s cubic-bezier(.33,1,.68,1) .3s both cubierta-enfoque-corona}@keyframes cubierta-enfoque-cordon{0%{transform:rotate(-40deg)}}@keyframes cubierta-enfoque-micro{0%{transform:rotate(90deg)}}@keyframes cubierta-enfoque-roseta{0%{opacity:.35;transform:rotate(60deg)scale(1.12)}}@keyframes cubierta-enfoque-corona{0%{opacity:.3;transform:rotate(-30deg)scale(1.3)}}@supports (animation-timeline:view()){.cubierta{view-timeline:--cubierta block}.cubierta-cordon{animation:3.6s cubic-bezier(.33,1,.68,1) both cubierta-enfoque-cordon,linear both cubierta-recorre-cordon;animation-timeline:auto,--cubierta;animation-range:normal,exit}.cubierta-micro{animation:3.8s cubic-bezier(.33,1,.68,1) both cubierta-enfoque-micro,linear both cubierta-recorre-micro;animation-timeline:auto,--cubierta;animation-range:normal,exit}.cubierta-roseta{animation:3.4s cubic-bezier(.33,1,.68,1) .1s both cubierta-enfoque-roseta,linear both cubierta-recorre-roseta;animation-timeline:auto,--cubierta;animation-range:normal,exit}.cubierta-corona{animation:3.2s cubic-bezier(.33,1,.68,1) .3s both cubierta-enfoque-corona,linear both cubierta-recorre-corona;animation-timeline:auto,--cubierta;animation-range:normal,exit}}@keyframes cubierta-recorre-cordon{to{rotate:-90deg}}@keyframes cubierta-recorre-micro{to{rotate:120deg}}@keyframes cubierta-recorre-roseta{to{rotate:45deg}}@keyframes cubierta-recorre-corona{to{rotate:-60deg}}@media (max-width:1020px){.cubierta-sello{--sello:min(620px,104vw);top:42%;right:calc(var(--sello) * -.36)}.cubierta-cordon,.cubierta-micro{stroke:var(--azul-profundo);stroke-opacity:.75;translate:none}.cubierta-microtexto{fill:var(--azul-profundo);fill-opacity:.8}.cubierta-roseta,.cubierta-corona,.cubierta-marca{display:none}}@media (max-width:680px){.cubierta{--cubierta-resta:134px;padding:28px 0 76px}body:has(.franja-demo) .cubierta{--cubierta-resta:188px}.cubierta-simbolo{width:56px}.cubierta-barra{margin:24px 0 18px}.cubierta-subtitulo{margin-top:14px}.cubierta-razon{font-size:15.5px}.cubierta-acciones{gap:12px;margin-top:26px}.cubierta-bajar{bottom:14px}}@media (max-width:680px) and (max-height:720px){.cubierta-razon{display:none}}@media (prefers-reduced-motion:reduce){.cubierta-letra,.cubierta-barra,.cubierta-capa{animation:none}.cubierta-capa{will-change:auto;translate:none;rotate:none}}
.areas-cabeza{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end;gap:56px;margin-bottom:48px;display:grid}.areas-foto{aspect-ratio:16/9;background:var(--niebla);overflow:hidden}.areas-foto img{object-fit:cover;width:100%;height:100%}.areas-lista{border-bottom:1px solid var(--filete);--foco:var(--azul-ccs);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;margin:0;padding:0;list-style:none;display:grid}.areas-lista li{border-top:1px solid var(--filete)}.areas-lista a{height:100%;color:inherit;flex-direction:column;padding:30px 0 32px;text-decoration:none;display:flex}.area-num{font:600 26px/1 var(--fuente-titulos);letter-spacing:.12em;color:var(--azul-ccs)}.area-nombre{font:600 30px/1.05 var(--fuente-titulos);color:var(--tinta);margin-top:14px}.areas-lista a:hover .area-nombre{color:var(--azul-ccs);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.area-gancho{font:500 21px/1.2 var(--fuente-titulos);color:var(--tinta);margin-top:10px}.area-desc{color:var(--grafito);margin-top:10px;font-size:15.5px;line-height:1.45}.area-temas{font:500 14px/1.45 var(--fuente-texto);color:var(--texto-secundario);margin-top:12px}.area-ver{font:600 15.5px/1.2 var(--fuente-texto);color:var(--azul-ccs);margin-top:auto;padding-top:18px}.areas-pie{margin-top:36px}.clientes{border-top:1px solid var(--filete);border-bottom:1px solid var(--filete);padding:72px 0 80px}.clientes-cabeza{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:48px;margin-bottom:40px;display:grid}.clientes-cabeza .titulo-seccion{font-size:38px}.clientes-cabeza .intro{margin-top:0}.logos{border-top:1px solid var(--filete);border-bottom:1px solid var(--filete);grid-template-columns:repeat(5,1fr);display:grid}.logos li{border-left:1px solid var(--filete);background:var(--blanco);flex-direction:column;align-items:center;gap:12px;padding:26px 10px 22px;display:flex}.logos li:first-child{border-left:0}.logos img{aspect-ratio:170/131;object-fit:contain;width:150px;height:auto}.logos span{font:500 13.5px/1.35 var(--fuente-texto);color:var(--texto-secundario);text-align:center;max-width:15em}.testimonios-grid{border-top:1px solid var(--filete);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.testimonio{border-left:1px solid var(--filete);flex-direction:column;margin:0;padding:40px 36px 8px;display:flex}.testimonio:first-child{border-left:0;padding-left:0}.testimonio:last-child{padding-right:0}.testimonio blockquote{font:500 26px/1.22 var(--fuente-titulos);color:var(--tinta);margin:0}.testimonio figcaption{align-items:center;gap:14px;margin-top:auto;padding-top:30px;display:flex}.avatar{flex:none;width:60px;height:60px;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:60px;height:60px}.avatar-anonimo{background:var(--niebla);width:60px;height:60px;color:var(--texto-secundario);border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar .avatar-anonimo svg{width:30px;height:30px}.testimonio .nombre{font:600 17px/1.3 var(--fuente-texto);color:var(--tinta)}.nosotros-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.nosotros-ilustracion{aspect-ratio:1;background:var(--niebla);place-items:center;max-width:440px;display:grid}.nosotros-ilustracion img{width:50%;height:auto}.nosotros-lead{font:600 36px/1.12 var(--fuente-titulos);color:var(--tinta)}.nosotros p.desc{color:var(--grafito);margin-top:20px}.mvv{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;margin-top:80px;display:grid}.mvv-paneles{gap:24px;display:grid}.panel-color{padding:28px}.panel-color p{margin-top:14px;font-size:19px;line-height:1.5}.panel-azul{background:var(--azul-ccs);color:var(--blanco)}.panel-azul .etiqueta-panel{color:var(--arena-ccs)}.panel-arena{background:var(--arena-ccs);color:var(--tinta)}.panel-arena .etiqueta-panel{color:var(--azul-ccs)}.etiqueta-panel{font:600 22px/1 var(--fuente-titulos);letter-spacing:.14em;text-transform:uppercase}.etiqueta-seccion{font:600 20px/1.2 var(--fuente-titulos);letter-spacing:.12em;text-transform:uppercase;color:var(--texto-secundario)}.valores{border-top:1px solid var(--filete);margin:14px 0 0}.valores div{border-bottom:1px solid var(--filete);grid-template-columns:minmax(0,9em) minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 0;display:grid}.valores dt{font:600 24px/1.1 var(--fuente-titulos);color:var(--azul-ccs)}.valores dd{color:var(--grafito);margin:0;font-size:15.5px;line-height:1.4}.equipo{margin-top:80px}.equipo h3.sub{color:var(--azul-ccs);margin-bottom:28px;font-size:32px}.equipo-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.persona{background:var(--blanco);border:1px solid var(--filete);overflow:hidden}.persona img{aspect-ratio:360/265;object-fit:cover;width:100%}.persona-anonima{aspect-ratio:360/265;background:var(--niebla);width:100%;color:var(--texto-secundario);justify-content:center;align-items:center;display:flex}.persona-anonima svg{width:72px;height:72px}.persona div{padding:18px 22px 22px}.persona .p-nombre{font:600 24px/1.15 var(--fuente-titulos);color:var(--azul-ccs)}.persona .p-cargo{color:var(--grafito);margin-top:4px;font-size:15px}.lema-franja{background:var(--niebla);border-top:1px solid var(--filete);text-align:center;padding:76px 0 80px}.lema-simbolo{width:64px;height:auto;margin:0 auto 32px}.lema-texto{max-width:24em;font:500 38px/1.13 var(--fuente-titulos);color:var(--tinta);margin:0 auto}.lema-firma{font:600 18px/1.2 var(--fuente-texto);color:var(--tinta);margin-top:24px}@media (max-width:1020px){.areas-cabeza{grid-template-columns:1fr;gap:28px}.areas-foto{max-width:600px}.areas-lista{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.clientes-cabeza{grid-template-columns:1fr;gap:12px}.logos{grid-template-columns:repeat(3,1fr)}.logos li:nth-child(4){border-left:0}.logos li:nth-child(n+4){border-top:1px solid var(--filete)}.nosotros-grid{grid-template-columns:1fr;gap:40px}.nosotros-ilustracion{max-width:320px}.mvv{grid-template-columns:1fr;gap:40px;margin-top:64px}.testimonios-grid{grid-template-columns:1fr}.testimonio,.testimonio:first-child,.testimonio:last-child{border-left:0;border-top:1px solid var(--filete);padding:32px 0}.testimonio:first-child{border-top:0}}@media (max-width:680px){.areas-cabeza{margin-bottom:32px}.areas-lista{grid-template-columns:1fr}.areas-lista a{padding:22px 0 24px}.area-num{font-size:22px}.area-nombre{margin-top:10px;font-size:26px}.area-desc{font-size:15px}.clientes-cabeza .titulo-seccion{font-size:32px}.clientes{padding:56px 0 60px}.logos li{border-top:0;padding:14px 6px 12px}.logos li:nth-child(3n+1){border-left:0}.logos li:nth-child(n+4){border-top:1px solid var(--filete)}.logos img{width:88px}.logos span{font-size:12px}.testimonios-grid{scroll-snap-type:x mandatory;scrollbar-width:none;border-top:0;gap:14px;padding:2px 2px 6px;display:flex;overflow-x:auto}.testimonio,.testimonio:first-child,.testimonio:last-child{scroll-snap-align:start;border:1px solid var(--filete);background:var(--blanco);flex:0 0 84%;padding:20px 20px 18px}.testimonio blockquote{font-size:22px}.testimonio figcaption{padding-top:18px}.nosotros-ilustracion{max-width:240px}.nosotros-lead{font-size:29px}.mvv{margin-top:48px}.panel-color{padding:22px 20px}.panel-color p{font-size:17px}.etiqueta-panel{font-size:20px}.valores div{grid-template-columns:1fr;gap:4px}.valores dt{font-size:22px}.equipo{margin-top:56px}.equipo h3.sub{font-size:28px}.equipo-grid{grid-template-columns:1fr;gap:14px}.persona{grid-template-columns:132px 1fr;align-items:center;display:grid}.persona img,.persona-anonima{aspect-ratio:auto;height:100%;min-height:104px}.persona div{padding:14px 16px}.persona .p-nombre{font-size:21px}.lema-franja{padding:56px 0 60px}.lema-simbolo{width:52px;margin-bottom:24px}.lema-texto{font-size:28px}}
