.diorama{--px:0;--py:0;--salida:0;--sol:0.75}@media (min-width:1024px){.diorama-caja{container-type:size}}.diorama-escenario{--ancho:max(100cqw,calc(100cqh * var(--proporcion, 2.403)));--alto:max(100cqh,calc(100cqw / var(--proporcion, 2.403)));position:absolute;width:var(--ancho);height:var(--alto);left:calc((100cqw - var(--ancho)) * .68);top:calc((100cqh - var(--alto)) * .5)}.diorama-capa{position:absolute;inset:0}.diorama-pared{transform:translate3d(calc(var(--px) * -9px),calc(var(--py) * -5px + var(--salida) * 70px),0) scale(1.035);animation:pared-amanece 2.2s cubic-bezier(.22,.9,.18,1) both}@keyframes pared-amanece{0%{filter:brightness(1.2) saturate(.75)}to{filter:none}}.diorama-sombra{overflow:hidden;opacity:calc(.62 - var(--salida) * .3);mask-image:linear-gradient(90deg,#000 40%,transparent 62%);transform:translate3d(calc(var(--px) * -24px),calc(var(--py) * -12px),0) skewX(calc((var(--sol) - .5) * -26deg)) scaleY(calc(1 + var(--sol) * .12));transform-origin:50% 100%;transition:opacity 1.2s}.diorama-ramo{position:absolute;transform:translate3d(calc(var(--px) * 16px),calc(var(--py) * 9px - var(--salida) * 60px),0);will-change:transform}.diorama-ramo-enfoque{position:absolute;inset:0;transform-origin:50% 85%;animation:ramo-enfoca 1.9s cubic-bezier(.22,.9,.18,1) .15s both,ramo-respira 7s ease-in-out 2.1s infinite alternate;filter:drop-shadow(-18px 26px 30px rgba(80,38,12,.22))}@keyframes ramo-enfoca{0%{opacity:0;transform:translate3d(0,26px,0) scale(1.05);filter:blur(14px) drop-shadow(-18px 26px 30px rgba(80,38,12,0))}to{opacity:1;transform:none;filter:blur(0) drop-shadow(-18px 26px 30px rgba(80,38,12,.22))}}@keyframes ramo-respira{0%{transform:rotate(-.35deg) scale(1)}to{transform:rotate(.35deg) scale(1.008)}}.diorama-rayo{position:absolute;inset:-10% 0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,226,180,.6) 47%,transparent 58%);mix-blend-mode:soft-light;transform:translate3d(-70%,0,0);animation:rayo-barre 3.4s cubic-bezier(.45,.05,.25,1) .4s both}@keyframes rayo-barre{0%{transform:translate3d(-70%,0,0);opacity:1}to{transform:translate3d(70%,0,0);opacity:0}}.diorama-lampara,.diorama-velo{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.6s}.diorama-velo{mix-blend-mode:soft-light}[data-luz=manana] .diorama-velo{opacity:1;background:linear-gradient(180deg,rgba(225,236,255,.6),rgba(255,246,232,.25))}[data-luz=mediodia] .diorama-velo{opacity:.7;background:radial-gradient(90% 90% at 40% 10%,rgba(255,252,240,.7),transparent 70%)}[data-luz=dorada] .diorama-velo{opacity:1;background:radial-gradient(70% 90% at 18% 35%,rgba(255,190,110,.6),transparent 75%)}[data-luz=atardecer] .diorama-velo{opacity:1;mix-blend-mode:multiply;background:linear-gradient(100deg,rgba(255,222,200,.5),rgba(240,168,135,.55) 60%,rgba(205,128,120,.6))}.diorama-noche{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:multiply;transition:opacity 1.6s;background:radial-gradient(34% 60% at 25% 50%,rgba(255,238,220,1) 25%,rgba(255,238,220,0) 100%),radial-gradient(30% 55% at 72% 46%,rgba(255,200,150,.95) 10%,rgba(255,200,150,0) 100%),linear-gradient(180deg,rgb(112,86,92),rgb(84,60,62))}[data-luz=noche] .diorama-noche{opacity:1}[data-luz=noche] .diorama-ramo-enfoque img{filter:saturate(1.08) brightness(.96) sepia(.12)}[data-luz=noche] .diorama-sombra,[data-luz=noche] .sombra-hojas{opacity:0!important}[data-luz=noche] .diorama-lampara{opacity:1;mix-blend-mode:screen;background:radial-gradient(24% 46% at 72% 44%,rgba(255,176,96,.5),transparent 70%),radial-gradient(12% 20% at 72% 28%,rgba(255,226,170,.4),transparent 70%);animation:lampara-titila 5s ease-in-out infinite}@keyframes lampara-titila{0%,to{opacity:1}45%{opacity:.86}52%{opacity:.97}}@media (max-width:1023px){[data-luz=noche] .diorama-noche{background:radial-gradient(45% 55% at 50% 45%,rgba(255,210,160,.95) 10%,rgba(255,210,160,0) 100%),linear-gradient(180deg,rgb(120,92,98),rgb(92,66,68))}[data-luz=noche] .diorama-lampara{background:radial-gradient(55% 60% at 50% 45%,rgba(255,176,96,.5),transparent 72%)}}[data-luz=atardecer] .luz-de-tarde,[data-luz=noche] .luz-de-tarde{opacity:0!important;animation:none}.diorama .marco-arco img,.diorama-pared img{transition:filter 1.6s}[data-luz=manana] .diorama-pared img,[data-luz=manana] .marco-arco img{filter:saturate(.82) brightness(1.07) hue-rotate(-5deg) contrast(1.03)}[data-luz=mediodia] .diorama-pared img,[data-luz=mediodia] .marco-arco img{filter:saturate(.92) brightness(1.06)}[data-luz=dorada] .diorama-pared img,[data-luz=dorada] .marco-arco img{filter:saturate(1.12) sepia(.08)}[data-luz=atardecer] .diorama-pared img,[data-luz=atardecer] .marco-arco img{filter:saturate(1.14) brightness(.94) hue-rotate(-7deg)}@media (min-width:1024px){.diorama-texto{translate:calc(var(--px) * 5px) calc(var(--py) * 3px - var(--salida) * 25px)}}.reloj-de-sol{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem 1rem .35rem .4rem;border-radius:999px;background:rgba(251,241,230,.66);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(58,30,16,.08);opacity:0;animation:posarse 1.2s cubic-bezier(.22,.9,.18,1) 1.4s forwards}.pared-yeso{background-color:#F6E7D6;background-image:radial-gradient(120% 60% at 15% 0,rgba(255,236,210,.9),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hornacina-nicho{position:relative;aspect-ratio:3/4;border-radius:50% 50% .35rem .35rem/38% 38% .35rem .35rem;overflow:hidden;background:radial-gradient(90% 55% at 50% 0,rgba(120,70,35,.22),transparent 70%),linear-gradient(180deg,#EBD3BA,#F3DFCA 55%,#E9CDB1);box-shadow:inset 0 22px 30px -14px rgba(90,48,20,.38),inset 0 -8px 18px -10px rgba(90,48,20,.2),0 1px 0 rgba(255,255,255,.7);isolation:isolate}.hornacina-nicho:after{border-radius:inherit;box-shadow:inset 0 0 0 6px rgba(255,244,230,.55),inset 0 0 0 7px rgba(120,70,35,.12);z-index:3}.hornacina-nicho:after,.hornacina-nicho:before{content:"";position:absolute;inset:0;pointer-events:none}.hornacina-nicho:before{background:radial-gradient(60% 45% at 50% 0,rgba(255,214,160,.8),transparent 75%);mix-blend-mode:soft-light;opacity:0;transition:opacity .9s;z-index:2}.group:focus-visible .hornacina-nicho:before,.group:hover .hornacina-nicho:before{opacity:1}.hornacina-pedestal{position:absolute;left:50%;bottom:0;width:60%;height:14%;transform:translateX(-50%);background:linear-gradient(90deg,#D6BFA7,#F4E6D6 40%,#E2CDB7 70%,#C9AF95)}.hornacina-pedestal:before{content:"";position:absolute;left:0;right:0;top:-9px;height:18px;border-radius:50%;background:linear-gradient(180deg,#F8EEE2,#E6D2BD)}.hornacina-pedestal:after{content:"";position:absolute;inset:8px 0 0;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(120,80,50,.12) 9px 10px,transparent 10px 14px)}.arcada{display:block;width:100%;height:clamp(42px,7vw,96px)}.herbario-hoja{transform-origin:50% -18px;rotate:var(--r,0deg);transition:rotate 1.4s cubic-bezier(.2,1.6,.4,1)}.herbario-hoja:focus-within,.herbario-hoja:hover{rotate:calc(var(--r, 0deg) * -1.8)}@media (prefers-reduced-motion:no-preference){.herbario-hoja{animation:herbario-mece 6s ease-in-out infinite alternate;animation-delay:calc(var(--i, 0) * -1.3s)}}@keyframes herbario-mece{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}.papel-herbario{background-color:#FBF4E8;background-image:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(170,120,70,.18)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 22px 30px -18px rgba(90,48,20,.5),0 2px 4px rgba(90,48,20,.12)}.arco-pasos-luz{stroke-dasharray:1;stroke-dashoffset:1}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.arco-pasos-luz{animation:arco-se-dibuja linear both;animation-timeline:view();animation-range:entry 10% cover 55%}}}@supports not (animation-timeline:view()){.arco-pasos-luz{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.arco-pasos-luz{stroke-dashoffset:0}}@keyframes arco-se-dibuja{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.diorama-lampara,.diorama-pared,.diorama-ramo-enfoque,.reloj-de-sol{animation:none!important}.reloj-de-sol{opacity:1}.diorama-rayo{display:none}}@media (min-width:1024px){[data-luz=noche] .diorama-firma{color:#F6E3CC;text-shadow:0 0 14px rgba(40,20,12,.85)}}[data-perfil=otono-decorativo]{--yeso-luz:#fffaf3;--yeso:#fbf0e2;--yeso-medio:#f3e1ca;--yeso-sombra:#e2c7a8}.sala-muro{--muro:#f28a3c;--muro-luz:#ffb872;--muro-canto:#c8601e;position:relative;background-color:var(--muro);background-image:radial-gradient(60% 45% at 22% 42%,color-mix(in srgb,var(--muro-luz) 70%,transparent) 0,transparent 70%),radial-gradient(50% 40% at 85% 62%,color-mix(in srgb,var(--muro-canto) 22%,transparent) 0,transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .18 0 0 0 0 .05 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");isolation:isolate}.luz-ventana{position:absolute;inset:-30% -40%;z-index:0;pointer-events:none;background:url(/otono-decorativo/luz-de-ventana.webp) 0 0/clamp(760px,118vw,1700px) auto repeat;mix-blend-mode:multiply;opacity:.2;animation:sol-se-mece 26s ease-in-out infinite alternate}.luz-ventana--suave{opacity:.14}@keyframes sol-se-mece{0%{transform:translate3d(-3%,0,0)}to{transform:translate3d(3%,-1%,0)}}@supports (animation-timeline:view()){.luz-ventana{animation:sol-corre linear both;animation-timeline:view();animation-range:cover 0 cover 100%}@keyframes sol-corre{0%{transform:translate3d(-16%,5%,0) skewX(4deg)}to{transform:translate3d(14%,-6%,0) skewX(-6deg)}}}.sala-contenido{position:relative;z-index:1}.sala-pie{padding-bottom:8.5rem}.sala-techo{padding-top:8rem}@media (min-width:768px){.sala-pie{padding-bottom:11rem}.sala-techo{padding-top:10.5rem}}.umbrales-3d .solo-sin-3d{visibility:hidden}.ventana-arco{position:relative;border-radius:9999px 9999px 10px 10px;padding:clamp(6px,.8vw,11px);background:linear-gradient(180deg,var(--yeso-luz) 0,var(--yeso-medio) 100%);box-shadow:0 2px 0 rgba(255,255,255,.6) inset,0 30px 50px -28px rgba(60,22,4,.55),0 0 0 1px color-mix(in srgb,var(--muro-canto) 45%,transparent)}.ventana-arco__vidrio{position:relative;height:100%;overflow:hidden;border-radius:9999px 9999px 4px 4px;background:var(--yeso-medio)}.ventana-arco__vidrio:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 22px 30px -18px rgba(50,18,2,.5),inset 0 -10px 18px -14px rgba(50,18,2,.35)}.ventana-arco__vidrio:before{content:"";position:absolute;inset:-10% -60%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,244,225,.55) 50%,transparent 60%);transform:translateX(-70%);animation:destello 2.4s cubic-bezier(.3,.7,.2,1) var(--retraso,.6s) 1 both}@keyframes destello{to{transform:translateX(70%)}}.repisa-arco{height:10px;margin:0 -6%;border-radius:3px;background:linear-gradient(180deg,var(--yeso-luz),var(--yeso-sombra));box-shadow:0 10px 16px -8px rgba(60,22,4,.45)}.cedula{background:var(--yeso-luz);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 22px -14px rgba(60,22,4,.55);border-top:3px solid var(--muro-canto)}.pedestal{--ancho:9.5rem;width:var(--ancho)}.pedestal__capitel{height:14px;margin:0 -8%;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--yeso-luz),var(--yeso-medio));box-shadow:0 6px 10px -6px rgba(60,22,4,.5)}.pedestal__collar{height:6px;margin:0 -3%;background:linear-gradient(180deg,var(--yeso-medio),var(--yeso-sombra))}.pedestal__fuste{height:5.5rem;background:linear-gradient(90deg,rgba(70,30,6,.22),transparent 28%,rgba(255,255,255,.25) 46%,transparent 62%,rgba(70,30,6,.28)),repeating-linear-gradient(90deg,var(--yeso) 0 9px,var(--yeso-sombra) 9px 11px,var(--yeso-luz) 11px 13px)}.pedestal__base{height:12px;margin:0 -10%;border-radius:2px;background:linear-gradient(180deg,var(--yeso-medio),var(--yeso-sombra));box-shadow:0 14px 18px -10px rgba(60,22,4,.55)}.numeral-sala{font-family:var(--fuente-display);font-weight:400;line-height:.8;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--muro-canto) 75%,transparent);letter-spacing:-.04em;-webkit-user-select:none;user-select:none}.arcada-hero{display:grid;grid-auto-flow:column;grid-auto-columns:min(64vw,17rem);gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.5rem 1.25rem 1.25rem}.arcada-hero::-webkit-scrollbar{display:none}.arcada-hero>*{scroll-snap-align:center}@media (min-width:1024px){.arcada-hero{grid-auto-flow:row;grid-template-columns:repeat(var(--columnas,4),minmax(0,1fr));grid-auto-columns:auto;overflow:visible;padding:0;gap:clamp(1.25rem,2.4vw,2.5rem)}}.levantar{animation:levantar 1.3s cubic-bezier(.2,.85,.2,1) var(--retraso,0s) both}@keyframes levantar{0%{opacity:0;transform:translate3d(0,70px,0) scale(.96)}to{opacity:1;transform:none}}.enfocar img{animation:enfocar 1.8s cubic-bezier(.2,.85,.2,1) var(--retraso,0s) both}@keyframes enfocar{0%{transform:scale(1.14);filter:saturate(.6) brightness(1.08)}to{transform:scale(1);filter:none}}@supports (animation-timeline:view()){.al-bajar-acerca img{animation:acercar linear both;animation-timeline:view();animation-range:entry 0 cover 45%}@keyframes acercar{0%{transform:scale(1.16)}to{transform:scale(1)}}.al-bajar-sube{animation:subir linear both;animation-timeline:view();animation-range:entry 5% cover 35%}@keyframes subir{0%{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:none}}.al-bajar-numeral{animation:numeral-pasa linear both;animation-timeline:view();animation-range:cover 0 cover 100%}@keyframes numeral-pasa{0%{transform:translate3d(0,18%,0)}to{transform:translate3d(0,-18%,0)}}}.pieza-arco{transition:transform .7s cubic-bezier(.2,.85,.2,1)}.pieza-arco:focus-visible,.pieza-arco:hover{transform:translate3d(0,-6px,0)}@media (prefers-reduced-motion:reduce){.al-bajar-acerca img,.al-bajar-numeral,.al-bajar-sube,.enfocar img,.levantar,.luz-ventana,.ventana-arco__vidrio:before{animation:none!important}.ventana-arco__vidrio:before{display:none}}