.inf-sagrada-wrapper{position:relative;margin-top:5rem}.inf-sagrada-container{position:relative;width:100%;max-width:134rem;margin:0 auto;height:100vh;height:100svh;overflow:hidden;z-index:1}.inf-sagrada-scale-wrapper{position:relative;will-change:transform;transform-origin:50% 0%}.inf-sagrada-image{width:100%;height:auto;display:block}.inf-sagrada-panel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;padding:0 36rem}.inf-sagrada-panel--before img{width:100%;max-width:60rem;margin:0 auto;display:block}.inf-sagrada-panel--after{position:relative;inset:unset;height:70vh;z-index:10;margin-top:-70vh;background:linear-gradient(to bottom,transparent 0%,#f3eddd 70%);display:flex;justify-content:center;align-items:flex-end}@media screen and (min-width: 880px){.inf-sagrada-panel--after{left:calc(-.5*(100vw - 106rem));width:100vw;margin-right:calc(-.5*(100vw - 106rem))}}.inf-sagrada-panel--after img{width:100%;display:block}.inf-sagrada-minimap{position:fixed;top:30vh;left:1.5rem;width:9.8rem;aspect-ratio:7/16;background-size:contain;background-repeat:no-repeat;z-index:44;opacity:0;transition:all .6s ease}.inf-sagrada-minimap.is-active{opacity:1;transition:all .6s ease}.inf-sagrada-minimap-pointer{position:absolute;top:0;left:50%;transform:translate(-50%);width:98%;height:10%;border:.4rem solid #164942;opacity:.8}.inf-sagrada-interactive{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:15;will-change:transform;transition:opacity .4s ease}.inf-sagrada-interactive:has(.inf-sagrada-hotspot:hover),.inf-sagrada-interactive:has(.inf-sagrada-hotspot.is-active),.inf-sagrada-interactive:has(.inf-sagrada-hotspot.is-auto-open){z-index:25}.inf-sagrada-interactive.is-card-phase .hotspot-cruz,.inf-sagrada-interactive.is-card-phase .hotspot-arbol,.inf-sagrada-interactive.is-card-phase .hotspot-huevo,.inf-sagrada-interactive.is-card-phase .hotspot-roca,.inf-sagrada-interactive.is-card-phase .hotspot-espigas{opacity:0;pointer-events:none;transition:opacity .4s ease}.inf-sagrada-hotspot{position:absolute;pointer-events:all;z-index:20}.inf-sagrada-hotspot__dot{cursor:pointer;width:2.4rem;height:2.4rem;border-radius:50%;position:relative;z-index:1;background-color:#c8991a;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #c8991ab3;animation:sagrada-pulse 2.2s infinite ease-out;transition:transform .2s ease,background-color .2s ease,box-shadow .3s ease}.inf-sagrada-hotspot:hover .inf-sagrada-hotspot__dot,.inf-sagrada-hotspot.is-active .inf-sagrada-hotspot__dot{background-color:#fff;border-color:#c8991a;animation:none}.inf-sagrada-hotspot.is-scroll-highlight .inf-sagrada-hotspot__dot{background-color:#fff;border-color:#c8991a;animation:none;box-shadow:0 0 0 6px #c8991a59,0 0 0 14px #c8991a1f}.inf-sagrada-hotspot__dot--image{width:auto;height:auto;background-color:transparent;border:none;border-radius:0;box-shadow:none;animation:none}.inf-sagrada-hotspot__dot--image img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.inf-sagrada-hotspot:hover .inf-sagrada-hotspot__dot--image,.inf-sagrada-hotspot.is-active .inf-sagrada-hotspot__dot--image{background-color:transparent;border-color:transparent;animation:none}.inf-sagrada-hotspot.is-scroll-highlight .inf-sagrada-hotspot__dot--image{background-color:transparent;border-color:transparent;animation:none;box-shadow:none}.inf-sagrada-hotspot__label{font-size:1rem;color:#fff;line-height:1;pointer-events:none;user-select:none}.inf-sagrada-hotspot:hover .inf-sagrada-hotspot__label,.inf-sagrada-hotspot.is-active .inf-sagrada-hotspot__label{color:#c8991a}.inf-sagrada-hotspot__portal-label{position:absolute;top:100%;left:50%;text-align:center;transform:translate(-50%);white-space:nowrap;font-size:1.5rem;color:#004441;margin-top:.4rem;pointer-events:none;user-select:none;letter-spacing:.03em}@media (max-width: 880px){.inf-sagrada-hotspot__portal-label{opacity:0}}.inf-sagrada-hotspot__tooltip{position:absolute;bottom:calc(100% + 1.2rem);left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(.6rem);width:28rem;background-color:#fff;color:#f3eddd;border-radius:.6rem;padding:1.8rem;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease,transform .22s ease;z-index:30;box-shadow:0 4px 12px #00000026}.inf-sagrada-hotspot__tooltip-image{position:relative;width:100%;aspect-ratio:244/199;overflow:hidden}.inf-sagrada-hotspot__tooltip-image img{width:100%;height:100%;object-fit:cover}.inf-sagrada-hotspot__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(calc(-50% - var(--tooltip-shift-x, 0px)));border:7px solid transparent;border-top-color:#967239}.inf-sagrada-hotspot.is-hover .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.is-active .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.is-auto-open .inf-sagrada-hotspot__tooltip{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(0);pointer-events:all}.inf-sagrada-hotspot__tooltip-close{position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 10px));background:#fff;border:none;border-radius:50%;color:#164942;line-height:1;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;z-index:30001;opacity:0;pointer-events:none;transition:opacity .15s ease;opacity:1}.inf-sagrada-hotspot__tooltip-close span{transform:rotate(45deg);font-size:2.5rem}.inf-sagrada-hotspot__tooltip-close:hover{opacity:1}.inf-sagrada-hotspot.is-hover .inf-sagrada-hotspot__tooltip-close,.inf-sagrada-hotspot.is-active .inf-sagrada-hotspot__tooltip-close,.inf-sagrada-hotspot.is-auto-open .inf-sagrada-hotspot__tooltip-close{pointer-events:all}.inf-sagrada-hotspot__tooltip-title{font-size:1.7rem;font-weight:700;margin:1rem auto;color:#164942!important;letter-spacing:.02em;line-height:1.3;padding-bottom:0!important}.inf-sagrada-hotspot__tooltip-desc{font-size:1.5rem!important;line-height:1.5;margin:0;color:#164942!important;height:auto}.inf-sagrada-hotspot:hover,.inf-sagrada-hotspot.is-active,.inf-sagrada-hotspot.is-auto-open{z-index:50}.inf-sagrada-hotspot.is-tooltip-below .inf-sagrada-hotspot__tooltip{bottom:auto;top:calc(100% + 1.2rem);transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(-.6rem)}.inf-sagrada-hotspot.is-tooltip-below .inf-sagrada-hotspot__tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#967239}.inf-sagrada-hotspot.is-tooltip-below:hover .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.is-tooltip-below.is-active .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.is-tooltip-below.is-auto-open .inf-sagrada-hotspot__tooltip{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(0)}.inf-sagrada-hotspot.hotspot-cruz{width:7.79%}.inf-sagrada-hotspot.hotspot-cruz .inf-sagrada-hotspot__tooltip{bottom:auto;top:calc(100% + 1.2rem);transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(-.6rem)}.inf-sagrada-hotspot.hotspot-cruz .inf-sagrada-hotspot__tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#967239}.inf-sagrada-hotspot.hotspot-cruz:hover .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.hotspot-cruz.is-active .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.hotspot-cruz.is-auto-open .inf-sagrada-hotspot__tooltip{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(0)}.inf-sagrada-hotspot.hotspot-arbol{width:9.09%;height:auto}.inf-sagrada-hotspot.hotspot-huevo{width:1%;height:auto}.inf-sagrada-hotspot.hotspot-roca{width:6.6%;height:auto}.inf-sagrada-hotspot.hotspot-espigas{width:7%;height:auto}.inf-sagrada-hotspot.hotspot-fachada{width:22%}.inf-sagrada-hotspot.hotspot-portales,.inf-sagrada-hotspot.hotspot-portales .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.hotspot-portales.is-scroll-highlight{opacity:0}.inf-sagrada-hotspot.hotspot-port-esperanza{visibility:hidden;pointer-events:none;width:2.5%}.inf-sagrada-hotspot.hotspot-port-esperanza .inf-sagrada-hotspot__tooltip{opacity:0}.inf-sagrada-hotspot.hotspot-port-esperanza .inf-sagrada-hotspot__dot{cursor:default}.inf-sagrada-hotspot.hotspot-port-esperanza.is-scroll-highlight{visibility:visible}.inf-sagrada-hotspot.hotspot-port-fe{visibility:hidden;pointer-events:none;width:2.6%}.inf-sagrada-hotspot.hotspot-port-fe .inf-sagrada-hotspot__tooltip{opacity:0}.inf-sagrada-hotspot.hotspot-port-fe .inf-sagrada-hotspot__dot{cursor:default}.inf-sagrada-hotspot.hotspot-port-fe.is-scroll-highlight{visibility:visible}.inf-sagrada-hotspot.hotspot-port-caridad{visibility:hidden;pointer-events:none;width:2.9%}.inf-sagrada-hotspot.hotspot-port-caridad .inf-sagrada-hotspot__tooltip{opacity:0}.inf-sagrada-hotspot.hotspot-port-caridad .inf-sagrada-hotspot__dot{cursor:default}.inf-sagrada-hotspot.hotspot-port-caridad.is-scroll-highlight{visibility:visible}.inf-sagrada-hotspot.hotspot-jesus-paloma-jose{width:5.7%}.inf-sagrada-hotspot.hotspot-huida-egipto{width:4.99%}.inf-sagrada-hotspot.hotspot-matanza-inocentes{width:3.84%}.inf-sagrada-hotspot.hotspot-coronacion-maria{width:9.24%}.inf-sagrada-hotspot.hotspot-adoracion-reyes-oriente{width:6.2%}.inf-sagrada-hotspot.hotspot-nacimiento{width:4.9%}.inf-sagrada-hotspot.hotspot-adoracion-pastores{width:7.2%}.inf-sagrada-hotspot.hotspot-estrella-belen{width:2.2%}.inf-sagrada-hotspot.hotspot-presentacion-templo{width:4.9%}.inf-sagrada-hotspot.hotspot-visita-maria-isabel{width:2.9%}.inf-sagrada-hotspot.hotspot-jesus-carpintero{width:2.6%}.inf-sagrada-card{position:absolute;bottom:0;transform:translateY(100%);right:2rem;margin:0 auto;width:90%;max-width:32rem;padding:1.8rem;background:#fff;color:#6d4500;border-radius:.8rem;will-change:transform;z-index:15;border-bottom:none}.inf-sagrada-card__title{font-size:1.7rem;font-weight:700;margin:1rem 0;color:#164942!important;letter-spacing:.02em}.inf-sagrada-card__desc{font-size:1.5rem;line-height:1.55;margin:0;height:auto;color:#164942!important}.inf-sagrada-card__image{width:100%;height:25rem;overflow:hidden;margin-top:1rem}.inf-sagrada-card__image img{width:100%}.inf-sagrada-phase3-layer{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:16;will-change:transform}.inf-sagrada-phase3-layer .inf-sagrada-phase3-hotspot{opacity:0;pointer-events:none;transition:none}.inf-sagrada-phase3-layer.is-visible{pointer-events:none}.inf-sagrada-phase3-layer.is-visible .inf-sagrada-phase3-hotspot{pointer-events:all;animation:sagrada-phase3-in .35s ease forwards;animation-delay:calc(var(--p3-index) * .1s)}@keyframes sagrada-phase3-in{0%{opacity:0}to{opacity:1}}@keyframes sagrada-pulse{0%{box-shadow:0 0 #c8991ab3}60%{box-shadow:0 0 0 1.2rem #c8991a00}to{box-shadow:0 0 #c8991a00}}@media (max-width: 1023px){.inf-sagrada-minimap{display:none}.inf-sagrada-container{height:100dvh}.inf-sagrada-card{right:0;left:0;margin:0 auto;width:90%;max-width:90%}.inf-sagrada-card__image{height:18rem}.inf-sagrada-hotspot__dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%}.inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot__tooltip-close{display:none!important}.inf-sagrada-hotspot.hotspot-cruz{width:8.99%}.inf-sagrada-hotspot.hotspot-cruz .inf-sagrada-hotspot__tooltip{bottom:auto;top:calc(100% + 1.2rem);left:auto;right:0;transform:translateY(-.6rem)}.inf-sagrada-hotspot.hotspot-cruz .inf-sagrada-hotspot__tooltip:after{top:auto;bottom:100%;left:auto;right:1rem;transform:translate(0);border-top-color:transparent;border-bottom-color:#967239}.inf-sagrada-hotspot.hotspot-cruz:hover .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.hotspot-cruz.is-active .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.hotspot-cruz.is-auto-open .inf-sagrada-hotspot__tooltip{transform:translateY(0)}.inf-sagrada-hotspot.hotspot-arbol{width:11.6%}.inf-sagrada-hotspot.hotspot-arbol .inf-sagrada-hotspot__tooltip{bottom:auto;top:calc(100% + 1.2rem);transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(-.6rem)}.inf-sagrada-hotspot.hotspot-arbol .inf-sagrada-hotspot__tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#967239}.inf-sagrada-hotspot.hotspot-arbol:hover .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.hotspot-arbol.is-active .inf-sagrada-hotspot__tooltip,.inf-sagrada-hotspot.hotspot-arbol.is-auto-open .inf-sagrada-hotspot__tooltip{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px))) translateY(0)}.inf-sagrada-hotspot.hotspot-huevo{width:1%}.inf-sagrada-hotspot.hotspot-roca{width:8.5%}.inf-sagrada-hotspot.hotspot-espigas{width:8.8%}.inf-sagrada-hotspot.hotspot-fachada{width:22%}.inf-sagrada-hotspot.hotspot-port-esperanza{width:3.9%}.inf-sagrada-hotspot.hotspot-port-fe{width:4%}.inf-sagrada-hotspot.hotspot-port-caridad{width:4.3%}.inf-sagrada-hotspot.hotspot-jesus-paloma-jose{width:6%}.inf-sagrada-hotspot.hotspot-huida-egipto{width:4.99%}.inf-sagrada-hotspot.hotspot-matanza-inocentes{width:3.84%}.inf-sagrada-hotspot.hotspot-coronacion-maria{width:9.24%}.inf-sagrada-hotspot.hotspot-adoracion-reyes-oriente{width:6.2%}.inf-sagrada-hotspot.hotspot-nacimiento{width:4.9%}.inf-sagrada-hotspot.hotspot-adoracion-pastores{width:8.7%}.inf-sagrada-hotspot.hotspot-estrella-belen{width:2.2%}.inf-sagrada-hotspot.hotspot-presentacion-templo{width:4.9%}.inf-sagrada-hotspot.hotspot-visita-maria-isabel{width:3.9%}.inf-sagrada-hotspot.hotspot-jesus-carpintero{width:3.3%}}.inf-fachada-portales-bg{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:19;transition:opacity .4s ease}.inf-fachada-portales-bg.is-visible{opacity:1}.inf-fachada-portales-bg img{width:100%;display:block}@media (max-width: 880px){.inf-fachada-portales-bg{bottom:2rem}}.inf-fachada-portales-bg_svg{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;z-index:10;transition:opacity .4s ease}.inf-fachada-portales-bg_svg svg{width:100%;height:auto;display:block}.inf-fachada-portales-bg_svg.is-loaded{opacity:1}.inf-fachada-portales-bg_svg.is-visible{opacity:1;pointer-events:all}.inf-tamano-columna{position:absolute;pointer-events:none;z-index:16;width:6.4%;top:88%;left:37%}@media (max-width: 880px){.inf-tamano-columna{top:88.7%;left:33%;width:7.4%}}.inf-tamano-columna img{width:100%;height:auto;display:block}.inf-sagrada-mobile-tooltip-overlay{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);width:min(22rem,85vw);background-color:#fff;border-radius:.6rem;padding:1.8rem;z-index:99999;box-shadow:0 4px 24px #00000059;pointer-events:all}.inf-sagrada-mobile-tooltip-overlay__close{position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 8px));background:#fff;border:none;border-radius:50%;color:#164942;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 2px 6px #0003}