@font-face{font-family:Geoform;src:url(/floresamarillas/fonts/Geoform-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--navy:#020c3e;--navy-deep:#01061f;--violet:#7856ee;--red:#d93340;--crimson:#cb2f4a;--magenta:#a6249d;--lead-gradient:linear-gradient(135deg, var(--red), var(--crimson), var(--magenta));--petal-tip:#ffe27a;--petal-mid:#f7b928;--petal-base:#f2a71b;--disc-dark:#4a2a12;--disc-darker:#2e1a0b;--name-gradient:linear-gradient(135deg, #ffe27a, #f2a71b);--leaf-dark:#3e7c3a;--leaf-light:#6baa4a;--white:#fff;--muted:#ffffffc7;--font-title:"Poppins", system-ui, sans-serif;--font-body:"Poppins", system-ui, sans-serif;--font-accent:"Geoform", "Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{background:var(--navy-deep);min-height:100%;color:var(--white);font-family:var(--font-body);font-weight:400}body{min-height:100dvh;overflow-x:hidden}button,input{font-family:inherit}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--petal-tip);outline-offset:3px}.skip{position:absolute;left:-999px}.bg{z-index:0;background:radial-gradient(ellipse 80% 55% at 50% 0%, #7856ee47, transparent 55%), radial-gradient(ellipse 70% 50% at 50% 100%, #a6249d29, transparent 50%), radial-gradient(circle at 50% 42%, #0a1860 0%, var(--navy) 42%, var(--navy-deep) 100%);pointer-events:none;position:fixed;inset:0}.petals-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.app{z-index:2;min-height:100dvh;padding:16px 20px calc(18px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.brand{align-items:center;gap:12px;width:fit-content;text-decoration:none;display:flex}.brand .mark{object-fit:contain;width:auto;height:56px}header.app-header{justify-content:space-between;align-items:center;display:flex}main{flex:1;place-items:center;width:100%;display:grid}.screen{width:100%;display:none}.screen.is-on{display:block}.gate-screen,.ask-screen{text-align:center;flex-direction:column;align-items:center;max-width:420px;margin:0 auto;animation:.7s both rise}.gate-screen.is-on,.ask-screen.is-on{display:flex}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.mascot{filter:drop-shadow(0 18px 40px #00000073);width:min(220px,56vw);height:min(220px,56vw);margin:0 auto 18px}.mascot img{object-fit:cover;object-position:center 12%;border:3px solid var(--violet);border-radius:50%;width:100%;height:100%}.bubble{border:1.5px solid var(--violet);font-family:var(--font-title);background:#020c3e8c;border-radius:18px;margin-bottom:20px;padding:14px 20px;font-size:clamp(1.05rem,3.4vw,1.3rem);font-weight:600;position:relative}.bubble:after{content:"";border:9px solid #0000;border-top-color:var(--violet);border-bottom:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.form{gap:10px;width:100%;display:grid}.field{appearance:none;width:100%;height:56px;color:var(--white);text-align:center;background:#020c3e8c;border:1.5px solid #ffe27a8c;border-radius:4px;outline:none;padding:0 18px;font-size:1.05rem}.field::placeholder{color:#ffffff61}.field:focus-visible{border-color:var(--petal-tip)}.btn{appearance:none;cursor:pointer;min-height:52px;font-size:.95rem;font-weight:600;font-family:var(--font-body);border:0;border-radius:4px;padding:0 22px;transition:transform .15s,filter .15s,background .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:wait}.btn-solid{background:var(--lead-gradient);color:var(--white)}.btn-ghost{color:var(--white);border:1.5px solid var(--violet);background:0 0}.btn-text{color:#ffffffb8;text-underline-offset:3px;background:0 0;min-height:44px;text-decoration:underline}.error{color:#ffb4bc;min-height:1.2em;margin-top:8px;font-size:.85rem}.reveal-screen.is-on{display:grid}.reveal-screen{text-align:center;grid-template-columns:1fr;grid-template-areas:"title""lede""bouquet""phrase""actions";place-items:center;gap:16px;width:min(1100px,100%)}.reveal-screen .title{grid-area:title;max-width:22ch}.reveal-screen .lede{grid-area:lede;max-width:40ch}.reveal-screen .phrase{grid-area:phrase}.reveal-screen .actions{grid-area:actions;width:100%;max-width:30rem}.reveal-screen .bouquet-stage{grid-area:bouquet}.title{font-family:var(--font-title);font-size:clamp(1.9rem,6vw,3.4rem);font-weight:700;line-height:1.05}.title .name{background:var(--name-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.title.is-long .name{font-size:.82em}.lede{color:var(--muted);margin:14px 0 0;font-size:clamp(.95rem,2.4vw,1.08rem);line-height:1.5}.phrase{font-family:var(--font-accent);color:var(--petal-tip);margin-top:10px;font-size:clamp(1.05rem,2.8vw,1.3rem);font-weight:300}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 0;display:flex}.actions .btn-solid,.actions .btn-ghost{flex:180px}.actions .btn-text{flex-basis:100%}.bouquet-stage{width:min(420px,82vw);height:min(48svh,460px);margin:0 auto;position:relative}.bouquet-stage svg.bouquet{width:100%;height:100%;overflow:visible}.bouquet-stage .minky-peek{object-fit:cover;object-position:center 10%;border:3px solid var(--petal-tip);border-radius:50%;width:108px;height:108px;position:absolute;bottom:4px;right:-6px;box-shadow:0 10px 24px #0006}@media (width>=1024px){.reveal-screen{text-align:left;grid-template-columns:1fr 1fr;grid-template-areas:"title bouquet""lede bouquet""phrase bouquet""actions bouquet";justify-items:start;gap:12px 32px}.reveal-screen .actions{justify-content:flex-start}.reveal-screen .actions .btn-text{flex-basis:auto}.reveal-screen .bouquet-stage{width:min(480px,40vw);height:min(56svh,520px);margin:0}}.toast{z-index:8;border:1px solid var(--violet);color:var(--white);opacity:0;pointer-events:none;background:#1b2466;border-radius:6px;padding:10px 18px;font-size:.85rem;font-weight:500;transition:all .25s;position:fixed;bottom:84px;left:50%;transform:translate(-50%)translateY(12px)}.toast.is-on{opacity:1;transform:translate(-50%)translateY(0)}.mute{width:44px;height:44px;color:var(--white);cursor:pointer;backdrop-filter:blur(8px);background:#020c3eb3;border:1px solid #fff3;border-radius:50%;place-items:center;display:grid}.mute svg{width:20px;height:20px}.mute.is-pulsing{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ffe27a80}50%{box-shadow:0 0 0 8px #ffe27a00}}.sway{transform-box:fill-box;transform-origin:50% 100%;animation:4.8s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (width<=640px){.brand .mark{height:52px}.reveal-screen{align-content:start}.btn,.actions .btn-solid,.actions .btn-ghost{flex:none;width:min(220px,100%);height:40px;min-height:40px;max-height:40px;padding:0 14px;font-size:.78rem}.btn-text,.actions .btn-text{flex:none;width:auto;height:auto;min-height:28px;max-height:none;font-size:.75rem}.field{height:42px;font-size:.95rem}.actions{flex-direction:column;flex-grow:0;align-items:center;gap:8px;width:auto;max-width:none;margin-top:14px}.actions .btn-text{order:3}}.app.card-capture{width:430px;padding:28px 22px 36px}.app.card-capture .app-header{margin-bottom:8px}.app.card-capture .screen{animation:none!important}.app.card-capture .reveal-screen{text-align:center!important;grid-template-columns:1fr!important;grid-template-areas:"title""lede""bouquet""phrase"!important;justify-items:center!important;gap:14px!important;width:100%!important;display:grid!important}.app.card-capture .title{max-width:100%!important}.app.card-capture .bouquet-stage{aspect-ratio:600/720;width:100%!important;height:auto!important;margin:0 auto!important}@media (prefers-reduced-motion:reduce){.sway,.screen,.ask-screen,.gate-screen,.mute.is-pulsing{animation:none!important}}
