.ofrenda{--background:oklch(14.5% .018 260);--foreground:oklch(92% .042 80);--accent:oklch(72% .13 65);--accent-foreground:oklch(15% .018 260);--ring:oklch(75% .1 75);--of-gold:oklch(75% .105 78);--of-gold-light:oklch(90% .08 85);--of-gold-dark:oklch(37% .075 65);--of-wood:oklch(22% .033 55);--of-velvet:oklch(18% .024 240);--of-orange:oklch(72% .185 50);--of-shadow:oklch(5% .01 250/.8);--of-mist:oklch(80% .02 75/.1);color:var(--foreground);background:var(--background);letter-spacing:0;isolation:isolate;flex-direction:column;width:100%;min-height:100svh;font-family:Jost,sans-serif;display:flex;position:relative;overflow:hidden}.ofrenda-header{z-index:5;justify-content:space-between;align-items:center;padding:27px 42px 0;display:flex;position:relative}.ofrenda-brand{letter-spacing:.12em;font-size:14px;font-weight:400}.ofrenda-brand span{opacity:.6;margin-left:5px;font-size:10px}.ofrenda-season{color:var(--of-gold);letter-spacing:.08em;font-size:11px}.ofrenda-season span{margin:0 12px}.ofrenda-intro{text-align:center;z-index:4;padding:28px 20px 0;position:relative}.ofrenda-intro>p{letter-spacing:.24em;color:var(--of-gold);margin:0 0 8px;font-size:9px}.ofrenda-intro h1{letter-spacing:0;color:var(--foreground);margin:0;font-size:56px;font-weight:300;line-height:1.05}.ofrenda-intro h1 em{color:var(--of-gold-light);font-weight:300}.ofrenda-title-flourish{color:var(--of-gold);justify-content:center;align-items:center;gap:14px;margin-top:17px;display:flex}.ofrenda-title-flourish span{background:var(--of-gold-dark);width:44px;height:1px}.ofrenda-stage{aspect-ratio:1.6;flex-shrink:0;width:100%;max-width:1536px;margin:-15px auto 0;position:relative}.ofrenda-background{object-fit:cover;width:100%;height:100%;display:block}.ofrenda-edge{pointer-events:none;box-shadow:inset 0 22px 26px -6px var(--background), inset 0 -28px 32px -8px var(--background);position:absolute;inset:0}.ofrenda-memories,.ofrenda-ambient{position:absolute;inset:0}.ofrenda-frame{background:linear-gradient(90deg, var(--of-gold-dark), var(--of-gold), var(--of-gold-dark) 11%, var(--of-gold-light) 13%, var(--of-gold-dark) 16%, var(--of-gold) 89%, var(--of-gold-dark));border:2px solid var(--of-gold-dark);width:12.4%;height:23%;box-shadow:0 8px 14px var(--of-shadow), inset 0 0 0 1px var(--of-gold-light);z-index:2;margin:0;padding:7px;position:absolute;transform:translate(-50%)}.ofrenda-frame:before{content:"";border:1px solid var(--of-gold);pointer-events:none;position:absolute;inset:3px}.ofrenda-frame:after{content:"";background:linear-gradient(135deg, transparent 50%, var(--of-shadow));opacity:.14;pointer-events:none;position:absolute;inset:0}.ofrenda-frame--upper-left{bottom:51.4%;left:42%}.ofrenda-frame--upper-right{bottom:51.4%;left:58%}.ofrenda-frame--middle-left{bottom:36.6%;left:33%}.ofrenda-frame--middle-right{bottom:36.6%;left:67%}.ofrenda-frame--lower-left{bottom:21.4%;left:43%}.ofrenda-frame--lower-right{bottom:21.4%;left:59%}.ofrenda-frame-crown{color:var(--of-gold);text-shadow:0 2px 2px var(--of-shadow);font-size:34px;line-height:1;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.ofrenda-frame-foot{background:var(--of-gold-dark);border-top:1px solid var(--of-gold);width:75%;height:5px;position:absolute;bottom:-6px;left:12.5%}.ofrenda-frame-surface{background:radial-gradient(ellipse at center, var(--of-velvet), var(--background));border:2px solid var(--of-gold-dark);width:100%;height:100%;animation:1.8s both ofrenda-memory-enter;overflow:hidden}.ofrenda-empty{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ofrenda-empty img{object-fit:contain;filter:brightness(.83)sepia(.08);width:78%;height:83%}.ofrenda-dedication{height:100%;position:relative}.ofrenda-dedication .ofrenda-empty{height:76%}.ofrenda-nameplate{text-align:center;background:linear-gradient(110deg, var(--of-gold), var(--of-gold-light), var(--of-gold));border:1px solid var(--of-gold-dark);width:94%;color:var(--of-wood);padding:7px 5px;position:absolute;bottom:5%;left:3%}.ofrenda-nameplate p,.ofrenda-photo-caption p{overflow-wrap:anywhere;margin:0;font-family:Cormorant Garamond,serif;font-size:20px;line-height:1.1}.ofrenda-nameplate span,.ofrenda-photo-caption span{overflow-wrap:anywhere;margin-top:4px;font-size:11px;line-height:1.35;display:block}.ofrenda-photo{height:100%;position:relative}.ofrenda-photo>img{object-fit:cover;filter:sepia(.45)saturate(.9)contrast(1.03)brightness(.97);width:100%;height:100%}.ofrenda-photo-caption{text-align:center;background:linear-gradient(transparent, var(--of-shadow));width:100%;color:var(--foreground);padding:20px 7px 7px;position:absolute;bottom:0;left:0}.ofrenda-footer{z-index:5;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:8px 42px 25px;display:flex;position:relative}.ofrenda-footer>p{color:var(--of-gold);margin:0;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic}.ofrenda-controls{align-items:center;gap:12px;transition:opacity 1.3s;display:flex}.ofrenda-control{color:var(--of-gold-light);background:0 0;border-radius:2px;min-height:44px}.ofrenda-control:hover{background:color-mix(in oklab, var(--of-gold) 10%, transparent);color:var(--of-gold-light)}.ofrenda-add{border:1px solid var(--of-gold-dark);padding:0 17px;font-size:12px;font-weight:300}.ofrenda-expand{width:44px}.ofrenda-notice{z-index:20;background:var(--background);border:1px solid var(--of-gold-dark);width:min(440px,100% - 32px);color:var(--foreground);grid-template-columns:20px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:18px;display:grid;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.ofrenda-notice>svg{color:var(--of-gold)}.ofrenda-notice p{margin:0;font-family:Cormorant Garamond,serif;font-size:23px}.ofrenda-notice span{opacity:.8;margin-top:5px;font-size:12px;line-height:1.5;display:block}.ofrenda-ambient{pointer-events:none;z-index:3;overflow:hidden}.ofrenda-candlelight{background:radial-gradient(ellipse at 15% 60%, color-mix(in oklab, var(--of-orange) 11%, transparent), transparent 30%), radial-gradient(ellipse at 85% 62%, color-mix(in oklab, var(--of-gold) 8%, transparent), transparent 25%);animation:9s ease-in-out infinite alternate ofrenda-light;position:absolute;inset:0}.ofrenda-flame{background:var(--of-gold-light);filter:blur(1px);opacity:.55;transform-origin:bottom;border-radius:50% 50% 35% 35%;width:.45%;height:2%;animation:4.3s ease-in-out infinite alternate ofrenda-flame;position:absolute}.ofrenda-flame--left{top:41%;left:17.1%}.ofrenda-flame--right{animation-delay:-2s;top:41%;left:82.9%}.ofrenda-incense{background:radial-gradient(ellipse, var(--of-mist), transparent 65%);filter:blur(12px);border-radius:50%;width:9%;height:28%;animation:19s ease-in-out infinite ofrenda-smoke;position:absolute;bottom:35%}.ofrenda-incense--left{left:5%}.ofrenda-incense--right{animation-delay:-9s;right:5%}.ofrenda-petal{background:var(--of-orange);opacity:0;border-radius:80% 10% 70% 20%;width:8px;height:13px;animation:24s linear infinite ofrenda-petal;position:absolute}.ofrenda-petal--1{animation-delay:-4s;left:8%}.ofrenda-petal--2{animation-delay:-13s;left:90%}.ofrenda-petal--3{animation-delay:-20s;left:17%}.ofrenda-petal--4{animation-delay:-9s;left:84%}.ofrenda-petal--5{animation-delay:-17s;left:4%}.ofrenda-petal--6{animation-delay:-1s;left:94%}.ofrenda-mobile-shelves{display:none}@keyframes ofrenda-memory-enter{0%{opacity:0}to{opacity:1}}@keyframes ofrenda-light{0%{opacity:.35}to{opacity:.8}}@keyframes ofrenda-flame{0%{opacity:.4;transform:rotate(-5deg)scaleY(.88)}to{opacity:.65;transform:rotate(4deg)scaleY(1.08)}}@keyframes ofrenda-smoke{0%{opacity:0;transform:translateY(15%)scaleX(.8)}40%{opacity:.5}to{opacity:0;transform:translate(10%,-60%)scaleX(1.6)}}@keyframes ofrenda-petal{0%{opacity:0;top:-3%;transform:rotate(0)}12%,65%{opacity:.5}to{opacity:0;top:98%;transform:translate(30px)rotate(220deg)}}@media (hover:hover){.ofrenda:not(.ofrenda--awake) .ofrenda-controls{opacity:0}.ofrenda-controls:focus-within{opacity:1}}@media (width>=900px){.ofrenda-intro{padding-top:12px}.ofrenda-intro h1{font-size:46px}.ofrenda-stage{max-width:min(1920px,160svh - 368px)}.ofrenda-footer{padding-bottom:16px}}@media (width>=1700px){.ofrenda-intro h1{font-size:68px}.ofrenda-intro{padding-top:36px}.ofrenda-stage{max-width:min(1920px,160svh - 432px)}}@media (height<=500px) and (width>=601px){.ofrenda-header{padding:12px 24px 0}.ofrenda-season{display:none}.ofrenda-intro{padding:4px 20px 0}.ofrenda-intro>p,.ofrenda-title-flourish{display:none}.ofrenda-intro h1{font-size:30px}.ofrenda-stage{max-width:calc(160svh - 200px);margin-top:0}.ofrenda-footer{gap:12px;padding:0 24px 8px}.ofrenda-footer>p{font-size:16px}.ofrenda-add{font-size:11px}}@media (width<=600px){.ofrenda-header{padding:22px 22px 0}.ofrenda-brand{font-size:12px}.ofrenda-season{font-size:10px}.ofrenda-season span,.ofrenda-season span+*{display:none}.ofrenda-season{text-align:right;max-width:90px;font-size:0;line-height:1.5}.ofrenda-season:before{content:"DÍA DE MUERTOS";letter-spacing:.12em;font-size:9px}.ofrenda-intro{padding-top:28px}.ofrenda-intro h1{font-size:44px}.ofrenda-intro>p{letter-spacing:.15em;font-size:8px}.ofrenda-title-flourish{margin-top:14px}.ofrenda-stage{aspect-ratio:.71;margin-top:8px}.ofrenda-background{object-position:center}.ofrenda-frame{width:29%;height:22%;padding:5px}.ofrenda-frame-crown{font-size:25px;top:-16px}.ofrenda-frame--upper-left{bottom:56%;left:32%}.ofrenda-frame--upper-right{bottom:56%;left:68%}.ofrenda-frame--middle-left{bottom:32%;left:29%}.ofrenda-frame--middle-right{bottom:32%;left:71%}.ofrenda-frame--lower-left{bottom:8%;left:33%}.ofrenda-frame--lower-right{bottom:8%;left:67%}.ofrenda-mobile-shelves{display:block;position:absolute;inset:0}.ofrenda-mobile-shelves i{border-top:3px solid var(--of-gold-dark);background:linear-gradient(var(--of-wood), var(--of-shadow));width:76%;height:4%;box-shadow:0 8px 10px var(--of-shadow);position:absolute;left:12%}.ofrenda-mobile-shelves i:first-child{width:70%;bottom:52%;left:15%}.ofrenda-mobile-shelves i:nth-child(2){bottom:28%}.ofrenda-mobile-shelves i:nth-child(3){bottom:4%}.ofrenda-empty img{width:84%;height:87%}.ofrenda-nameplate p,.ofrenda-photo-caption p{font-size:18px}.ofrenda-nameplate span,.ofrenda-photo-caption span{font-size:10px}.ofrenda-footer{padding:20px 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:20px}.ofrenda-footer>p{text-align:center;font-size:20px}.ofrenda-add{font-size:12px}.ofrenda-flame{display:none}}@media (prefers-reduced-motion:reduce){.ofrenda *,.ofrenda :before,.ofrenda :after{transition:none!important;animation:none!important}.ofrenda-petal,.ofrenda-incense{display:none}}.ofrenda-form-overlay{z-index:50;background:var(--of-shadow);position:fixed;inset:0}.ofrenda-form{z-index:51;overscroll-behavior:contain;background:var(--background);width:min(480px,100% - 28px);max-height:calc(100dvh - 32px);color:var(--foreground);border:1px solid var(--of-gold-dark);box-shadow:0 16px 48px var(--of-shadow);border-radius:6px;padding:28px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.ofrenda-form-title{color:var(--of-gold-light);align-items:center;gap:12px;margin:0;padding-right:28px;font:30px/1.1 Cormorant Garamond,serif;display:flex}.ofrenda-form-description{color:var(--of-gold);margin:10px 0 24px;font-size:14px}.ofrenda-form-close{position:absolute;top:8px;right:8px}.ofrenda-form-fields{flex-direction:column;gap:10px;display:flex}.ofrenda-form-fields>label{margin-top:5px;font-size:14px}.ofrenda-form-fields label>span,.ofrenda-form-hint{color:var(--of-gold)}.ofrenda-form-fields input:not([type=file]),.ofrenda-form-fields textarea{background:var(--of-velvet);color:var(--foreground);border:1px solid var(--of-gold-dark);min-height:44px;font:inherit;border-radius:4px;width:100%;padding:10px 12px;font-size:16px}.ofrenda-form-fields textarea{resize:vertical}.ofrenda-form-file{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ofrenda-form-photo-actions,.ofrenda-form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ofrenda-form-photo-actions>button{border-color:var(--of-gold-dark)}.ofrenda-form-hint{margin:0;font-size:12px}.ofrenda-form-preview{object-fit:contain;background:var(--of-velvet);width:100%;height:170px}.ofrenda-form-confirm{align-items:flex-start;gap:12px;margin:8px 0;line-height:1.5;display:flex;font-size:13px!important}.ofrenda-form-confirm>button{border-color:var(--of-gold);flex-shrink:0;margin-top:3px}.ofrenda-form-confirm>button[data-state=checked]{background:var(--of-gold);color:var(--of-wood)}.ofrenda-form-actions{justify-content:flex-end}.ofrenda-form-primary{background:var(--of-gold-light);color:var(--of-wood);border-radius:4px;min-height:44px}.ofrenda-form-primary:hover{background:var(--of-gold)}.ofrenda-form-error{color:var(--of-gold-light);border-left:2px solid var(--of-orange);margin:16px 0 0;padding-left:12px;font-size:14px;line-height:1.5}.ofrenda-form-spinner{animation:1s linear infinite ofrenda-form-spin}@keyframes ofrenda-form-spin{to{transform:rotate(360deg)}}@media (width<=600px){.ofrenda-form{padding:24px 18px}.ofrenda-form-title{font-size:27px}}
