.coliseo-relato{--relato-margen:clamp(16px,3.33vw,48px);--relato-linea:rgba(26,31,46,.16);--relato-tenue:rgba(26,31,46,.62);--relato-ease:cubic-bezier(.22,.61,.36,1);color:var(--col-tinta)}.coliseo-relato__oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.coliseo-relato__viaje{display:none}.coliseo-relato__antetitulo{margin:0 0 18px}.coliseo-relato__h1{font-family:var(--fuente-display);font-weight:500;text-transform:uppercase;font-size:clamp(32px,3.1vw,54px);line-height:1.15;letter-spacing:.03em;color:var(--col-tinta);margin:0 0 18px}.coliseo-relato__apoyo{font-family:var(--fuente-texto);font-size:clamp(16px,1.2vw,19px);line-height:1.5;color:var(--col-tinta);max-width:40ch;margin:0 0 clamp(24px,2.2vw,32px)}.coliseo-relato__acciones{display:flex;flex-wrap:wrap;gap:10px}.coliseo-relato__datos{margin:0 0 18px}.coliseo-relato__datos div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--relato-linea);padding:7px 0}.coliseo-relato__datos dt,.coliseo-relato__cifras dt{font-family:var(--fuente-tecnica);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.coliseo-relato__datos dt{color:var(--relato-tenue)}.coliseo-relato__datos dd{margin:0;font-family:var(--fuente-tecnica);font-size:clamp(20px,1.8vw,28px);line-height:1.1;color:var(--col-tinta);font-variant-numeric:tabular-nums}.coliseo-relato__servicio{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--relato-linea);font-family:var(--fuente-tecnica);font-size:10px;line-height:1.55;letter-spacing:.1em;text-transform:uppercase;color:var(--relato-tenue)}.coliseo-relato__servicio li+li{margin-top:4px}.coliseo-relato__servicio a{color:inherit;text-underline-offset:3px}.coliseo-relato__titulo{font-family:var(--fuente-display);font-weight:500;text-transform:uppercase;font-size:clamp(30px,3.2vw,48px);line-height:1.15;letter-spacing:.03em;margin:12px 0 24px;color:inherit}.coliseo-relato__titulo--sistema{font-size:clamp(36px,4vw,64px);margin-bottom:0}.coliseo-relato__objetivos{margin:0 0 24px;border-top:1px solid var(--relato-linea)}.coliseo-relato__objetivo{display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;width:100%;padding:14px 0;margin:0;border:0;border-bottom:1px solid var(--relato-linea);border-radius:0;background:none;font-family:var(--fuente-texto);font-size:17px;color:var(--col-tinta);text-align:left;cursor:pointer}.coliseo-relato__objetivo-n,.coliseo-relato__objetivo-c{font-family:var(--fuente-tecnica);color:var(--relato-tenue)}.coliseo-relato__objetivo-n{font-size:11px;letter-spacing:.14em}.coliseo-relato__objetivo-c{font-size:13px;font-variant-numeric:tabular-nums}.coliseo-relato__objetivo-nombre{transition:transform .2s var(--relato-ease)}.coliseo-relato__objetivo:hover .coliseo-relato__objetivo-nombre{transform:translate(6px)}.coliseo-relato__objetivo:hover,.coliseo-relato__objetivo[aria-pressed=true]{color:var(--col-cobalto)}.coliseo-relato__objetivo[aria-pressed=true]{font-weight:600}.coliseo-relato__objetivo[aria-pressed=true] .coliseo-relato__objetivo-n,.coliseo-relato__objetivo[aria-pressed=true] .coliseo-relato__objetivo-c{color:var(--col-cobalto)}.coliseo-relato__objetivo:focus-visible{outline:2px solid var(--col-cobalto);outline-offset:2px}.coliseo-relato__panel-texto{font-size:16px;line-height:1.5;max-width:44ch;margin:0 0 20px}.coliseo-relato__entrada{font-size:17px;line-height:1.5;color:#f8f7f6d9;margin:0;max-width:44ch}.coliseo-relato__tu-objetivo{display:inline-block;margin:16px 0 0;padding:6px 10px;border:1px solid rgba(248,247,246,.4);border-radius:2px;font-family:var(--fuente-tecnica);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f8f7f6d9}.coliseo-relato__tu-objetivo b{color:var(--col-hueso);font-weight:500}.coliseo-relato__tu-objetivo[hidden]{display:none}.coliseo-relato__cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.coliseo-relato__cifras dt{color:#f8f7f6b8}.coliseo-relato__cifras dd{margin:4px 0 0;font-family:var(--fuente-tecnica);font-size:clamp(28px,2.6vw,40px);line-height:1.1;font-variant-numeric:tabular-nums;color:var(--col-hueso)}.coliseo-relato__funciones{list-style:none;margin:0;padding:0}.coliseo-relato__funcion{position:relative}.coliseo-relato__funcion p{margin:0}.coliseo-relato__funcion-n,.coliseo-relato__funcion-cat{font-family:var(--fuente-tecnica);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f8f7f6bf}.coliseo-relato__funcion-titulo{font-family:var(--fuente-display);font-weight:500;text-transform:uppercase;font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:.03em;margin:10px 0 4px;color:var(--col-hueso)}.coliseo-relato__funcion .coliseo-relato__funcion-texto{font-size:16px;line-height:1.5;color:#f8f7f6d9;max-width:32ch;margin:14px 0 18px}.coliseo-relato__enlace{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--col-hueso);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.coliseo-relato__enlace:hover{border-bottom-width:2px}.coliseo-relato__enlace:focus-visible{outline:2px solid var(--col-hueso);outline-offset:3px}.coliseo-relato__escena--arte{background:var(--col-hueso);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,38vw) minmax(0,220px);gap:clamp(24px,3.5vw,64px);align-items:center;padding:clamp(40px,5vw,88px) var(--relato-margen)}.coliseo-relato__pintura-estatica{aspect-ratio:1;border-radius:50%;overflow:hidden;outline:1.2px solid var(--col-cobalto);outline-offset:clamp(8px,1.2vw,18px)}.coliseo-relato__pintura-estatica img{display:block;width:100%;height:100%;object-fit:cover}.coliseo-relato__escena--intencion{background:var(--col-crema);padding:clamp(56px,6vw,104px) var(--relato-margen)}.coliseo-relato__intencion-cab,.coliseo-relato__intencion-cuerpo{max-width:560px}.coliseo-relato__escena--estructura{position:relative;background:var(--col-cobalto-hondo);color:var(--col-hueso);padding:clamp(56px,6vw,104px) var(--relato-margen)}.coliseo-relato__escena--estructura .coliseo-label{color:#f8f7f6bf}.coliseo-relato__sistema-cab{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto;gap:clamp(24px,3vw,48px);align-items:end;margin-bottom:56px}.coliseo-relato:not(.coliseo-relato--vivo) .coliseo-relato__funciones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--col-hueso)}.coliseo-relato:not(.coliseo-relato--vivo) .coliseo-relato__funcion{padding:28px 24px 0 0}.coliseo-relato:not(.coliseo-relato--vivo) .coliseo-relato__funcion:before{content:"";position:absolute;left:-6px;top:-6.75px;width:12px;height:12px;border-radius:50%;background:var(--col-hueso)}@media(max-width:989px){.coliseo-relato__escena--arte{grid-template-columns:minmax(0,1fr)}.coliseo-relato__pintura-estatica{width:min(78vw,420px);justify-self:center;grid-row:1}.coliseo-relato__sistema-cab{grid-template-columns:1fr}.coliseo-relato:not(.coliseo-relato--vivo) .coliseo-relato__funciones{grid-template-columns:1fr;border-top:0;border-left:1.5px solid var(--col-hueso);margin-left:6px}.coliseo-relato:not(.coliseo-relato--vivo) .coliseo-relato__funcion{padding:0 0 36px 28px}.coliseo-relato:not(.coliseo-relato--vivo) .coliseo-relato__funcion:before{left:-6.75px;top:2px}}.coliseo-relato--vivo .coliseo-relato__recorrido{position:relative}.coliseo-relato--vivo .coliseo-relato__escenario{position:sticky;top:var(--relato-top,0);overflow:hidden;background:var(--col-hueso)}.coliseo-relato--vivo .coliseo-relato__viaje{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.coliseo-relato__pintura{position:absolute;left:0;top:0;border-radius:50%;overflow:hidden;transform-origin:50% 50%;will-change:transform,opacity}.coliseo-relato__pintura-img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s var(--relato-ease) .35s}.esta-listo .coliseo-relato__pintura-img{opacity:1}.coliseo-relato__viaje-svg{position:absolute;left:0;top:0;overflow:visible}.coliseo-relato__v-borde{fill:none;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--relato-ease) .15s}.esta-listo .coliseo-relato__v-borde{stroke-dashoffset:0}.coliseo-relato__v-grada line{stroke:var(--col-tinta);stroke-opacity:.3;stroke-width:1px;vector-effect:non-scaling-stroke;transition:opacity .22s linear}.coliseo-relato__v-arco-linea{fill:none;stroke:#c2bbab;stroke-width:5px;vector-effect:non-scaling-stroke;transition:stroke .25s var(--relato-ease)}.coliseo-relato__v-arco.es-previo .coliseo-relato__v-arco-linea{stroke:#455aa573}.coliseo-relato__v-toque{fill:none;stroke:transparent;stroke-width:40px;vector-effect:non-scaling-stroke}.coliseo-relato__v-giro{transition:transform .38s var(--relato-ease)}.coliseo-relato__v-ind-arco{fill:none;stroke:var(--col-cobalto);stroke-width:5px;vector-effect:non-scaling-stroke}.coliseo-relato__v-ind-punto{fill:var(--col-cobalto)}.coliseo-relato__v-nodo{fill:var(--col-hueso);stroke-width:1.5px}.coliseo-relato__v-cuenta{font-family:var(--fuente-display);font-weight:300;fill:var(--col-tinta)}.coliseo-relato__v-sub{font-family:var(--fuente-tecnica);letter-spacing:.2em;fill:var(--col-tinta);fill-opacity:.72}.coliseo-relato__viaje.es-selector :is(.coliseo-relato__v-arco,.coliseo-relato__v-nodo){pointer-events:auto;cursor:pointer}.coliseo-relato__v-linea{stroke:var(--col-hueso);stroke-width:1.5px}.coliseo-relato__v-marcas{fill:none;stroke:#f8f7f673;stroke-width:1px}.coliseo-relato__v-foco{stroke:var(--col-hueso);stroke-width:3px;opacity:0;transition:opacity .3s var(--relato-ease)}.coliseo-relato__v-foco.es-visible{opacity:1}.coliseo-relato__v-enodo{fill:var(--col-hueso);stroke:var(--col-hueso);stroke-width:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .45s var(--relato-ease),fill .25s,stroke-width .25s;pointer-events:auto;cursor:pointer}.coliseo-relato__v-enodo.on{transform:scale(1)}.coliseo-relato__v-enodo.on.es-foco{transform:scale(1.45);fill:var(--col-cobalto);stroke-width:1.5px}.coliseo-relato--vivo .coliseo-relato__escenario .coliseo-relato__escena{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:none;padding:0;pointer-events:none}.coliseo-relato--vivo .coliseo-relato__escenario .coliseo-relato__entra{opacity:0;transform:translateY(16px);transition:opacity .4s var(--relato-ease),transform .4s var(--relato-ease)}.coliseo-relato--vivo .coliseo-relato__escenario.esta-listo[data-escena=arte] .coliseo-relato__escena--arte .coliseo-relato__entra,.coliseo-relato--vivo .coliseo-relato__escenario[data-escena=intencion] .coliseo-relato__escena--intencion .coliseo-relato__entra,.coliseo-relato--vivo .coliseo-relato__escenario[data-escena=estructura] .coliseo-relato__escena--estructura .coliseo-relato__entra{opacity:1;transform:none;pointer-events:auto;transition:opacity .7s var(--relato-ease) calc(var(--d,0) * 90ms + .1s),transform .7s var(--relato-ease) calc(var(--d,0) * 90ms + .1s)}.coliseo-relato--vivo .coliseo-relato__pintura-estatica{display:none}.coliseo-relato--vivo:not(.coliseo-relato--movil) .coliseo-relato__arte-texto{position:absolute;left:var(--relato-margen);top:50%;transform:translateY(-50%);width:min(36vw,520px)}.coliseo-relato--vivo:not(.coliseo-relato--movil) .coliseo-relato__ficha{position:absolute;right:var(--relato-margen);top:50%;transform:translateY(-50%);width:220px}.coliseo-relato--vivo:not(.coliseo-relato--movil) .coliseo-relato__escena--intencion{display:flex;flex-direction:column;justify-content:center;padding:0 var(--relato-margen)}.coliseo-relato--vivo:not(.coliseo-relato--movil) :is(.coliseo-relato__intencion-cab,.coliseo-relato__intencion-cuerpo){width:min(42vw,560px)}.coliseo-relato--vivo:not(.coliseo-relato--movil) .coliseo-relato__sistema-cab{position:absolute;left:var(--relato-margen);right:var(--relato-margen);bottom:calc(100% - var(--eje-y) + 56px);margin:0}.coliseo-relato--vivo:not(.coliseo-relato--movil) .coliseo-relato__funciones{position:absolute;left:var(--eje-n0);top:calc(var(--eje-y) + 30px);width:calc(var(--eje-s) * 4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.coliseo-relato--vivo:not(.coliseo-relato--movil) .coliseo-relato__funcion{padding-right:clamp(16px,2vw,32px);pointer-events:auto}@media(max-width:1199px){.coliseo-relato--vivo:not(.coliseo-relato--movil) .coliseo-relato__ficha{display:none}}.coliseo-relato--vivo .coliseo-relato__funcion>*{opacity:0;transform:translateY(10px);transition:opacity .5s var(--relato-ease),transform .5s var(--relato-ease)}.coliseo-relato--vivo .coliseo-relato__funcion.activo>*{opacity:1;transform:none}.coliseo-relato--vivo .coliseo-relato__funcion.activo>:nth-child(2){transition-delay:.08s}.coliseo-relato--vivo .coliseo-relato__funcion.activo>:nth-child(3){transition-delay:.16s}.coliseo-relato--vivo .coliseo-relato__funcion.activo>:nth-child(4){transition-delay:.24s}.coliseo-relato--vivo .coliseo-relato__funcion.activo>:nth-child(5){transition-delay:.32s}.coliseo-relato--vivo .coliseo-relato__funcion{transition:opacity .3s var(--relato-ease)}.coliseo-relato--vivo .coliseo-relato__escena--estructura[data-foco]:not([data-foco="-1"]) .coliseo-relato__funcion.activo:not(.es-foco){opacity:.62}.coliseo-relato__funcion.es-foco .coliseo-relato__enlace{border-bottom-width:2px}.coliseo-relato--movil .coliseo-relato__arte-texto{position:absolute;left:16px;right:16px;top:var(--arte-top,60%)}.coliseo-relato--movil .coliseo-relato__ficha{display:none}.coliseo-relato--movil .coliseo-relato__antetitulo{margin-bottom:12px}.coliseo-relato--movil .coliseo-relato__h1{font-size:clamp(26px,7vw,34px);margin-bottom:10px}.coliseo-relato--movil .coliseo-relato__apoyo{font-size:16px;margin-bottom:18px}.coliseo-relato--movil .coliseo-relato__acciones{flex-direction:column;align-items:stretch;gap:8px}.coliseo-relato--movil .coliseo-relato__acciones>*{width:100%;justify-content:center;text-align:center}.coliseo-relato--movil .coliseo-relato__intencion-cab{position:absolute;left:16px;right:16px;top:20px}.coliseo-relato--movil .coliseo-relato__intencion-cab .coliseo-relato__titulo{font-size:clamp(26px,7vw,34px);margin:8px 0 0}.coliseo-relato--movil .coliseo-relato__intencion-cuerpo{position:absolute;left:16px;right:16px;top:var(--int-cuerpo-top,60%)}.coliseo-relato--movil .coliseo-relato__objetivos{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin:0 0 14px}.coliseo-relato--movil .coliseo-relato__objetivo{grid-template-columns:auto 1fr auto;gap:8px;min-height:48px;padding:12px;border:1px solid rgba(26,31,46,.22);border-radius:2px;font-size:15px;align-items:center}.coliseo-relato--movil .coliseo-relato__objetivo:hover .coliseo-relato__objetivo-nombre{transform:none}.coliseo-relato--movil .coliseo-relato__objetivo[aria-pressed=true]{background:var(--col-cobalto);border-color:var(--col-cobalto);color:var(--col-hueso)}.coliseo-relato--movil .coliseo-relato__objetivo[aria-pressed=true] :is(.coliseo-relato__objetivo-n,.coliseo-relato__objetivo-c){color:var(--col-hueso)}.coliseo-relato--movil .coliseo-relato__panel-texto{font-size:15px;margin-bottom:12px}.coliseo-relato--movil .coliseo-relato__panel .coliseo-boton{display:flex;width:100%;justify-content:center}.coliseo-relato--movil .coliseo-relato__escena--estructura{z-index:3;padding:36px 16px 72px 44px}.coliseo-relato--movil .coliseo-relato__escena--estructura:before{content:"";position:absolute;left:16px;top:0;width:1.5px;height:var(--carril,0px);background:var(--col-hueso)}.coliseo-relato--movil .coliseo-relato__sistema-cab{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.coliseo-relato--movil .coliseo-relato__escena--estructura .coliseo-relato__entra{opacity:0;transform:translateY(14px);transition:opacity .7s var(--relato-ease) calc(var(--d,0) * 90ms),transform .7s var(--relato-ease) calc(var(--d,0) * 90ms)}.coliseo-relato--movil .coliseo-relato__escena--estructura.esta-visible .coliseo-relato__entra{opacity:1;transform:none}.coliseo-relato--movil .coliseo-relato__cifras{padding:16px 0;border-top:1px solid rgba(248,247,246,.25);border-bottom:1px solid rgba(248,247,246,.25)}.coliseo-relato--movil .coliseo-relato__funcion{padding:0 0 36px}.coliseo-relato--movil .coliseo-relato__funcion:last-child{padding-bottom:0}.coliseo-relato--movil .coliseo-relato__funcion:before{content:"";position:absolute;left:-33.25px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--col-hueso);transform:scale(0);transition:transform .45s var(--relato-ease),background .25s}.coliseo-relato--movil .coliseo-relato__funcion.activo:before{transform:none}.coliseo-relato--movil .coliseo-relato__funcion.es-foco:before{background:var(--col-cobalto);border:1.5px solid var(--col-hueso);box-sizing:border-box}
/*# sourceMappingURL=/cdn/shop/t/5/assets/coliseo-relato.css.map */