/* Regalos de ejemplo que se abren con los QR impresos: regalaqr.com/#r-<ocasion> */
.rq-qr .demo-bar,.rq-qr #demo-x,.rq-qr .d-chips,.rq-qr .d-crear{display:none!important}
.rq-qr #demo{padding:0!important;display:block!important;background:#000!important}
.rq-qr .d-regalo,.rq-qr #demo-live .pw{display:block!important}
.rq-qr #demo-body,.rq-qr .d-regalo,.rq-qr #demo-live,.rq-qr #demo-live .pw{width:100vw!important;min-width:0!important;max-width:none!important;height:100%;margin:0!important}
.rq-qr #demo-live .phone{width:100%!important;height:100dvh!important;padding:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;max-width:none!important}
.rq-qr #demo-live .phone::before,.rq-qr #demo-live .phone::after{display:none!important}
.rq-qr #demo-live .screen{width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important}
.rq-qr .d-sobre-w{min-height:100dvh;display:grid;place-content:center;background:var(--fondo-azul,#12203A)}
/* Colores de la ventana del vale por ocasión */
:root,:is([data-rq-occ="aniversario"],[data-rq-occ="boda"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="padre"],[data-rq-occ="santo"]){--pop-a:#C8253F;--pop-ink:#5E1A2D;--pop-soft:#EBC1CC;--pop-veil:rgba(122,31,53,.45);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFF6F8 0%,#FBE2E8 60%,#F4C8D3 100%)}
[data-rq-occ="porque"]{--pop-a:#B3261E;--pop-ink:#5A0F17;--pop-soft:#F2C2C6;--pop-veil:rgba(90,10,25,.55)}
[data-rq-occ="cumple"]{--pop-a:#E8573E;--pop-ink:#3A2A12;--pop-soft:#FFD98A;--pop-veil:rgba(60,40,10,.45);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFFDF3 0%,#FFF0BF 60%,#FFE08A 100%)}
[data-rq-occ="navidad"]{--pop-a:#B3122E;--pop-ink:#3E0A14;--pop-soft:#F2D9A0;--pop-veil:rgba(40,8,14,.55);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFFBF2 0%,#FBEBD3 60%,#F2D9A0 100%)}
[data-rq-occ="invisible"]{--pop-a:#2E7D5B;--pop-ink:#173328;--pop-soft:#BFE2CF;--pop-veil:rgba(10,30,22,.6);--pop-bg:radial-gradient(120% 90% at 50% 0%,#F6FCF8 0%,#E2F3EA 60%,#C7E6D5 100%)}
[data-rq-occ="sobreboda"]{--pop-a:#9C7A35;--pop-ink:#3F3016;--pop-soft:#EBDDBB;--pop-veil:rgba(50,38,14,.5);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFFEFA 0%,#F8F1E1 60%,#EEDFBF 100%)}
[data-rq-occ="soltera"]{--pop-a:#D62B93;--pop-ink:#3B0F4F;--pop-soft:#F7C2E4;--pop-veil:rgba(40,8,50,.6);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFF5FB 0%,#FBE0F1 60%,#F3BFE2 100%)}

[data-rq-occ="sanvalentin"]{--pop-a:#B3261E;--pop-ink:#5A0F17;--pop-soft:#F2C2C6;--pop-veil:rgba(90,10,25,.55)}
[data-rq-occ="regaloboda"]{--pop-a:#9C7A35;--pop-ink:#3F3016;--pop-soft:#EBDDBB;--pop-veil:rgba(50,38,14,.5);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFFEFA 0%,#F8F1E1 60%,#EEDFBF 100%)}
[data-rq-occ="madre"]{--pop-a:#C0567A;--pop-ink:#3E2430;--pop-soft:#F3CFDB;--pop-veil:rgba(60,30,40,.5);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFFBFC 0%,#F7E6EC 60%,#EBD3DD 100%)}
[data-rq-occ="nacimiento"]{--pop-a:#4E86C2;--pop-ink:#1D3550;--pop-soft:#CFE1F3;--pop-veil:rgba(20,40,70,.5);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FBFDFF 0%,#E7F1FB 60%,#CFE1F3 100%)}
[data-rq-occ="jubilacion"]{--pop-a:#D9772B;--pop-ink:#432812;--pop-soft:#F7D9B8;--pop-veil:rgba(60,35,10,.5);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFFCF7 0%,#FBEBD6 60%,#F5D6AF 100%)}
.op-madre{--op-bg:radial-gradient(120% 80% at 50% 20%,#FFF8FA 0%,#F6E1E8 50%,#E3C2CF 100%);--op-ink:#6B2E45;--op-sub:#A0587A;--op-nota:#7D4A5E;--env-a:#E9F0E4;--env-b:#D5E2CD;--env-c:#EEF4EA;--env-d:#CBDBC1;--env-line:#A9BF9B;--tarj-bg:#FFFFFF;--tarj-ink:#6B2E45;--seal:radial-gradient(circle at 35% 30%,#F29BB5,#C0567A 60%,#86304F);--ico:var(--ico-heart);--fx:#E59AB3}
.op-bebe{--op-bg:radial-gradient(120% 80% at 50% 20%,#FFFFFF 0%,#E4F0FB 50%,#BFD8F0 100%);--op-ink:#24466B;--op-sub:#4E86C2;--op-nota:#3A5A7E;--env-a:#FFFFFF;--env-b:#EAF2FB;--env-c:#F6FAFE;--env-d:#DCE9F7;--env-line:#A8C6E6;--tarj-bg:#FFFFFF;--tarj-ink:#4E86C2;--seal:radial-gradient(circle at 35% 30%,#FFE9A8,#F2C24E 60%,#B48A22);--ico:var(--ico-star);--fx:#F2C24E}
.op-jubila{--op-bg:radial-gradient(120% 80% at 50% 20%,#FFE6C2 0%,#F7B26B 50%,#D9772B 100%);--op-ink:#3E2410;--op-sub:#8A3D0E;--op-nota:#4E2E14;--env-a:#FFF7EC;--env-b:#F6E5CC;--env-c:#FFFBF4;--env-d:#EFD9B9;--env-line:#C98A45;--tarj-bg:#FFFFFF;--tarj-ink:#B05A1C;--seal:radial-gradient(circle at 35% 30%,#FFB27A,#E06A2B 60%,#9C3E12);--ico:var(--ico-star);--fx:#FFF1C9}
/* Sobre de apertura por ocasión */
.d-sobre-w.op{position:relative;overflow:hidden;background:var(--op-bg)!important}
.op > *:not(.op-fx){position:relative;z-index:1}
.op h2{color:var(--op-ink)!important;font-family:"Allison","Caveat",cursive!important;font-weight:400!important;font-size:clamp(48px,13vw,64px)!important;line-height:1;letter-spacing:0;text-wrap:balance;padding-inline:16px}
.op .op-sub{margin:-10px 0 0;color:var(--op-sub);font-size:13px;letter-spacing:.24em;text-transform:uppercase;padding-inline:16px}
.op .op-nota{margin:6px 0 0;max-width:290px;color:var(--op-nota);font-size:16px;line-height:1.45;font-style:italic}
.op .d-sobre{margin-top:44px!important}
.op .d-cuerpo{background:linear-gradient(180deg,var(--env-a),var(--env-b))!important;border:1px solid var(--env-line)!important}
.op .d-solapa{background:linear-gradient(180deg,var(--env-c),var(--env-d))!important}
.op .d-tarj{background:var(--tarj-bg)!important;color:var(--tarj-ink)!important;font-family:"Allison","Caveat",cursive!important;font-style:normal!important;font-size:40px!important}
.op .d-lacre i{background:var(--seal)!important}
.op .d-lacre::after{content:"";position:absolute;inset:17px;z-index:2;pointer-events:none;transition:opacity .3s;background:rgba(255,255,255,.88);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.op .d-sobre.abierto .d-lacre::after{opacity:0}
.op .d-pie{color:var(--op-ink)!important;font-size:15px}
.op{--ico-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C5 15 1 11.5 1 6.8 1 3.6 3.5 1 6.6 1c2.1 0 3.9 1.1 5.4 3.1C13.5 2.1 15.3 1 17.4 1 20.5 1 23 3.6 23 6.8 23 11.5 19 15 12 21Z' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
  --ico-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ico-q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 8.5a3.5 3.5 0 1 1 5 3.2c-1 .5-1.5 1.2-1.5 2.3v.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18.5' r='1.3'/%3E%3C/svg%3E");
  --ico-rings:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='14' r='5.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Ccircle cx='15' cy='14' r='5.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M10.5 5.5 12 3.5l1.5 2-1.5 1z' fill='%23000'/%3E%3C/svg%3E")}
.op-rom{--op-bg:radial-gradient(120% 80% at 50% 20%,#FFF4F6 0%,#F9DCE3 45%,#EBB3C1 100%);--op-ink:#7A1F35;--op-sub:#A5405A;--op-nota:#8A2E45;--env-a:#F6CDD6;--env-b:#EDB2C0;--env-c:#F3BFCB;--env-d:#E9A3B4;--env-line:#D98A9D;--tarj-bg:#FFF9F5;--tarj-ink:#7A1F35;--seal:radial-gradient(circle at 35% 30%,#E5566E,#B3243F 60%,#7C1428);--ico:var(--ico-heart);--fx:#D9536F}
.op-porque{--op-bg:radial-gradient(120% 80% at 50% 20%,#B02A48 0%,#7E1428 50%,#4A0916 100%);--op-ink:#FFE7EC;--op-sub:#FFB3C3;--op-nota:#FFD6DE;--env-a:#FBE3E7;--env-b:#F2C6CF;--env-c:#F7D3DA;--env-d:#EDB5C1;--env-line:#FFFFFF;--tarj-bg:#FFF9F5;--tarj-ink:#7E1428;--seal:radial-gradient(circle at 35% 30%,#F0607A,#C21F3D 60%,#7E1428);--ico:var(--ico-heart);--fx:#FF8FA6}
.op-cumple{--op-bg:radial-gradient(120% 80% at 50% 20%,#FFF9E0 0%,#FFE58C 50%,#FFC94D 100%);--op-ink:#3A2A12;--op-sub:#C2410C;--op-nota:#5B4316;--env-a:#7FCBEA;--env-b:#5BB4DB;--env-c:#8FD3EE;--env-d:#4EA3CB;--env-line:#3D8DB5;--tarj-bg:#FFFFFF;--tarj-ink:#C2410C;--seal:radial-gradient(circle at 35% 30%,#FF8A7A,#EF4F5B 60%,#B8323C);--ico:var(--ico-star);--fx:#EF4F5B}
.op-navidad{--op-bg:radial-gradient(120% 80% at 50% 20%,#C2203B 0%,#8E0E24 50%,#550814 100%);--op-ink:#FFF4E0;--op-sub:#F2C76B;--op-nota:#FFE6BD;--env-a:#246B45;--env-b:#1A5134;--env-c:#2A7A4F;--env-d:#184A30;--env-line:#F2C76B;--tarj-bg:#FFF8EC;--tarj-ink:#8E0E24;--seal:radial-gradient(circle at 35% 30%,#FBE3A6,#E2B24E 60%,#9C7322);--ico:var(--ico-star);--fx:#FFFFFF}
.op-invisible{--op-bg:radial-gradient(120% 80% at 50% 20%,#35594B 0%,#1E352D 50%,#0E1A16 100%);--op-ink:#EAF6EF;--op-sub:#9FD8B9;--op-nota:#D2EBDD;--env-a:#3A7360;--env-b:#2B5A4A;--env-c:#448270;--env-d:#285343;--env-line:#9FD8B9;--tarj-bg:#F4FBF7;--tarj-ink:#1E352D;--seal:radial-gradient(circle at 35% 30%,#D8E9A0,#9FB94B 60%,#5E7424);--ico:var(--ico-q);--fx:#9FD8B9}
.op-boda{--op-bg:radial-gradient(120% 80% at 50% 20%,#FFFEF9 0%,#F6EEDB 50%,#E6D6B5 100%);--op-ink:#5B4520;--op-sub:#9C7A35;--op-nota:#6B5530;--env-a:#FFFFFF;--env-b:#F5EEDF;--env-c:#FBF7EE;--env-d:#EFE4CF;--env-line:#C9A24A;--tarj-bg:#FFFFFF;--tarj-ink:#8C6D33;--seal:radial-gradient(circle at 35% 30%,#F3DD9C,#C9A24A 60%,#8E6F2B);--ico:var(--ico-rings);--fx:#C9A24A}
.op-soltera{--op-bg:radial-gradient(120% 80% at 50% 20%,#6A1C88 0%,#3B0F4F 50%,#15061D 100%);--op-ink:#FFE8F7;--op-sub:#FF6CC6;--op-nota:#FFC9EC;--env-a:#FF63C3;--env-b:#E2379E;--env-c:#FF7ACC;--env-d:#CF2A8C;--env-line:#FFD3EE;--tarj-bg:#FFF5FB;--tarj-ink:#B0287A;--seal:radial-gradient(circle at 35% 30%,#FFE08A,#F2B53A 60%,#B07A16);--ico:var(--ico-star);--fx:#FFD86B}

/* Efectos de fondo del sobre */
.op-fx{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.op-fx i{position:absolute;display:block;font-style:normal}
.fx-hearts i{bottom:-40px;width:var(--s);height:var(--s);background:var(--fx);opacity:.55;-webkit-mask:var(--ico-heart-fill) center/contain no-repeat;mask:var(--ico-heart-fill) center/contain no-repeat;animation:fxSube var(--t) linear var(--d) infinite}
.op{--ico-heart-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C5 15 1 11.5 1 6.8 1 3.6 3.5 1 6.6 1c2.1 0 3.9 1.1 5.4 3.1C13.5 2.1 15.3 1 17.4 1 20.5 1 23 3.6 23 6.8 23 11.5 19 15 12 21Z'/%3E%3C/svg%3E");--ico-star-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l2.6 8.4L23 12l-8.4 2.6L12 23l-2.6-8.4L1 12l8.4-2.6z'/%3E%3C/svg%3E")}
.fx-confetti i{top:-30px;width:calc(var(--s) * .45);height:var(--s);border-radius:2px;animation:fxCae var(--t) linear var(--d) infinite}
.fx-confetti i:nth-child(5n+1){background:#EF4F5B}.fx-confetti i:nth-child(5n+2){background:#5BB4DB}.fx-confetti i:nth-child(5n+3){background:#7DC36B}.fx-confetti i:nth-child(5n+4){background:#B57BE0}.fx-confetti i:nth-child(5n){background:#FF9F43}
.fx-snow i{top:-20px;width:calc(var(--s) * .5);height:calc(var(--s) * .5);border-radius:50%;background:var(--fx);opacity:.85;animation:fxNieve calc(var(--t) * 1.4) linear var(--d) infinite}
.fx-question i{bottom:-40px;color:var(--fx);opacity:.35;font:600 calc(var(--s) * 1.8)/1 Georgia,serif;animation:fxSube calc(var(--t) * 1.2) linear var(--d) infinite}
.fx-sparkle i{top:var(--y);width:var(--s);height:var(--s);background:var(--fx);-webkit-mask:var(--ico-star-fill) center/contain no-repeat;mask:var(--ico-star-fill) center/contain no-repeat;animation:fxBrilla calc(var(--t) * .4) ease-in-out var(--d) infinite}
@keyframes fxSube{0%{transform:translateY(0) rotate(-10deg);opacity:0}10%{opacity:.55}90%{opacity:.35}100%{transform:translateY(-110dvh) rotate(14deg);opacity:0}}
@keyframes fxCae{0%{transform:translateY(0) rotate(var(--r))}100%{transform:translateY(110dvh) rotate(calc(var(--r) + 540deg))}}
@keyframes fxNieve{0%{transform:translate(0,0)}50%{transform:translate(14px,55dvh)}100%{transform:translate(-8px,110dvh)}}
@keyframes fxBrilla{0%,100%{transform:scale(.3);opacity:0}50%{transform:scale(1) rotate(45deg);opacity:.9}}
@media (prefers-reduced-motion: reduce){.op-fx i{animation:none!important;top:var(--y);bottom:auto;opacity:.35}}
/* Formato común: intro grande, sin separadores, corazón grande */
:is(.rq-fmt #demo-live, #live, .rq-hero) .intro{gap:22px}
:is(.rq-fmt #demo-live, #live, .rq-hero) .intro .ii{width:230px;height:230px}
:is(.rq-fmt #demo-live, #live, .rq-hero) .intro .ii svg{width:210px;height:210px}
:is(.rq-fmt #demo-live, #live, .rq-hero) .intro .it{font-size:30px}
:is(.rq-fmt #demo-live, #live, .rq-hero) .intro .taps b{transform:scale(1.4)}
:is(.rq-fmt #demo-live, #live, .rq-hero) .intro .ih{font-size:13px}
:is(.rq-fmt #demo-live, #live, .rq-hero) .heart{zoom:1;width:calc(100% + 24px);max-width:none;height:auto;aspect-ratio:auto;margin-inline:-12px;clip-path:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 216'%3E%3Cpath d='M120 216 C40 150 0 110 0 64 C0 28 28 0 64 0 C90 0 110 14 120 34 C130 14 150 0 176 0 C212 0 240 28 240 64 C240 110 200 150 120 216 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 216'%3E%3Cpath d='M120 216 C40 150 0 110 0 64 C0 28 28 0 64 0 C90 0 110 14 120 34 C130 14 150 0 176 0 C212 0 240 28 240 64 C240 110 200 150 120 216 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:1px;background:#FFF}
:is(.rq-fmt #demo-live, #live, .rq-hero) .heart .ph{min-height:0;height:auto;aspect-ratio:1/1;border-radius:0;overflow:hidden;display:block}
:is(.rq-fmt #demo-live, #live, .rq-hero) .heart .ph img{width:100%;height:100%;object-fit:cover;display:block}
:is(.rq-fmt #demo-live, #live, .rq-hero) .g-sec{border:0!important;box-shadow:none!important}
:is(.rq-fmt #demo-live, #live, .rq-hero) .ph.vid.rq-vert{aspect-ratio:4/5!important;height:auto!important;width:62%!important;margin-inline:auto!important;border-radius:14px;overflow:hidden}
:is(.rq-fmt #demo-live, #live, .rq-hero) .ph.vid.rq-vert img{object-position:50% 55%}
/* Canción, carrusel, carta, mapa e historia */
.rq-fmt .ex{display:none!important}
:is(.rq-fmt, #live, .rq-hero) .sp{display:grid;justify-items:center;gap:6px;text-align:center}
:is(.rq-fmt, #live, .rq-hero) .sp-ey{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--p-muted)}
:is(.rq-fmt, #live, .rq-hero) .sp-disc{position:relative;width:190px;height:190px;border-radius:50%;border:0;padding:0;margin:14px 0 8px;cursor:pointer;overflow:hidden;box-shadow:0 18px 40px -18px rgba(90,20,40,.55),0 0 0 8px #fff,0 0 0 9px #EAD3D9}
:is(.rq-fmt, #live, .rq-hero) .sp-disc img{width:100%;height:100%;object-fit:cover;display:block}
:is(.rq-fmt, #live, .rq-hero) .sp-disc.on img{animation:spGira 6s linear infinite}
:is(.rq-fmt, #live, .rq-hero) .sp-btn{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--pop-a);color:#fff;display:grid;place-items:center;font-style:normal;font-size:18px;box-shadow:0 0 0 6px rgba(255,255,255,.85)}
:is(.rq-fmt, #live, .rq-hero) .sp-t{font-family:var(--p-title);font-size:24px;font-weight:500;color:var(--p-ink)}
:is(.rq-fmt, #live, .rq-hero) .sp-s{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--p-muted)}
:is(.rq-fmt, #live, .rq-hero) .sp-card{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px;border-radius:16px;background:#4A5A2B;color:#fff;text-decoration:none;text-align:left}
:is(.rq-fmt, #live, .rq-hero) .sp-card img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}
:is(.rq-fmt, #live, .rq-hero) .sp-i{flex:1;min-width:0;display:grid;gap:3px}
:is(.rq-fmt, #live, .rq-hero) .sp-i b{font-size:16px}
:is(.rq-fmt, #live, .rq-hero) .sp-i span{font-size:13px;opacity:.85}
:is(.rq-fmt, #live, .rq-hero) .sp-i em{font-style:normal;font-size:12px;opacity:.9}
:is(.rq-fmt, #live, .rq-hero) .sp-pl{width:36px;height:36px;border-radius:50%;background:#fff;color:#1E2412;display:grid;place-items:center;font-style:normal;font-size:13px;flex:none}
@keyframes spGira{to{transform:rotate(360deg)}}
:is(.rq-fmt, #live, .rq-hero) .cr{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-22px;padding:4px 22px 10px;scrollbar-width:none}
:is(.rq-fmt, #live, .rq-hero) .cr::-webkit-scrollbar{display:none}
:is(.rq-fmt, #live, .rq-hero) .cr figure{flex:0 0 78%;margin:0;scroll-snap-align:center;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(90,20,40,.45)}
:is(.rq-fmt, #live, .rq-hero) .cr img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
:is(.rq-fmt, #live, .rq-hero) .cr figcaption{padding:12px 14px 14px;text-align:center;font-family:var(--p-title);font-size:19px;color:var(--p-ink)}
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga{display:grid;gap:12px;font-size:17px;line-height:1.55}
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga p{margin:0}
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga p:last-child{font-family:"Allison","Caveat",cursive;font-size:38px;line-height:1;color:var(--p-accent)}
:is(.rq-fmt, #live, .rq-hero) .gmap{background:#DCEAF2!important;border-radius:14px}
:is(.rq-fmt, #live, .rq-hero) .gmap .jvm-region,:is(.rq-fmt, #live, .rq-hero) .gmap path.jvm-region{fill:#F6F0E6!important;stroke:#C9BBA6!important;stroke-width:.35!important;fill-opacity:1!important}
:is(.rq-fmt, #live, .rq-hero) .hi-c{display:grid;justify-items:center;gap:2px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 12px 30px -20px rgba(90,20,40,.4)}
:is(.rq-fmt, #live, .rq-hero) .hi-c b{font-family:var(--p-title);font-size:44px;font-weight:500;color:var(--p-accent);line-height:1}
:is(.rq-fmt, #live, .rq-hero) .hi-c small{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--p-ink)}
:is(.rq-fmt, #live, .rq-hero) .hi-c span{font-size:13px;color:var(--p-muted)}
:is(.rq-fmt, #live, .rq-hero) .hi-w{display:flex;justify-content:center;align-items:center;gap:6px;margin:14px 0 6px;font-size:14px;color:var(--p-ink)}
:is(.rq-fmt, #live, .rq-hero) .hi-w svg,:is(.rq-fmt, #live, .rq-hero) .hi-d svg{width:15px;height:15px;flex:none}
:is(.rq-fmt, #live, .rq-hero) .hi{list-style:none;margin:10px 0 0;padding:0 0 0 16px;display:grid;gap:14px;border-left:1.5px solid #EAD3D9}
:is(.rq-fmt, #live, .rq-hero) .hi li{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:#fff;box-shadow:0 12px 30px -22px rgba(90,20,40,.45)}
:is(.rq-fmt, #live, .rq-hero) .hi li::before{content:"";position:absolute;left:-22px;top:26px;width:10px;height:10px;border-radius:50%;background:var(--pop-a)}
:is(.rq-fmt, #live, .rq-hero) .hi img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
:is(.rq-fmt, #live, .rq-hero) .hi div{min-width:0;display:grid;gap:4px}
:is(.rq-fmt, #live, .rq-hero) .hi-d{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--p-muted)}
:is(.rq-fmt, #live, .rq-hero) .hi b{font-family:var(--p-title);font-size:20px;font-weight:500;color:var(--p-ink)}
:is(.rq-fmt, #live, .rq-hero) .hi p{margin:0;font-size:14px;line-height:1.5;color:var(--p-muted)}
@media (prefers-reduced-motion: reduce){:is(.rq-fmt, #live, .rq-hero) .sp-disc.on img{animation:none}}
.rq-noreply #demo-live .g-rta{display:none!important}
:is(.rq-fmt, #live, .rq-hero) .vq{display:grid;gap:10px;padding:20px;border:1px dashed var(--p-accent);border-radius:16px;text-align:center}
:is(.rq-fmt, #live, .rq-hero) .vq small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-accent)}
:is(.rq-fmt, #live, .rq-hero) .vq b{font-family:var(--p-title);font-size:21px;font-weight:500;color:var(--p-ink);margin-bottom:4px}
:is(.rq-fmt, #live, .rq-hero) .vq button{padding:14px;border-radius:12px;border:1px solid #EAD3D9;background:#fff;font:600 15px var(--f-body);color:var(--p-ink);cursor:pointer}
:is(.rq-fmt, #live, .rq-hero) .vq-err{margin:0;color:#C8253F;font-size:14px;animation:vqTiembla .35s}
:is(.rq-fmt, #live, .rq-hero) .vq-ok{animation:vqSale .6s cubic-bezier(.3,1.4,.5,1)}
@keyframes vqTiembla{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@keyframes vqSale{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
/* Vale especial: ventana emergente romántica */
.rq-pop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));background:var(--pop-veil);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:popFondo .3s ease}
.rq-pop[hidden]{display:none}
.rq-pop-c{position:relative;width:min(100%,360px);padding:34px 24px 26px;border-radius:28px;overflow:hidden;text-align:center;background:var(--pop-bg);color:var(--pop-ink);box-shadow:0 30px 70px -20px rgba(90,20,40,.6);animation:popEntra .55s cubic-bezier(.3,1.5,.5,1);display:grid;gap:12px;justify-items:center}
.rq-pop-c > *{position:relative;z-index:1}
.rq-pop-h{position:absolute!important;inset:0;z-index:0!important;pointer-events:none}
.rq-pop-h i{position:absolute;bottom:-30px;width:var(--s);height:var(--s);fill:var(--pop-soft);opacity:.5;animation:popSube var(--t) linear var(--d) infinite}
.rq-pop-h svg,.rq-pop-burst svg{width:100%;height:100%;display:block}
.rq-pop-x{position:absolute!important;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.7);color:var(--pop-ink);font-size:22px;line-height:1;cursor:pointer}
.rq-pop-ey{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--pop-a)}
.rq-pop h3{margin:0;font-family:"Allison","Caveat",cursive;font-weight:400;font-size:38px;line-height:1.05;color:var(--pop-ink);text-wrap:balance}
.rq-pop-dots{display:flex;gap:6px}
.rq-pop-dots span{width:8px;height:8px;border-radius:50%;background:var(--pop-soft)}
.rq-pop-dots .on{background:var(--pop-a)}.rq-pop-dots .act{background:var(--pop-a);transform:scale(1.35)}
.rq-pop-q{font-family:var(--f-serif,Georgia),serif;font-size:21px;font-weight:600;color:var(--pop-ink);text-wrap:balance}
.rq-pop-o{display:grid;gap:10px;width:100%}
.rq-pop-o button,.rq-pop-go{padding:15px;border-radius:16px;border:0;background:#fff;color:var(--pop-ink);font:600 16px var(--f-body,system-ui);cursor:pointer;box-shadow:0 8px 20px -14px rgba(90,20,40,.6);transition:transform .15s}
.rq-pop-o button:active,.rq-pop-go:active{transform:scale(.97)}
.rq-pop-err{margin:0;min-height:20px;color:var(--pop-a);font-size:14px}
.rq-pop-err:not(:empty){animation:vqTiembla .35s}
.rq-pop-burst{position:absolute!important;left:50%;top:38%;width:0;height:0}
.rq-pop-burst i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;fill:var(--pop-a);animation:popEstalla 1.1s cubic-bezier(.2,.8,.3,1) forwards;transform:rotate(var(--a))}
.rq-pop-vale{display:grid;gap:6px;width:100%;padding:22px 18px;border-radius:18px;background:#fff;border:1.5px dashed var(--pop-a);animation:popVale .7s cubic-bezier(.3,1.5,.5,1) .15s both}
.rq-pop-vale small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--pop-a)}
.rq-pop-vale b{font-family:var(--f-serif,Georgia),serif;font-size:24px;line-height:1.2;color:var(--pop-ink)}
.rq-pop-vale em{font-family:"Allison","Caveat",cursive;font-style:normal;font-size:30px;color:var(--pop-a)}
.rq-pop-go{width:100%;background:var(--pop-a);color:#fff}
@keyframes popFondo{from{opacity:0}}
@keyframes popEntra{from{transform:scale(.6) translateY(30px);opacity:0}}
@keyframes popSube{0%{transform:translateY(0);opacity:0}15%{opacity:.5}100%{transform:translateY(-480px) rotate(20deg);opacity:0}}
@keyframes popEstalla{0%{transform:rotate(var(--a)) translateY(0) scale(.3);opacity:1}100%{transform:rotate(var(--a)) translateY(-150px) scale(1);opacity:0}}
@keyframes popVale{from{transform:scale(.4) rotate(-6deg);opacity:0}}
@keyframes vqTiembla{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (prefers-reduced-motion: reduce){.rq-pop,.rq-pop-c,.rq-pop-h i,.rq-pop-burst i,.rq-pop-vale{animation:none!important}}
:is(.rq-fmt, #live, .rq-hero) .sp-emb{width:100%;height:152px;margin-top:14px;border-radius:12px;background:#4A5A2B}
#demo, #demo *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#demo textarea, #demo input{-webkit-user-select:text;user-select:text}
#demo-live .gmap .rq-num{fill:#fff;font:700 11px system-ui,sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none}
#demo-live .screen:has(> .intro){overflow:hidden!important;touch-action:none}
/* Lista de regalos (solo en la vista previa de Claude) */
#rq-sel{position:fixed;inset:0;z-index:9999;background:#FCF8F6;overflow:auto;padding:24px 16px 40px;font-family:var(--f-body)}
#rq-sel h1{font-family:var(--f-serif);font-size:28px;margin:8px 0 4px;color:#12203A}
#rq-sel p{color:#56524A;font-size:15px;margin-bottom:18px}
#rq-sel .g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-width:720px}
#rq-sel button{border:1px solid #E6E0D3;background:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer;font-size:15px;color:#12203A}
#rq-sel button b{display:block;font-family:var(--f-serif);font-weight:500;font-size:17px}
#rq-sel button small{color:#80631F;font-size:12px}
/* Portada: el sobre ocupa toda la ventana y el botón de cerrar queda encima */
.rq-port .d-sobre-w.op{position:fixed;inset:0;z-index:0;min-height:100dvh;width:100%;display:grid;place-content:center;justify-items:center;text-align:center}
.rq-port #demo-x{z-index:5}

.rq-port #demo:has(.d-sobre-w.op) #demo-x{color:#7A1F35;border-color:rgba(122,31,53,.45);background:rgba(255,255,255,.65)}

/* Nota de voz: la onda avanza de forma continua */
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv{position:relative}
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv-p{position:absolute;left:0;top:0;bottom:0;width:0;overflow:hidden;pointer-events:none}
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv-p > span{position:absolute;left:0;top:0;bottom:0;display:inherit;align-items:inherit;gap:inherit;justify-content:inherit}
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv-p i{background:var(--pop-a)!important;opacity:1!important}
/* Canción: un solo título, disco girando y reproductor enmarcado con los colores del regalo */
:is(.rq-fmt, #live, .rq-hero) .sp-disc{cursor:default}
:is(.rq-fmt, #live, .rq-hero) .sp-disc.on img{animation:spGira 14s linear infinite}
:is(.rq-fmt, #live, .rq-hero) .sp-embw{width:100%;margin-top:10px;padding:8px;border-radius:22px;background:linear-gradient(135deg,var(--pop-soft),color-mix(in srgb,var(--pop-a) 35%,#fff));box-shadow:0 14px 30px -18px color-mix(in srgb,var(--pop-a) 60%,transparent)}
:is(.rq-fmt, #live, .rq-hero) .sp-embw .sp-emb{margin-top:0;background:color-mix(in srgb,var(--pop-a) 20%,#fff)}
/* Aniversario: un fondo degradado que une todas las secciones */
.rq-fmt[data-rq-occ="aniversario"] #demo-live .screen,.rq-hero[data-rq-occ="aniversario"]{background:linear-gradient(180deg,#FFF5F7 0%,#FBE4EB 18%,#FFF7F2 38%,#F8E1E9 58%,#FFF6F0 78%,#F6DCE5 100%)!important}
.rq-fmt[data-rq-occ="aniversario"] #demo-live .g-sec,.rq-fmt[data-rq-occ="aniversario"] #demo-live .g-cover,.rq-hero[data-rq-occ="aniversario"] .g-sec,.rq-hero[data-rq-occ="aniversario"] .g-cover{background:transparent!important}
/* Adviento: sobre de apertura */
.op-adviento{--op-bg:radial-gradient(120% 80% at 50% 20%,#1E3358 0%,#0E1A30 55%,#060C18 100%);--op-ink:#F4F1EA;--op-sub:#E6CD8E;--op-nota:#E9E2CF;--env-a:#7A2436;--env-b:#5E1A29;--env-c:#8A2B3F;--env-d:#561626;--env-line:#C9A24B;--tarj-bg:#FFF8EC;--tarj-ink:#6E2233;--seal:radial-gradient(circle at 35% 30%,#F6E0A3,#C9A24B 60%,#8C6A24);--ico:var(--ico-star);--fx:#FFFFFF}
/* Adviento: casillas envueltas como regalos */
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board .t.desata{animation:advAbre .95s ease forwards;z-index:4}
@keyframes advAbre{0%{transform:rotate(var(--r))}45%{transform:scale(1.08) rotate(0)}70%{transform:scale(1.12) translateY(-4px);filter:brightness(1.35)}100%{transform:scale(1.02);filter:brightness(1.1)}}
:is(.rq-fmt #demo-live, #live, .rq-hero) .audio,:is(.rq-fmt #demo-live, #live, .rq-hero) .vb{grid-template-columns:minmax(0,1fr)}
:is(.rq-fmt #demo-live, #live, .rq-hero) .vrow{min-width:0;max-width:100%}
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv{min-width:0;overflow:hidden}

#demo-live .heart[data-rq],.rq-hero .heart[data-rq]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#live, #live *{-webkit-tap-highlight-color:transparent}
.state-viewer #live, .rq-vopen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#live .screen:has(> .intro){overflow:hidden!important;touch-action:none}
#live .hi-ph{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none;min-height:0}
#live .hi-ph img{width:100%;height:100%;object-fit:cover}
#live .hi .where{display:flex;align-items:center;gap:4px}
#live .sp-disc{display:block}
#live .sp-disc .ph{width:100%;height:100%;border-radius:50%;overflow:hidden;min-height:0}
#live .sp-disc .ph img{width:100%;height:100%;object-fit:cover}
#live .cr .ph{aspect-ratio:4/5;min-height:0;border-radius:0}
#live .cr .ph img{width:100%;height:100%;object-fit:cover}
/* Apertura del regalo recibido */
.d-sobre-w.op.rq-vopen{position:fixed;inset:0;z-index:300;min-height:100dvh;display:grid;place-content:center;justify-items:center;text-align:center;padding-block:24px;transition:opacity .45s ease}
.rq-vopen.fuera{opacity:0;pointer-events:none}
#live .heart{width:100%!important;margin-inline:0!important}
/* Carrusel en cualquier vista previa (portada incluida): se desliza con el dedo y avanza solo */
.screen .cr{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;margin-inline:-22px;padding:4px 22px 10px;scrollbar-width:none}
.screen .cr::-webkit-scrollbar{display:none}
.screen .cr figure{flex:0 0 78%;margin:0;scroll-snap-align:center;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(90,20,40,.45)}
.screen .cr img,.screen .cr .ph{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;min-height:0;border-radius:0}
.screen .cr figcaption{padding:12px 14px 14px;text-align:center;font-family:var(--p-title);font-size:19px;color:var(--p-ink)}
@media (prefers-reduced-motion: reduce){:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board .t.desata{animation:none}}

/* Canción: vinilo con su círculo central y sin verde de Spotify */
.sp-disc .sp-btn{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--pop-a);box-shadow:0 0 0 6px rgba(255,255,255,.85),inset 0 0 0 1px rgba(0,0,0,.08);z-index:2}
.sp-disc .sp-btn::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff}
.sp-disc{position:relative}
:is(.rq-fmt, #live, .rq-hero) .sp-card{background:var(--pop-a)!important}
:is(.rq-fmt, #live, .rq-hero) .sp-pl{color:var(--pop-a)!important}
:is(.rq-fmt, #live, .rq-hero) .sp-embw .sp-emb{background:var(--pop-ink)!important}

/* Adviento: casillas en forma de árbol, sin hueco debajo */
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:52px;gap:6px;zoom:1;position:relative;padding-top:30px;margin-top:4px}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol::before{content:"★";position:absolute;left:50%;top:-4px;transform:translateX(-50%);font-size:30px;line-height:1;color:#E6CD8E;text-shadow:0 0 14px rgba(230,205,142,.7)}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol .t{font-size:17px}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol .t.tronco{background:#6B4A2E!important;color:#F4F1EA!important;margin-inline:8px}
.rq-qr:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .screen{display:flex;flex-direction:column}
.rq-qr:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-root{flex:1;justify-content:center;padding-bottom:24px}
.rq-qr[data-rq-occ="adviento"] .adv-hint{display:none}

/* Nota de voz: solo la capa de progreso marca el avance (sin saltos) */
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv > i.on{background:var(--p-line)!important}
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv-p{will-change:clip-path}
/* Vinilo: botón de play en el centro; gira solo mientras suena */
.sp-disc{border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}
:is(.rq-fmt, #live, .rq-hero) .sp-disc img{animation:spGira 6s linear infinite;animation-play-state:paused}
:is(.rq-fmt, #live, .rq-hero) .sp-disc.on img,:is(.rq-fmt, #live, .rq-hero) .sp-disc.on .ph{animation-play-state:running}
:is(.rq-fmt, #live, .rq-hero) .sp-disc .ph{animation:spGira 6s linear infinite;animation-play-state:paused}
.sp-disc .sp-btn{display:grid;place-items:center;color:#fff;font-style:normal;font-size:18px;padding-left:3px}
.sp-disc.on .sp-btn{padding-left:0;font-size:15px}
.sp-disc .sp-btn::after{content:none}
/* Carta: hoja de papel con márgenes, sin tocar los bordes */
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga, #live .g-letter{position:relative;margin:10px 20px 6px;padding:32px 24px 26px;background:#FFFDF7;border-radius:4px;color:#3A2F2A;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 36px -22px rgba(70,40,30,.45),0 0 0 1px rgba(120,90,60,.08);
  line-height:1.7!important;font-size:16px!important}
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga::before, #live .g-letter::before{content:"";position:absolute;left:50%;top:-9px;width:70px;height:20px;margin-left:-35px;background:rgba(246,220,226,.85);transform:rotate(-2deg);box-shadow:0 1px 2px rgba(0,0,0,.08)}
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga{gap:0!important}
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga p{margin:0 0 12px}
:is(.rq-fmt, #live, .rq-hero) .g-letter.larga p:last-child{line-height:1.1;margin-top:8px}
/* Historia: tarjetas con foto de la pareja a la izquierda y corazones en la línea */
:is(.rq-fmt, #live, .rq-hero) .hi{list-style:none;margin:16px 0 0;padding:0 0 0 24px;display:grid;gap:14px;border:0;position:relative}
:is(.rq-fmt, #live, .rq-hero) .hi::before{content:"";position:absolute;left:8px;top:12px;bottom:12px;border-left:2px dashed color-mix(in srgb,var(--pop-a) 35%,transparent)}
:is(.rq-fmt, #live, .rq-hero) .hi li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px -20px rgba(90,20,40,.45)}
:is(.rq-fmt, #live, .rq-hero) .hi li::before{content:"";position:absolute;left:-23px;top:24px;width:15px;height:14px;background:var(--pop-a);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C5 15 1 11.5 1 6.8 1 3.6 3.5 1 6.6 1c2.1 0 3.9 1.1 5.4 3.1C13.5 2.1 15.3 1 17.4 1 20.5 1 23 3.6 23 6.8 23 11.5 19 15 12 21Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C5 15 1 11.5 1 6.8 1 3.6 3.5 1 6.6 1c2.1 0 3.9 1.1 5.4 3.1C13.5 2.1 15.3 1 17.4 1 20.5 1 23 3.6 23 6.8 23 11.5 19 15 12 21Z'/%3E%3C/svg%3E") center/contain no-repeat}
:is(.rq-fmt, #live, .rq-hero) .hi-f{position:static;flex:none;width:64px;height:64px;margin:2px 0 0;border-radius:16px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 0 0 3px #fff,0 6px 14px -6px rgba(60,20,30,.5)}
:is(.rq-fmt, #live, .rq-hero) .hi li:nth-child(even) .hi-f{transform:rotate(3deg)}
:is(.rq-fmt, #live, .rq-hero) .hi-f img,:is(.rq-fmt, #live, .rq-hero) .hi-f .ph{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important;min-height:0}
:is(.rq-fmt, #live, .rq-hero) .hi-d{position:static;display:inline-block;padding:0;background:none;color:var(--pop-a)!important;font-size:11px!important;font-weight:700;letter-spacing:.12em!important;text-transform:uppercase!important}
:is(.rq-fmt, #live, .rq-hero) .hi-t{padding:0;display:grid;gap:4px;min-width:0}
:is(.rq-fmt, #live, .rq-hero) .hi-t b{font-family:var(--p-title);font-weight:500;font-size:20px;line-height:1.2;color:var(--p-ink)}
:is(.rq-fmt, #live, .rq-hero) .hi-t p{margin:0;font-size:14px;line-height:1.55;color:var(--p-muted)}
/* Contador: anillo en lugar de tarjeta */
:is(.rq-fmt, #live, .rq-hero) .hi-c{display:grid;justify-items:center;gap:10px;padding:0;background:none;box-shadow:none}
:is(.rq-fmt, #live, .rq-hero) .hi-ring{width:170px;height:170px;border-radius:50%;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle,#fff 62%,transparent 63%),conic-gradient(var(--pop-a) 0 72%,color-mix(in srgb,var(--pop-a) 18%,#fff) 72% 100%)}
:is(.rq-fmt, #live, .rq-hero) .hi-ring b{font-family:var(--p-title);font-size:44px;font-weight:500;line-height:1;color:var(--pop-a)}
:is(.rq-fmt, #live, .rq-hero) .hi-ring small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--p-ink);margin-top:4px}
:is(.rq-fmt, #live, .rq-hero) .hi-c > span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--p-muted)}
:is(.rq-fmt, #live, .rq-hero) .hi-c > span svg{width:14px;height:14px}

/* Nota de voz: la capa de progreso usa el mismo dibujo que la onda */
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv-p > span{display:flex!important;align-items:center;gap:2px;height:100%}
:is(.rq-fmt #demo-live, #live, .rq-hero) .wv-p > span > i{flex:1;min-width:1px;border-radius:2px}
/* Adviento: árbol sin tronco */
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol .t.tronco{background:inherit;margin-inline:0}

/* Historia parecida a la referencia: contador en tarjeta, lugar de inicio y fecha con calendario */
:is(.rq-fmt, #live, .rq-hero) .hi-ring{width:auto;height:auto;padding:22px 44px;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 14px 30px -22px rgba(90,20,40,.45);display:grid;justify-items:center;gap:2px}
:is(.rq-fmt, #live, .rq-hero) .hi-ring span{font-size:12px;color:var(--p-muted)}
:is(.rq-fmt, #live, .rq-hero) .hi-c .hi-w{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:14px;color:var(--p-ink)}
:is(.rq-fmt, #live, .rq-hero) .hi-c .hi-w svg{width:15px;height:15px}
:is(.rq-fmt, #live, .rq-hero) .hi-d{display:inline-flex!important;align-items:center;gap:6px}
:is(.rq-fmt, #live, .rq-hero) .hi-d svg{width:13px;height:13px;flex:none}
/* Adviento: márgenes a los lados del árbol y «Feliz Navidad» debajo */
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol{margin-inline:18px}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol::after{content:"Feliz\A Navidad";white-space:pre;grid-column:1 / -1;grid-row:8;justify-self:center;align-self:start;margin-top:26px;text-align:center;font-family:"Allison","Caveat",cursive;font-size:clamp(64px,19vw,84px);line-height:.82;color:#E6CD8E;text-shadow:0 0 22px rgba(230,205,142,.5)}

.rq-hero .heart{width:100%!important;margin-inline:0!important}
.rq-hero .ex{display:none!important}
/* Adviento: foto del día centrada y siempre del mismo tamaño */
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-int img,:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-int .ph.vid{display:block;width:100%;max-width:300px;aspect-ratio:4/5;height:auto;margin:6px auto 10px;object-fit:cover;object-position:50% 35%;border-radius:10px}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-int .ph.vid img{max-width:none;height:100%;margin:0;aspect-ratio:auto;border-radius:0}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-int{text-align:center}

/* Adviento: mini vale del día */
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-int > p{font-size:17px;line-height:1.5;max-width:300px;margin:0 auto 12px;text-wrap:balance}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-mvale{display:grid;gap:2px;width:100%;max-width:300px;margin:4px auto 4px;padding:14px;border:1.5px dashed #C9A24B;border-radius:12px;background:#FFF8EC;color:#3E0A14;text-align:center;font:inherit;cursor:pointer}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-mvale small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8E0E24}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-mvale b{font-size:16px}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-mvale em{font-style:normal;font-size:12px;color:#8C6A24}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-mvale.hecho{border-style:solid;opacity:.85;cursor:default}
[data-rq-occ="adviento"]{--pop-a:#B3122E;--pop-ink:#3E0A14;--pop-soft:#F2D9A0;--pop-veil:rgba(10,18,40,.6);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FFFBF2 0%,#FBEBD3 60%,#F2D9A0 100%)}
/* Preguntas frecuentes en columnas (tantas como quepan) */
#faq .faq{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;align-items:start;max-width:none;margin-top:28px}
#faq .faq details{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--surface,#fff);min-width:0}
#faq .faq details:last-child{border-bottom:1px solid var(--line)}
#faq .faq summary{font-size:18px;line-height:1.3}
/* Adviento: destellos al abrir la casilla y al ganar el minijuego */
.rq-fx{position:fixed;left:0;top:0;z-index:120;pointer-events:none}
.rq-fx i{position:absolute;left:0;top:0;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--c);border-radius:var(--br,50%);animation:rqFx var(--t) cubic-bezier(.15,.7,.3,1) forwards;
  -webkit-mask:var(--m,none) center/contain no-repeat;mask:var(--m,none) center/contain no-repeat}
@keyframes rqFx{0%{transform:translate(0,0) scale(.2) rotate(0);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--rot));opacity:0}}
.rq-flash{position:fixed;inset:0;z-index:119;pointer-events:none;background:radial-gradient(circle at var(--x) var(--y),rgba(255,236,180,.55),transparent 45%);animation:rqFlash .7s ease-out forwards}
@keyframes rqFlash{from{opacity:1}to{opacity:0}}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-rev.fresca .adv-int{animation:rqSube .7s cubic-bezier(.3,1.4,.5,1)}
@keyframes rqSube{from{transform:scale(.7) translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion: reduce){.rq-fx,.rq-flash{display:none}:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-rev.fresca .adv-int{animation:none}}
#faq .wrap{display:block!important}
#faq .wrap > h2{margin-bottom:6px}
#faq .faq{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
/* Adviento: audio del día */
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-aud{display:flex;align-items:center;gap:12px;max-width:300px;margin:4px auto 12px;padding:10px 14px;border-radius:999px;background:#FFF8EC;border:1px solid #E6CD8E}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-aud button{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#B3122E;color:#fff;font-size:14px;cursor:pointer;display:grid;place-items:center}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-aud-b{flex:1;height:6px;border-radius:999px;background:#EAD9B5;overflow:hidden}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-aud-b i{display:block;height:100%;width:0;background:#B3122E;border-radius:inherit}
:is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .rq-aud small{flex:none;font-size:12px;color:#8C6A24}
#live .adv-aud,.adv-int .adv-aud{display:block;width:100%;max-width:300px;margin:6px auto 10px}
.adv-audio audio{width:100%}

/* Navidad: la bola de magia del inicio, más vistosa */
.intro.fx-swing .ii{position:relative;background:radial-gradient(circle at 50% 38%,#24704A 0%,#145036 55%,#0B2E1F 100%);box-shadow:0 0 0 3px #E7B94E,0 0 0 9px rgba(231,185,78,.2),0 0 70px rgba(255,214,120,.35),0 26px 60px -18px rgba(0,0,0,.65)}
.intro.fx-swing .ii::before{content:"";position:absolute;inset:-18px;border-radius:50%;border:3px dotted #FFE7A3;opacity:.85;animation:nvb-luz 1.6s ease-in-out infinite;pointer-events:none}
.intro.fx-swing .ii::after{content:"";position:absolute;inset:8%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 1.4px,transparent 2px) 0 0/34px 34px,radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.6px) 17px 11px/28px 28px;opacity:.35;animation:nvb-nieve 9s linear infinite}
.intro.fx-swing .ii svg{position:relative;z-index:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
@keyframes nvb-luz{50%{opacity:.35;transform:rotate(6deg)}}
@keyframes nvb-nieve{to{background-position:0 34px,17px 39px}}
@media (prefers-reduced-motion:reduce){.intro.fx-swing .ii::before,.intro.fx-swing .ii::after{animation:none}}

/* Adviento: minijuego «Encuentra la estrella» */
.regs{display:flex;justify-content:center;gap:14px;margin:18px 0 6px}
.regs button{width:78px;height:78px;border-radius:16px;border:2px solid rgba(231,185,78,.7);background:linear-gradient(160deg,#C8102E,#8E0B22);color:#FFE7A3;font-size:38px;cursor:pointer;box-shadow:0 8px 18px -8px rgba(0,0,0,.45);transition:transform .2s}
.regs button:not(:disabled):hover{transform:translateY(-3px) rotate(-3deg)}
.regs button.no{opacity:.45;background:#6b5a5a}
.regs button.si{background:linear-gradient(160deg,#F2CF6B,#C9962E);color:#fff;font-size:44px;animation:regs-si .6s ease}
@keyframes regs-si{40%{transform:scale(1.18) rotate(6deg)}}

/* Adviento de ejemplo: minijuegos de cada casilla */
.mj{display:flex;flex-direction:column;align-items:center;gap:12px;margin:14px 0 4px}
.mj .b{min-width:58px;height:58px;padding:0 10px;border-radius:14px;border:2px solid rgba(231,185,78,.7);background:linear-gradient(160deg,#C8102E,#8E0B22);color:#FFE7A3;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 18px -8px rgba(0,0,0,.45);transition:transform .25s,background .25s,opacity .25s;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.mj .b.txt{font-size:15px;font-weight:600;height:46px;padding:0 16px}
.mj .b.ok,.mj .b.si{background:linear-gradient(160deg,#F2CF6B,#C9962E);color:#fff}
.mj .b.no{opacity:.4}
.mj .b:disabled{cursor:default}
.mj-fila,.mj-rej,.mj-col{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.mj-rej{display:grid;grid-template-columns:repeat(3,58px)}
.mj-col{flex-direction:column}
.mj-arbol{font-size:64px;line-height:1}
.mj-cuenta{font-size:30px;letter-spacing:4px}
.mj-palabra{font:600 26px/1 Georgia,serif;letter-spacing:4px;color:#FFE7A3}
.mj-pista{margin:0;font-size:13px;opacity:.8}
.mj .b.luz{color:#555;font-size:22px}.mj .b.luz.ok{color:#FFF6C8;text-shadow:0 0 12px #FFD54F}
.mj .b.est{color:#9AA0B5;background:#1E2A4A}.mj .b.est.oro{color:#FFD54F;text-shadow:0 0 10px #FFD54F}
.mj-mem .b span{visibility:hidden}.mj-mem .b.vista span{visibility:visible}.mj-mem .b.vista{background:#fff}
.mj-mem .b::after{content:"?";position:absolute}.mj-mem .b{position:relative;display:grid;place-items:center}.mj-mem .b.vista::after{content:none}
.mj-mun{display:flex;flex-direction:column;align-items:center;min-height:90px;justify-content:flex-end;line-height:.8}
.mj-mun .p0{font-size:52px}.mj-mun .p1{font-size:36px}.mj-mun .p2{font-size:30px}
.mj .mj-gordo{width:110px;height:110px;font-size:58px;border-radius:24px}
.mj .mj-taza{touch-action:none}
.mj-barra{width:180px;height:10px;border-radius:6px;background:rgba(255,255,255,.2);overflow:hidden}.mj-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8B4A24,#D9A066)}
.mj-cielo{position:relative;width:240px;height:150px;border-radius:16px;background:radial-gradient(circle at 30% 20%,#2C3E70,#0D1430);overflow:hidden}
.mj .fugaz{position:absolute;width:56px;height:56px;padding:0;background:none;border:0;box-shadow:none;font-size:34px;animation:mj-fugaz 3.2s linear infinite}
.mj .fugaz.si{animation-play-state:paused;background:none}
@keyframes mj-fugaz{0%{left:-50px;top:10px}100%{left:240px;top:90px}}
.mj .con-estrella{position:relative}.mj .con-estrella::before{content:"⭐";position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:30px}
.mj-rueda{position:relative;width:150px;height:150px}.mj-rueda i{position:absolute;inset:0;border-radius:50%;border:4px solid #E7B94E;background:conic-gradient(#C8102E 0 60deg,#1F6B45 0 120deg,#E7B94E 0 180deg,#C8102E 0 240deg,#1F6B45 0 300deg,#E7B94E 0);transition:transform 2.2s cubic-bezier(.2,.7,.2,1)}.mj-rueda b{position:absolute;top:-14px;left:50%;transform:translateX(-50%);color:#fff;font-size:20px}
.mj .b.dig{font:700 30px/1 Georgia,serif;width:58px}
.mj-copas{transition:gap .4s}.mj-copas.juntas{gap:0}.mj-copas.juntas .b:first-child{transform:rotate(12deg)}.mj-copas.juntas .b:last-child{transform:rotate(-12deg) scaleX(-1)}
@media (prefers-reduced-motion:reduce){.mj .fugaz{animation-duration:8s}}

/* Calendario de Adviento con forma de árbol también en la web real (editor, regalo y miniatura) */
#live .adv-board.arbol{margin-bottom:128px}
.adv-mini .adv-board.arbol{grid-auto-rows:40px!important;gap:5px!important;margin-bottom:96px!important}
.adv-mini .adv-board.arbol::after{font-size:58px!important;margin-top:12px!important}
html[lang="en"] :is([data-rq-occ="adviento"] #demo-live, #live, .adv-mini) .adv-board.arbol::after{content:"Merry\A Christmas"}
/* Tarjeta del QR de portada según la ocasión del móvil del centro */
.stage .giftcard{transition:border-color .5s,background-color .5s}
.stage .giftcard .gc-oc{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin:0 0 6px;white-space:nowrap}
.stage .giftcard .qrbox{background:#fff;position:relative}
.stage .giftcard .script.largo{font-size:16px!important}
.stage .giftcard[data-tema=amor]{background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M11 15c-2-3-7-2-6 2 1 3 6 6 6 6s5-3 6-6c1-4-4-5-6-2z' fill='%2380631F' fill-opacity='.13'/%3E%3Cpath d='M33 36c-1.5-2-5-1.5-4.5 1.5.7 2 4.5 4.5 4.5 4.5s3.8-2.5 4.5-4.5c.5-3-3-3.5-4.5-1.5z' fill='%2380631F' fill-opacity='.1'/%3E%3C/svg%3E")}
.stage .giftcard[data-tema=amor] .gc-oc{color:#80631F}
.stage .giftcard[data-tema=navidad]{background:#FFFDF8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none' stroke-linecap='round'%3E%3Cg stroke='%23A61E2D' stroke-opacity='.2' stroke-width='1.2'%3E%3Cpath d='M11 5v12M5 11h12M7 7l8 8M15 7l-8 8'/%3E%3C/g%3E%3Cg stroke='%231F6B43' stroke-opacity='.2' stroke-width='1.2'%3E%3Cpath d='M34 28v10M29 33h10M30.5 29.5l7 7M37.5 29.5l-7 7'/%3E%3C/g%3E%3C/svg%3E");border-color:#A61E2D}
.stage .giftcard[data-tema=navidad] .ribbon,.stage .giftcard[data-tema=navidad] .script{color:#A61E2D}
.stage .giftcard[data-tema=navidad] .gc-oc{color:#1F6B43}
.stage .giftcard[data-tema=cumple]{background:#FFFDF3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Ccircle cx='7' cy='9' r='2' fill='%23F2B705' fill-opacity='.5'/%3E%3Crect x='30' y='6' width='6' height='2.4' rx='1' transform='rotate(30 33 7)' fill='%23E5568A' fill-opacity='.35'/%3E%3Ccircle cx='38' cy='34' r='1.8' fill='%233B82C4' fill-opacity='.35'/%3E%3Crect x='10' y='34' width='6' height='2.4' rx='1' transform='rotate(-25 13 35)' fill='%23F2B705' fill-opacity='.5'/%3E%3Ccircle cx='24' cy='22' r='1.4' fill='%23E5568A' fill-opacity='.3'/%3E%3C/svg%3E");border-color:#E8B923}
.stage .giftcard[data-tema=cumple] .ribbon{color:#E0A800}
.stage .giftcard[data-tema=cumple] .script{color:#9A6400}
.stage .giftcard[data-tema=cumple] .gc-oc{color:#C2457A}
.stage .giftcard.gc-cambia{animation:gcCambia .6s ease}
@keyframes gcCambia{0%{opacity:.35;transform:rotate(-4deg) scale(.94)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.stage .giftcard.gc-cambia{animation:none}}

/* Canción en los ejemplos: disco más pequeño y tarjeta de Spotify alargada, como la real */
:is(.rq-fmt, #live, .rq-hero) .sp-disc{width:132px;height:132px;margin:10px auto 6px;box-shadow:0 12px 26px -14px rgba(90,20,40,.5),0 0 0 5px #fff,0 0 0 6px #EAD3D9}
:is(.rq-fmt, #live, .rq-hero) .sp-disc .sp-btn,.sp-disc .sp-btn{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:14px;box-shadow:0 0 0 4px rgba(255,255,255,.85)}
:is(.rq-fmt, #live, .rq-hero) .sp-card{position:relative;gap:12px;padding:0 12px 0 0;min-height:64px;border-radius:12px;overflow:hidden;align-items:center}
:is(.rq-fmt, #live, .rq-hero) .sp-card img{width:64px;height:64px;border-radius:0;align-self:stretch}
:is(.rq-fmt, #live, .rq-hero) .sp-i{padding:10px 0;gap:2px}
:is(.rq-fmt, #live, .rq-hero) .sp-i b{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.rq-fmt, #live, .rq-hero) .sp-i span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.rq-fmt, #live, .rq-hero) .sp-i em{display:none}
:is(.rq-fmt, #live, .rq-hero) .sp-pl{width:32px;height:32px;font-size:12px}
.rq-hero .sp-disc{width:110px;height:110px}

/* ===== Amigo invisible de ejemplo: expediente secreto ===== */
[data-rq-occ="invisible"] #demo-live .screen,.screen.rq-inv{--inv-bg:#0F1F19;--inv-bg2:#1A3A30;--inv-c2:#163128;--inv-c3:#24493D;--inv-c4:#2C5A4B;--inv-sil:#5E8F7C;--inv-hi:#D9F2E5;--inv-deep:#173328;--inv-ok:#2E7D5B;--inv-mint-rgb:159,216,185;--inv-ink:#EAF6EF;--inv-mut:#A9C9B9;--inv-mint:#9FD8B9;--inv-gold:#E9C46A;--inv-red:#E0524A;--inv-paper:#FBF6EA;--p-accent:#E9C46A;--p-ink:#EAF6EF;--p-muted:#9FD8B9;background:radial-gradient(120% 60% at 50% 0%,var(--inv-c3) 0%,var(--inv-bg2) 35%,var(--inv-bg) 100%) fixed;color:var(--inv-ink)}
[data-rq-occ="invisible"] #demo-live .intro,.rq-inv .intro{background:radial-gradient(120% 70% at 50% 30%,var(--inv-c3) 0%,var(--inv-bg2) 40%,var(--inv-bg) 100%);color:var(--inv-ink)}
[data-rq-occ="invisible"] #demo-live .intro .ii,.rq-inv .intro .ii{background:radial-gradient(circle at 50% 38%,var(--inv-c4),var(--inv-c2));color:var(--inv-gold);box-shadow:0 0 0 3px var(--inv-mint),0 0 0 10px rgba(var(--inv-mint-rgb),.15),0 0 60px rgba(var(--inv-mint-rgb),.25)}
[data-rq-occ="invisible"] #demo-live .intro :is(h3,h2,p,small,.dots){color:var(--inv-ink)}
.rq-inv .g-cover{position:relative;background:none;color:var(--inv-ink);text-align:center;padding:44px 22px 30px;overflow:visible}
.rq-inv .g-cover .cf,.rq-inv .g-cover .orn{display:none}
.rq-inv .inv-q{width:92px;height:92px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;font:700 54px/1 Georgia,serif;color:var(--inv-bg);background:radial-gradient(circle at 35% 30%,var(--inv-hi),var(--inv-mint));box-shadow:0 0 0 6px rgba(var(--inv-mint-rgb),.18),0 0 50px rgba(var(--inv-mint-rgb),.45);animation:inv-lat 2.6s ease-in-out infinite}
@keyframes inv-lat{50%{transform:scale(1.06) rotate(-4deg)}}
.rq-inv .inv-sello{display:inline-block;transform:rotate(-6deg);margin:0 0 14px;border:2.5px solid var(--inv-red);color:var(--inv-red);font:800 11px/1 "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;border-radius:4px;opacity:.9}
.rq-inv .inv-exp{font:600 10px/1.4 "Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--inv-mint);margin:0 0 8px}
.rq-inv .g-cover h3{color:var(--inv-ink);font-size:34px;margin:0 0 6px}
.rq-inv .g-cover .g-hand{color:var(--inv-gold);font-size:22px;margin:0 0 18px}
.rq-inv .inv-baja{font-size:12px;color:var(--inv-mut);margin:0}
.rq-inv .g-sec{background:none;border:0;color:var(--inv-ink)}
.rq-inv .g-sec h4,.rq-inv .inv-h{color:var(--inv-ink);font-size:22px;font-family:Georgia,serif;font-weight:400;margin:0 0 6px}
.rq-inv .inv-h small{display:block;font:700 10px/1.6 "Courier New",monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--inv-mint)}
.rq-inv .inv-sub{margin:0 0 14px;font-size:13px;color:var(--inv-mut)}
.rq-inv .inv-pistas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rq-inv .inv-pista{position:relative;height:118px;border:0;padding:0;background:none;perspective:700px;cursor:pointer;font:inherit}
.rq-inv .inv-pista>span{position:absolute;inset:0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;backface-visibility:hidden;transition:transform .6s cubic-bezier(.3,.7,.3,1.2);padding:10px}
.rq-inv .inv-pista .fr{background:linear-gradient(160deg,var(--inv-c4),var(--inv-c2));border:1.5px dashed rgba(var(--inv-mint-rgb),.55);color:var(--inv-mint)}
.rq-inv .inv-pista .fr small{font:700 10px/1 "Courier New",monospace;letter-spacing:.2em;text-transform:uppercase}
.rq-inv .inv-pista .fr b{font:700 38px/1 Georgia,serif;color:var(--inv-gold)}
.rq-inv .inv-pista .bk{background:var(--inv-paper);color:#2A2A2A;transform:rotateY(180deg);font-size:13px;line-height:1.3;text-align:center;font-weight:600;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.rq-inv .inv-pista .bk i{font-style:normal;font-size:28px}
.rq-inv .inv-pista.on .fr{transform:rotateY(-180deg)}.rq-inv .inv-pista.on .bk{transform:rotateY(0)}
.rq-inv .inv-cont{margin:12px 0 0;text-align:center;font:600 12px/1.4 "Courier New",monospace;color:var(--inv-gold)}
.rq-inv .inv-nota{position:relative;background:var(--inv-paper);color:#2B2B2B;border-radius:4px;padding:22px 20px 18px;font:15px/1.55 "Courier New",monospace;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);transform:rotate(-.6deg)}
.rq-inv .inv-nota::before{content:"";position:absolute;top:-10px;left:50%;width:90px;height:22px;transform:translateX(-50%) rotate(-2deg);background:rgba(233,196,106,.7)}
.rq-inv .inv-nota p{margin:0 0 10px}
.rq-inv .inv-rec{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0 16px}
.rq-inv .inv-rec span{display:inline-block;padding:3px 5px;font-size:22px;font-weight:700;color:#1B1B1B;box-shadow:0 2px 4px rgba(0,0,0,.18)}
.rq-inv .inv-rec .sp{width:10px}
.rq-inv .inv-firma{font:700 44px/1 Georgia,serif;color:var(--inv-red);text-align:right;margin:0!important}
.rq-inv .ticket{background:linear-gradient(160deg,var(--inv-c3),var(--inv-c2));border:1.5px dashed var(--inv-gold);color:var(--inv-ink)}
.rq-inv .ticket small{color:var(--inv-gold)}.rq-inv .ticket b{color:var(--inv-ink)}.rq-inv .ticket em{color:var(--inv-mint)}.rq-inv .ticket svg{color:var(--inv-gold)}
.rq-inv .ticket::before,.rq-inv .ticket::after{background:var(--inv-bg2)}
.rq-inv .cr figcaption{color:var(--inv-deep)}
.rq-inv .cr figure{--p-ink:var(--inv-deep)}
.rq-inv .sp-ey{color:var(--inv-mint)}
.rq-inv .inv-sos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rq-inv .inv-s{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;border-radius:16px;border:1.5px solid rgba(var(--inv-mint-rgb),.35);background:linear-gradient(170deg,var(--inv-c3),var(--inv-c2));color:var(--inv-ink);font:inherit;cursor:pointer;transition:transform .2s,opacity .3s,border-color .3s}
.rq-inv .inv-s:not(:disabled):active{transform:scale(.96)}
.rq-inv .inv-s .av{width:58px;height:58px;border-radius:50%;background:var(--inv-bg);color:var(--inv-sil);display:grid;place-items:center;overflow:hidden;border:2px solid rgba(var(--inv-mint-rgb),.35)}
.rq-inv .inv-s .av svg{width:46px;height:46px;margin-top:10px}
.rq-inv .inv-s b{font-size:16px}.rq-inv .inv-s small{font-size:11px;color:var(--inv-mut);text-align:center;line-height:1.3}
.rq-inv .inv-s em{font-style:normal;font-size:11px;line-height:1.3;color:var(--inv-red);text-align:center}
.rq-inv .inv-s.no{opacity:.55;animation:inv-no .4s}
.rq-inv .inv-s.no .av{position:relative}.rq-inv .inv-s.no .av::after{content:"✕";position:absolute;font:700 40px/1 sans-serif;color:var(--inv-red)}
.rq-inv .inv-s.si{border-color:var(--inv-gold);box-shadow:0 0 0 3px rgba(233,196,106,.35)}
@keyframes inv-no{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.rq-inv .inv-msg{min-height:20px;margin:12px 0 4px;text-align:center;font-weight:600;color:var(--inv-gold)}
.rq-inv .inv-rindo{display:block;margin:0 auto;background:none;border:0;color:var(--inv-mut);text-decoration:underline;font:inherit;font-size:13px;cursor:pointer}
.rq-inv .inv-rev{position:relative;margin-top:16px;padding:26px 20px 22px;border-radius:20px;text-align:center;background:var(--inv-paper);color:#2A2A2A;box-shadow:0 24px 50px -20px rgba(0,0,0,.8);opacity:0;transform:scale(.85);transition:opacity .5s,transform .6s cubic-bezier(.3,1.4,.4,1)}
.rq-inv .inv-rev.on{opacity:1;transform:none}
.rq-inv .inv-rev img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid var(--inv-gold);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.rq-inv .inv-rev h3{font:400 30px/1.15 Georgia,serif;margin:14px 0 8px;color:var(--inv-deep)}
.rq-inv .inv-rev p{margin:0;font-size:15px;line-height:1.5}
.rq-inv .inv-rev .inv-sello{color:var(--inv-ok);border-color:var(--inv-ok)}
.rq-pop .rq-qm{font:700 var(--s,16px)/1 Georgia,serif;color:var(--pop-a)}
.rq-inv .inv-rev img{display:block;margin:0 auto}
.rq-inv .inv-s .av img{width:100%;height:100%;object-fit:cover}
[data-rq-occ="invisible"] #demo-live .intro .it,.rq-inv .intro .it{color:var(--inv-ink);font-family:Georgia,serif}
[data-rq-occ="invisible"] #demo-live .intro .ih,.rq-inv .intro .ih{color:var(--inv-mint)}
[data-rq-occ="invisible"] #demo-live .intro i,.rq-inv .intro i{color:var(--inv-gold)}
.rq-inv .inv-rindo[hidden]{display:none}
/* Sobre del amigo invisible: interrogantes grandes que suben */
.fx-question i{font-size:calc(var(--s) * 4.6)!important;color:var(--fx);text-shadow:0 0 30px currentColor;bottom:-160px;animation:fxSubeQ calc(var(--t) * .55) linear var(--d) infinite!important}
@keyframes fxSubeQ{0%{transform:translateY(0) rotate(-12deg);opacity:0}12%{opacity:.26}85%{opacity:.18}100%{transform:translateY(-125dvh) rotate(16deg);opacity:0}}
.fx-question i:nth-child(3n){color:#E9C46A}
/* Amigo invisible: sopa de letras, intentos, imagen del caso */
.rq-inv .inv-sopaw{margin-top:22px;padding:16px 12px 14px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(var(--inv-mint-rgb),.2)}
.rq-inv .inv-sopaw h5{margin:0 0 4px;font:700 11px/1.4 "Courier New",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--inv-gold)}
.rq-inv .inv-sopa{display:grid;grid-template-columns:repeat(11,1fr);gap:2px;background:var(--inv-paper);padding:6px;border-radius:8px}
.rq-inv .inv-sopa button{aspect-ratio:1;border:0;padding:0;background:none;font:700 14px/1 "Courier New",monospace;color:var(--inv-deep);border-radius:50%;cursor:pointer}
.rq-inv .inv-sopa button.on{background:var(--inv-gold);color:#1B1B1B}
.rq-inv .inv-int{margin:0 0 12px;font:600 12px/1 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--inv-mint)}
.rq-inv .inv-int b{color:var(--inv-gold);font-size:16px}
.rq-inv .inv-rev .inv-rev-i{font-weight:700;color:var(--inv-ok);margin:0 0 8px}
.rq-inv .inv-img{margin-top:16px;border:0;border-radius:999px;padding:12px 20px;background:var(--inv-deep);color:#FBF6EA;font:600 14px/1 inherit;font-family:inherit;cursor:pointer}
.rq-inv .inv-ini{display:grid;place-items:center;width:100%;height:100%;font:700 26px/1 Georgia,serif;color:var(--inv-bg);background:var(--inv-mint)}
.rq-inv .inv-rev .inv-ini{width:140px;height:140px;margin:0 auto;border-radius:50%;font-size:64px;border:5px solid var(--inv-gold)}
.rq-pop .rq-pop-sub{margin:-4px 0 10px;font-size:13px;line-height:1.45;opacity:.8}
.rq-pop .rq-pop-pista{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:rgba(46,125,91,.1);color:var(--pop-a);font-size:13px;font-weight:600}
.rq-pop .rq-pop-pistas{display:flex;flex-direction:column;gap:6px;margin:14px 0 4px;text-align:left;font-size:13px}
.rq-pop .rq-pop-pistas small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.rq-pop .rq-pop-pista.perdida,.rq-pop .rq-pop-pistas .perdida{color:#B23A32;background:rgba(224,82,74,.1)}
.rq-pop .rq-pop-pistas .perdida{background:none;opacity:.8}
/* Amigo invisible: la confesión, sellada hasta que la tocas */
.rq-inv .inv-conf{position:relative;display:block;width:100%;padding:22px 18px;border-radius:16px;border:1.5px solid rgba(224,82,74,.6);background:var(--inv-paper);color:#2B2B2B;font:inherit;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 16px 36px -18px rgba(0,0,0,.7)}
.rq-inv .inv-conf p{margin:0;font:italic 18px/1.5 Georgia,serif;filter:blur(7px);transition:filter .7s}
.rq-inv .inv-conf-s{position:absolute;top:50%;left:50%;z-index:1;width:64px;height:64px;margin:-46px 0 0 -32px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 35% 30%,#F07B73,#B5322A);box-shadow:0 6px 16px rgba(0,0,0,.35);transition:transform .5s,opacity .5s}
.rq-inv .inv-conf-t{position:absolute;left:0;right:0;top:50%;margin-top:26px;z-index:1;text-align:center;font:700 10px/1.4 "Courier New",monospace;letter-spacing:.16em;text-transform:uppercase;color:#B5322A;transition:opacity .4s}
.rq-inv .inv-conf.on p{filter:none}
.rq-inv .inv-conf.on .inv-conf-s{transform:scale(1.6) rotate(25deg);opacity:0}
.rq-inv .inv-conf.on .inv-conf-t{opacity:0}

/* Amigo invisible para ella: ciruela y champán, sutil (para él se queda el verde) */
html.inv-c-ciruela .screen.rq-inv,html.inv-c-ciruela[data-rq-occ="invisible"] #demo-live .screen{--inv-bg:#1B1320;--inv-bg2:#2D1F33;--inv-c2:#2A1C30;--inv-c3:#43304A;--inv-c4:#523A59;--inv-sil:#8E7896;--inv-hi:#F1E6F2;--inv-deep:#3A2440;--inv-ok:#7A4E86;--inv-mint-rgb:214,196,222;--inv-mint:#D6C4DE;--inv-mut:#BCA9C2;--inv-gold:#E6C79C;--inv-ink:#F5EEF6;--p-accent:#E6C79C;--p-ink:#F5EEF6;--p-muted:#D6C4DE}
html.inv-c-ciruela .op-invisible,.op-invisible.inv-co-ciruela{--op-bg:radial-gradient(120% 80% at 50% 20%,#4E3757 0%,#2D1F33 50%,#160F1A 100%);--op-ink:#F5EEF6;--op-sub:#D6C4DE;--op-nota:#E6DAEA;--env-a:#6A4B73;--env-b:#553C5E;--env-c:#7A5884;--env-d:#4D3555;--env-line:#D6C4DE;--tarj-bg:#FBF7FC;--tarj-ink:#2D1F33;--seal:radial-gradient(circle at 35% 30%,#F3DDB8,#D9B47E 60%,#9C7442);--fx:#D6C4DE}
html.inv-c-ciruela[data-rq-occ="invisible"]{--pop-a:#7A4E86;--pop-ink:#3A2440;--pop-soft:#E2D3E8;--pop-veil:rgba(30,16,36,.6);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FCF9FD 0%,#F1E8F4 60%,#E2D3E8 100%)}
html:is(.inv-c-ciruela,.inv-c-burdeos) .fx-question i:nth-child(3n),:is(.inv-co-ciruela,.inv-co-burdeos) .fx-question i:nth-child(3n){color:#E6C79C}
/* Amigo invisible: la foto pixelada de su cosa favorita */
.rq-inv .inv-obj{border-radius:18px;overflow:hidden;border:4px solid var(--inv-paper);box-shadow:0 18px 40px -18px rgba(0,0,0,.7);aspect-ratio:1;background:var(--inv-c2)}
.rq-inv .inv-obj canvas{display:block;width:100%;height:100%}
.rq-inv .inv-enf{display:block;margin:14px auto 0;border:1.5px solid rgba(var(--inv-mint-rgb),.5);border-radius:999px;padding:10px 18px;background:none;color:var(--inv-ink);font:600 13px/1 inherit;font-family:inherit;cursor:pointer}
.rq-inv .inv-enf:disabled{opacity:.6;cursor:default}
.rq-inv .inv-enf[hidden]{display:none}

/* Amigo invisible: otras paletas a elegir */
html.inv-c-noche .screen.rq-inv,html.inv-c-noche[data-rq-occ="invisible"] #demo-live .screen{--inv-bg:#0F1626;--inv-bg2:#1C2940;--inv-c2:#18233A;--inv-c3:#2A3B5C;--inv-c4:#33476B;--inv-sil:#6E83A8;--inv-hi:#E3EAF6;--inv-deep:#1C2940;--inv-ok:#3A5A8C;--inv-mint-rgb:184,201,230;--inv-mint:#B8C9E6;--inv-mut:#A3B2CC;--inv-gold:#E9C46A;--inv-ink:#EEF2FA;--p-accent:#E9C46A;--p-ink:#EEF2FA;--p-muted:#B8C9E6}
html.inv-c-noche .op-invisible,.op-invisible.inv-co-noche{--op-bg:radial-gradient(120% 80% at 50% 20%,#34476B 0%,#1C2940 50%,#0B111D 100%);--op-ink:#EEF2FA;--op-sub:#B8C9E6;--op-nota:#E3EAF6;--env-a:#3B5279;--env-b:#2F4466;--env-c:#46608A;--env-d:#2A3D5C;--env-line:#B8C9E6;--tarj-bg:#FBFBFC;--tarj-ink:#1C2940;--seal:radial-gradient(circle at 35% 30%,#F6E3A8,#E1BE62 60%,#A07F2A);--fx:#B8C9E6}
html.inv-c-noche[data-rq-occ="invisible"]{--pop-a:#3A5A8C;--pop-ink:#1C2940;--pop-soft:#D3DDEE;--pop-veil:rgba(12,20,36,.6);--pop-bg:radial-gradient(120% 90% at 50% 0%,#F8FAFD 0%,#E9EFF8 60%,#D3DDEE 100%)}
html.inv-c-burdeos .screen.rq-inv,html.inv-c-burdeos[data-rq-occ="invisible"] #demo-live .screen{--inv-bg:#1E0F12;--inv-bg2:#33191E;--inv-c2:#2E161B;--inv-c3:#4A2229;--inv-c4:#5A2A33;--inv-sil:#9A6F76;--inv-hi:#F6E7E9;--inv-deep:#3A1A20;--inv-ok:#8C3A46;--inv-mint-rgb:232,196,200;--inv-mint:#E8C4C8;--inv-mut:#C9A7AB;--inv-gold:#E6C79C;--inv-ink:#F8EEEF;--p-accent:#E6C79C;--p-ink:#F8EEEF;--p-muted:#E8C4C8}
html.inv-c-burdeos .op-invisible,.op-invisible.inv-co-burdeos{--op-bg:radial-gradient(120% 80% at 50% 20%,#5A2A33 0%,#33191E 50%,#170A0D 100%);--op-ink:#F8EEEF;--op-sub:#E8C4C8;--op-nota:#F6E7E9;--env-a:#6A2F3A;--env-b:#55252F;--env-c:#7A3846;--env-d:#4C222A;--env-line:#E8C4C8;--tarj-bg:#FBFBFC;--tarj-ink:#33191E;--seal:radial-gradient(circle at 35% 30%,#F3DDB8,#D9B47E 60%,#9C7442);--fx:#E8C4C8}
html.inv-c-burdeos[data-rq-occ="invisible"]{--pop-a:#8C3A46;--pop-ink:#3A1A20;--pop-soft:#EDD3D6;--pop-veil:rgba(30,10,14,.6);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FDF8F8 0%,#F6EAEB 60%,#EDD3D6 100%)}
html.inv-c-grafito .screen.rq-inv,html.inv-c-grafito[data-rq-occ="invisible"] #demo-live .screen{--inv-bg:#141517;--inv-bg2:#232528;--inv-c2:#1E2023;--inv-c3:#2E3135;--inv-c4:#3A3E43;--inv-sil:#7D8389;--inv-hi:#ECEEF0;--inv-deep:#2A2D31;--inv-ok:#4C5560;--inv-mint-rgb:200,205,210;--inv-mint:#C8CDD2;--inv-mut:#A9AFB5;--inv-gold:#E9C46A;--inv-ink:#F2F3F5;--p-accent:#E9C46A;--p-ink:#F2F3F5;--p-muted:#C8CDD2}
html.inv-c-grafito .op-invisible,.op-invisible.inv-co-grafito{--op-bg:radial-gradient(120% 80% at 50% 20%,#3A3E43 0%,#232528 50%,#0E0F10 100%);--op-ink:#F2F3F5;--op-sub:#C8CDD2;--op-nota:#ECEEF0;--env-a:#474C52;--env-b:#3A3E43;--env-c:#555B62;--env-d:#33373C;--env-line:#C8CDD2;--tarj-bg:#FBFBFC;--tarj-ink:#232528;--seal:radial-gradient(circle at 35% 30%,#F6E3A8,#E1BE62 60%,#A07F2A);--fx:#C8CDD2}
html.inv-c-grafito[data-rq-occ="invisible"]{--pop-a:#4C5560;--pop-ink:#2A2D31;--pop-soft:#DADDE0;--pop-veil:rgba(14,15,17,.6);--pop-bg:radial-gradient(120% 90% at 50% 0%,#FAFAFB 0%,#EFF0F2 60%,#DADDE0 100%)}
/* Sopa de letras en ventana, con reloj */
.inv-sopa-pop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.inv-sopa-c{width:min(380px,100%);padding:20px 16px 16px;border-radius:20px;text-align:center;color:var(--inv-ink);background:radial-gradient(120% 70% at 50% 0%,var(--inv-c3),var(--inv-bg2) 45%,var(--inv-bg));box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.inv-sopa-c .inv-exp{display:block;font:700 10px/1.4 "Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--inv-mint)}
.inv-sopa-c h3{margin:4px 0 10px;font:400 26px/1.1 Georgia,serif}
.inv-reloj{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.inv-reloj b{font:700 24px/1 "Courier New",monospace;color:var(--inv-gold);min-width:36px}
.inv-reloj i{flex:1;height:8px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden}
.inv-reloj span{display:block;height:100%;width:100%;background:var(--inv-gold);transition:width 1s linear}
.inv-sopa-pop .inv-sopa{display:grid;grid-template-columns:repeat(11,1fr);gap:2px;background:var(--inv-paper);padding:6px;border-radius:8px}
.inv-sopa-pop .inv-sopa button{aspect-ratio:1;border:0;padding:0;background:none;font:700 14px/1 "Courier New",monospace;color:#22332C;border-radius:50%;cursor:pointer}
.inv-sopa-pop .inv-sopa button.on{background:var(--inv-gold);color:#1B1B1B}
.inv-sopa-pop.fin .inv-sopa{filter:blur(6px);pointer-events:none}
.inv-sopa-fin{margin:12px 0 0;font-weight:700;font-size:16px;color:var(--inv-gold)}
.inv-sopa-pop .inv-enf{display:block;margin:14px auto 0;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;padding:10px 22px;background:none;color:var(--inv-ink);font:600 13px/1 inherit;font-family:inherit;cursor:pointer}

/* Amigo invisible: el regalo de los 3 toques, más vistoso */
.rq-inv .intro.fx-shake .ii{width:200px;height:200px;background:radial-gradient(circle at 50% 40%,var(--inv-c4),var(--inv-c2) 70%);box-shadow:0 0 0 3px var(--inv-gold),0 0 0 12px rgba(233,196,106,.14),0 0 80px rgba(233,196,106,.35),0 30px 60px -20px rgba(0,0,0,.7)}
.rq-inv .intro.fx-shake .ii svg{width:150px;height:150px;overflow:visible;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.rq-inv .intro .iv-body{fill:var(--inv-ok)}.rq-inv .intro .lid rect:first-child{fill:color-mix(in srgb,var(--inv-ok) 72%,#000)}.rq-inv .intro .iv-dots{opacity:.75}
.rq-inv .intro .iv-rays{transform-origin:32px 32px;transform-box:view-box;animation:iv-gira 9s linear infinite;opacity:.8}
@keyframes iv-gira{to{transform:rotate(360deg)}}
.rq-inv .intro .iv-spk path{transform-box:fill-box;transform-origin:center;animation:iv-brilla 1.6s ease-in-out infinite}
.rq-inv .intro .iv-spk path:nth-child(2){animation-delay:.5s}.rq-inv .intro .iv-spk path:nth-child(3){animation-delay:1s}
@keyframes iv-brilla{50%{transform:scale(.3);opacity:.3}}
.rq-inv .intro .iv-q{opacity:0;transform-box:fill-box;transform-origin:center bottom;transform:translateY(14px) scale(.3);transition:transform .55s cubic-bezier(.3,1.6,.4,1),opacity .3s}
.rq-inv .intro[data-step="2"] .iv-q{opacity:.6;transform:translateY(6px) scale(.6)}
.rq-inv .intro[data-step="3"] .iv-q{opacity:1;transform:translateY(-6px) scale(1.25)}
.rq-inv .intro[data-step="3"] .lid{transform:translate(-8px,-16px) rotate(-38deg)}
.rq-inv .intro[data-step="1"] .iv-body,.rq-inv .intro[data-step="2"] .iv-body{animation:iv-salta .45s ease}
@keyframes iv-salta{40%{transform:translateY(-3px)}}
.rq-inv .intro .it{font-size:30px;letter-spacing:.01em}
.rq-inv .intro .ih{letter-spacing:.3em}
@media (prefers-reduced-motion:reduce){.rq-inv .intro .iv-rays,.rq-inv .intro .iv-spk path{animation:none}}

/* Pantalla de los toques del principio: más vistosa en todas las ocasiones (Navidad y amigo invisible tienen la suya) */
[data-rq-occ="aniversario"] .intro{--ii-a:#E8577A;--ii-b:#7A0F2E;--ii-ink:#FFF4F6;--ii-ring:#FFD1DC}
[data-rq-occ="sanvalentin"] .intro{--ii-a:#FF6B81;--ii-b:#A3122E;--ii-ink:#FFFFFF;--ii-ring:#FFC2CC}
[data-rq-occ="porque"] .intro{--ii-a:#F49AB0;--ii-b:#B23A62;--ii-ink:#FFFFFF;--ii-ring:#FFD9E3}
[data-rq-occ="cumple"] .intro{--ii-a:#FFC94D;--ii-b:#E8670C;--ii-ink:#FFFFFF;--ii-ring:#FFE7A3}
[data-rq-occ="boda"] .intro{--ii-a:#E9D8B4;--ii-b:#8C6A35;--ii-ink:#FFFFFF;--ii-ring:#F5E6C8}
[data-rq-occ="sobreboda"] .intro{--ii-a:#E9D8B4;--ii-b:#8C6A35;--ii-ink:#FFFFFF;--ii-ring:#F5E6C8}
[data-rq-occ="regaloboda"] .intro{--ii-a:#E9D8B4;--ii-b:#8C6A35;--ii-ink:#FFFFFF;--ii-ring:#F5E6C8}
[data-rq-occ="soltera"] .intro{--ii-a:#FF4FD8;--ii-b:#5B1A8C;--ii-ink:#FFFFFF;--ii-ring:#FFB3F0}
[data-rq-occ="despedida"] .intro{--ii-a:#FFB36B;--ii-b:#D9485F;--ii-ink:#FFFFFF;--ii-ring:#FFD6A8}
[data-rq-occ="graduacion"] .intro{--ii-a:#5B7CFA;--ii-b:#1E2A78;--ii-ink:#FFFFFF;--ii-ring:#C9D4FF}
[data-rq-occ="jubilacion"] .intro{--ii-a:#FFB86B;--ii-b:#C2410C;--ii-ink:#FFFFFF;--ii-ring:#FFE0B8}
[data-rq-occ="madre"] .intro{--ii-a:#BFE6C3;--ii-b:#3E8E57;--ii-ink:#FFFFFF;--ii-ring:#E2F5E4}
[data-rq-occ="padre"] .intro{--ii-a:#6B8CFF;--ii-b:#1C2E6B;--ii-ink:#FFE7A3;--ii-ring:#C9D4FF}
[data-rq-occ="nacimiento"] .intro{--ii-a:#BFE3FF;--ii-b:#4F8FD0;--ii-ink:#FFFFFF;--ii-ring:#E3F2FF}
[data-rq-occ="santo"] .intro{--ii-a:#8FB8FF;--ii-b:#25407A;--ii-ink:#FFFFFF;--ii-ring:#D6E4FF}
:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .ii{position:relative;width:190px;height:190px;color:var(--ii-ink);background:radial-gradient(circle at 50% 38%,var(--ii-a),var(--ii-b) 78%);box-shadow:0 0 0 3px var(--ii-ring),0 0 0 11px color-mix(in srgb,var(--ii-ring) 22%,transparent),0 0 70px color-mix(in srgb,var(--ii-a) 55%,transparent),0 26px 60px -18px rgba(0,0,0,.45)}
:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .ii::before{content:"";position:absolute;inset:-34px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--ii-ring) 55%,transparent) 0 6deg,transparent 6deg 24deg);-webkit-mask:radial-gradient(circle,transparent 57%,#000 60%,transparent 74%);mask:radial-gradient(circle,transparent 57%,#000 60%,transparent 74%);animation:ii-gira 14s linear infinite;opacity:.8}
:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .ii::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px dotted var(--ii-ring);pointer-events:none;animation:ii-luz 1.6s ease-in-out infinite}
:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .ii svg{position:relative;z-index:1;width:124px;height:124px;stroke-width:2.4;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--ii-ring) 70%,transparent)) drop-shadow(0 6px 10px rgba(0,0,0,.3))}
:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .ii:active{transform:scale(.95)}
:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .it{font-size:28px}
:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--ii-a) 80%,#fff) 0 1.6px,transparent 2.2px) 0 0/46px 46px,radial-gradient(circle,color-mix(in srgb,var(--ii-ring) 80%,#fff) 0 1.2px,transparent 1.8px) 23px 17px/38px 38px;opacity:.45;animation:ii-sube 12s linear infinite}
@keyframes ii-gira{to{transform:rotate(360deg)}}
@keyframes ii-luz{50%{opacity:.35}}
@keyframes ii-sube{to{background-position:0 -460px,23px -363px}}
@media (prefers-reduced-motion:reduce){:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .ii::before,:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro .ii::after,:is([data-rq-occ="aniversario"],[data-rq-occ="sanvalentin"],[data-rq-occ="porque"],[data-rq-occ="cumple"],[data-rq-occ="boda"],[data-rq-occ="sobreboda"],[data-rq-occ="regaloboda"],[data-rq-occ="soltera"],[data-rq-occ="despedida"],[data-rq-occ="graduacion"],[data-rq-occ="jubilacion"],[data-rq-occ="madre"],[data-rq-occ="padre"],[data-rq-occ="nacimiento"],[data-rq-occ="santo"]) .intro::before{animation:none}}
.rq-inv .inv-tras{margin-top:10px}.rq-inv .inv-tras[hidden]{display:none}
.rq-inv .inv-tras-t{margin:18px 0 4px;text-align:center;font:400 24px/1.2 Georgia,serif;color:var(--inv-gold)}
/* Miniatura del calendario: casilla que se va a abrir */
.adv-mini .adv-board .t.mini-toca{animation:miniToca .7s ease-in-out infinite alternate;z-index:3}
@keyframes miniToca{to{transform:scale(1.18) rotate(var(--r,0deg));box-shadow:0 0 0 3px #E6CD8E,0 0 18px rgba(230,205,142,.8)}}
.adv-mini .adv-panel,.adv-mini .adv-rev{padding-top:6px}