.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)}}