/* Portada: una vista de Nexo Play con imágenes reales de consolas. */
.portal-web .portal-gaming-screen{background:#101823;overflow:hidden}.portal-console-stage{position:absolute;inset:20px 0 0;background:radial-gradient(ellipse at 75% 55%,#345251,#101823 70%);overflow:hidden;color:white}.portal-game-brand{position:absolute;top:11%;left:8%;font:800 13px/1 Arial,sans-serif;letter-spacing:-.5px}.portal-game-brand b{color:#c5fc58}.portal-game-heading{position:absolute;left:8%;top:32%;font:800 clamp(20px,2vw,26px)/1 Arial,sans-serif;letter-spacing:-1px;z-index:3;text-align:left}.portal-game-heading>b{color:#c5fc58}.portal-console-stage>img{position:absolute!important;inset:auto!important;object-fit:contain!important;filter:drop-shadow(0 12px 13px #0008);transform:none!important}.portal-console-stage .portal-console-ps{width:34%!important;height:73%!important;left:46%!important;top:16%!important;z-index:2}.portal-console-stage .portal-console-xbox{width:31%!important;height:58%!important;left:72%!important;top:32%!important;z-index:1}.portal-console-stage .portal-console-switch{width:56%!important;height:34%!important;left:46%!important;top:60%!important;z-index:4}.portal-console-stage>small{position:absolute;left:8%;bottom:8%;font:700 5px/1 Arial;letter-spacing:1px;z-index:5}.portal-gaming-screen .screen-bar{z-index:7}
/* Composiciones específicas: imágenes, objetos y ambientación durante todo el recorrido. */
.demo-dialog #demo-inside{--scene-bg:#f9f4e9;--scene-alt:#e9eddf;--scene-card:#fffaf0;--scene-ink:#414a33;--scene-accent:#957145;--scene-border:#b4b893;--scene-muted:#657154;--scene-serif:Georgia,serif;--scene-text:var(--scene-ink)}
.demo-dialog.quince #demo-inside{--scene-bg:#29142b;--scene-alt:#42213f;--scene-card:#4b2947;--scene-ink:#fff1ed;--scene-accent:#f3c989;--scene-border:#895276;--scene-muted:#e1bccf;--scene-text:#f3dce5}
.demo-dialog.cumple #demo-inside{--scene-bg:#fff4df;--scene-alt:#e9f4fb;--scene-card:#fff9ee;--scene-ink:#243f58;--scene-accent:#bf5536;--scene-border:#efc790;--scene-muted:#785743;--scene-serif:Arial,Helvetica,sans-serif}
.demo-dialog.grado #demo-inside{--scene-bg:#13263a;--scene-alt:#1e354a;--scene-card:#244054;--scene-ink:#fff7e6;--scene-accent:#e8c383;--scene-border:#7d754f;--scene-muted:#c6d4df;--scene-text:#dbe6ec}
.demo-dialog.bautizo #demo-inside{--scene-bg:#f4f9fd;--scene-alt:#e6f0f7;--scene-card:#fffdf5;--scene-ink:#3b5766;--scene-accent:#527e92;--scene-border:#b0cbd5;--scene-muted:#566e7b}
.demo-dialog.evento #demo-inside{--scene-bg:#111e30;--scene-alt:#142c3a;--scene-card:#1b3945;--scene-ink:#f0fafd;--scene-accent:#75d3d3;--scene-border:#447d83;--scene-muted:#adcacf;--scene-text:#d1e6e8;--scene-serif:Arial,Helvetica,sans-serif}
.demo-dialog.baby #demo-inside{--scene-bg:#fcf6e9;--scene-alt:#e2f1f4;--scene-card:#fffdf7;--scene-ink:#456573;--scene-accent:#608594;--scene-border:#bdd4d6;--scene-muted:#647e83}
.demo-dialog.comunion #demo-inside{--scene-bg:#fbf9ef;--scene-alt:#eaeee0;--scene-card:#fffff8;--scene-ink:#576044;--scene-accent:#917941;--scene-border:#c6c7a3;--scene-muted:#6b7456}
.demo-dialog.aniversario #demo-inside{--scene-bg:#f4e9de;--scene-alt:#ecdad2;--scene-card:#fff5ed;--scene-ink:#633e42;--scene-accent:#a16865;--scene-border:#cba8a0;--scene-muted:#8d6966}
.demo-dialog #demo-inside>section{color:var(--scene-ink);background-color:var(--scene-bg);position:relative;overflow:hidden}
.demo-dialog #demo-inside>section>.eyebrow,.demo-dialog #demo-inside .invite-story-content>.eyebrow,.demo-dialog #demo-inside .invite-program-content>.eyebrow{color:var(--scene-accent);position:relative;z-index:2}
.demo-dialog #demo-inside>section h3{font-family:var(--scene-serif);font-size:clamp(26px,4vw,39px);color:var(--scene-ink);position:relative;z-index:2;line-height:1.22;margin:18px 0 25px}
.demo-dialog #demo-inside .demo-help{color:var(--scene-muted);position:relative;z-index:2}
.invite-object{display:block;object-fit:contain;pointer-events:none;height:auto;max-width:100%;width:150px;margin:0 auto}
.demo-dialog #demo-inside .invite-story{padding:0;display:block;background:var(--scene-bg)}
.invite-story-art{position:relative;width:100%;height:310px;isolation:isolate;overflow:visible;margin:0}
.invite-story-image{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}
.invite-story-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e151a88,transparent 60%);z-index:0;pointer-events:none}
.invite-story-stamp{position:absolute;left:7%;bottom:36px;color:#fff;font:italic 60px/1 Georgia;letter-spacing:-2px;z-index:1;text-shadow:0 5px 25px #0005}
.invite-story-object{position:absolute;right:4%;bottom:-45px;width:200px;z-index:2;filter:drop-shadow(0 6px 14px #0001)}
.invite-story-content{padding:70px 9% 50px;position:relative;isolation:isolate}
.demo-dialog #demo-inside .invite-story-copy{color:var(--scene-text);font-size:14px;line-height:1.95;opacity:1;margin:0 auto 27px}
.invite-story-content>small{color:var(--scene-accent);font-size:10px;letter-spacing:1px;position:relative;z-index:2;display:block}
.demo-dialog #demo-inside .invite-flourish{color:var(--scene-accent);letter-spacing:0;font-size:19px;margin-top:25px}
.demo-dialog #demo-inside .demo-countdown-section{background:var(--scene-alt);padding:35px 8% 45px;border:0}
.invite-countdown-object{width:120px;margin:0 auto 7px}
.demo-dialog #demo-inside .demo-countdown{position:relative;z-index:2;gap:10px}
.demo-dialog #demo-inside .demo-countdown>div{background:var(--scene-card)!important;border:1px solid var(--scene-border);color:var(--scene-ink);border-radius:12px;box-shadow:none;padding:22px 6px}
.demo-dialog #demo-inside .demo-countdown strong{color:var(--scene-accent);font:400 38px/1 Georgia;text-shadow:none}
.demo-dialog #demo-inside .demo-countdown span{color:var(--scene-muted);font-size:8px;letter-spacing:1px}
.demo-dialog #demo-inside .demo-event-section{padding:25px 8% 50px;background:var(--scene-bg)}
.invite-venue-art{position:relative;height:160px;max-width:400px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.invite-venue-art .invite-object{width:240px;position:relative;z-index:1}.invite-venue-art>span{position:absolute;top:5%;left:50%;transform:translateX(-50%);font:italic 110px/1 Georgia;color:var(--scene-accent);opacity:.1;z-index:0;white-space:nowrap}
.demo-dialog #demo-inside .demo-event-grid{gap:12px;position:relative;z-index:2}
.demo-dialog #demo-inside .demo-event-grid>div{border:1px solid var(--scene-border);border-radius:14px;background:var(--scene-card);padding:23px 16px}
.demo-dialog #demo-inside .demo-event-grid strong{color:var(--scene-ink);font:400 21px/1.3 var(--scene-serif)}
.demo-dialog #demo-inside .demo-event-grid span{color:var(--scene-muted);font-size:10px}
.demo-dialog #demo-inside .demo-outline-button{position:relative;z-index:2;border:1px solid var(--scene-border);color:var(--scene-ink);background:var(--scene-card);border-radius:30px;margin:6px 3px}
.demo-dialog #demo-inside .invite-program{padding:0;background:var(--scene-bg);border:0}
.invite-program-scene{position:relative;height:350px;isolation:isolate;overflow:hidden}
.invite-scene-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.invite-program-scene::after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#11131cdd,transparent 90%);pointer-events:none}
.invite-scene-caption{position:absolute;z-index:2;inset:auto 9% 30px;color:white;text-align:left;text-shadow:0 3px 15px #0005}
.invite-scene-caption>small{font-size:9px;letter-spacing:3px}.invite-scene-caption>p{font:italic 32px/1.2 Georgia;margin:12px 0 0;max-width:370px}
.invite-program-content{position:relative;padding:38px 8% 45px;isolation:isolate}
.invite-program-object{width:110px;margin-bottom:10px}
.demo-dialog #demo-inside .invite-program ol{margin-top:35px;position:relative;z-index:2}
.demo-dialog #demo-inside .invite-program li{grid-template-columns:70px 1fr;gap:24px;padding:0 0 32px;min-width:0}
.demo-dialog #demo-inside .invite-program li::before{left:80px;border-color:var(--scene-border)}
.demo-dialog #demo-inside .invite-program li::after{left:76px;background:var(--scene-bg);border-color:var(--scene-accent)}
.demo-dialog #demo-inside .invite-program time{color:var(--scene-accent);font:400 24px/1.2 Georgia}
.demo-dialog #demo-inside .invite-program h4{font:400 20px/1.25 var(--scene-serif);color:var(--scene-ink);padding-left:10px}
.demo-dialog #demo-inside .invite-program li p{color:var(--scene-text);opacity:1;font-size:12px;line-height:1.7;padding-left:10px}
.invite-step-number{display:none}
.demo-dialog #demo-inside .invite-details{padding:30px 8% 50px;background:var(--scene-alt);border:0}
.invite-details-object{width:200px;margin-bottom:8px}
.demo-dialog #demo-inside .invite-details-grid{grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:2}
.demo-dialog #demo-inside .invite-details-grid article{background:var(--scene-card);border:1px solid var(--scene-border);border-radius:14px;color:var(--scene-ink);padding:25px 20px}
.demo-dialog #demo-inside .invite-details-grid h4{font:400 22px/1.2 var(--scene-serif);color:var(--scene-ink)}
.demo-dialog #demo-inside .invite-details-grid p,.demo-dialog #demo-inside .invite-note{color:var(--scene-text);opacity:1;font-size:12px;line-height:1.8}
.demo-dialog #demo-inside .invite-detail-symbol{color:var(--scene-accent)}
.demo-dialog #demo-inside .demo-gallery-section{padding:50px 8%;background:var(--scene-bg)}
.demo-dialog #demo-inside .demo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:2}
.demo-dialog #demo-inside .demo-gallery button{background:transparent;padding:0;overflow:visible;border:0;min-width:0}
.demo-dialog #demo-inside .demo-gallery img{width:100%;height:260px;aspect-ratio:auto;object-fit:cover;border:6px solid var(--scene-card);box-shadow:0 7px 20px #0002;object-position:center 65%}
.demo-dialog #demo-inside .demo-rsvp-section{background:var(--scene-card);color:var(--scene-ink);border:1px solid var(--scene-border);padding:24px 8% 45px;margin:0 6% 50px;border-radius:18px}
.invite-rsvp-object{width:125px;margin-bottom:12px}
.demo-dialog #demo-inside .demo-rsvp-section label{color:var(--scene-ink)}
.demo-dialog #demo-inside .demo-rsvp-section input,.demo-dialog #demo-inside .demo-rsvp-section select{background:var(--scene-bg);color:var(--scene-ink);border-color:var(--scene-border);min-width:0}
.demo-dialog #demo-inside .demo-rsvp-section .button{background:var(--scene-accent);color:var(--scene-bg);border-radius:8px}
.demo-dialog #demo-inside #demo-rsvp-status{color:var(--scene-ink);font-size:12px;line-height:1.6}
.demo-dialog #demo-inside .demo-final{position:relative;isolation:isolate;overflow:hidden;padding:30px 8% 45px;background:#17201f;color:#fff}
.invite-final-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 70%;opacity:.45;filter:saturate(.7)}
.demo-dialog #demo-inside .demo-final::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#161c2666,#161c26dd);pointer-events:none}
.invite-final-object{width:155px;margin-bottom:15px;filter:drop-shadow(0 8px 18px #0004)}
.demo-dialog #demo-inside .demo-final>p{font:italic 31px/1.35 Georgia;color:white;position:relative;z-index:2;max-width:440px;margin:0 auto 30px}
.demo-dialog #demo-inside .demo-final .button{background:var(--scene-accent);color:var(--scene-bg)}
/* Boda: jardín botánico, marcos y hojas. */
.demo-dialog.boda #demo-inside .invite-story-art{height:330px;margin:30px auto 0;width:80%;border-radius:200px 200px 12px 12px;border:8px solid #fffaf0;box-shadow:0 0 0 1px #b4b893}
.demo-dialog.boda #demo-inside .invite-story-content{background:radial-gradient(ellipse at left top,#bfc7aa55,transparent 40%),radial-gradient(ellipse at right bottom,#d5bcb833,transparent 50%);padding-top:65px}
.demo-dialog.boda #demo-inside .demo-countdown-section{background:radial-gradient(ellipse at 0 100%,#afbb9460,transparent 65%),#e9eddf}
.demo-dialog.boda #demo-inside .demo-countdown>div{border-radius:55px 55px 7px 7px}
.demo-dialog.boda #demo-inside .invite-program-scene{height:340px;border-radius:50% 50% 0 0; margin:25px 6% 0}
.demo-dialog.boda #demo-inside .invite-program-content{background:linear-gradient(90deg,#b9c3a91a,transparent 20%,transparent 80%,#b9c3a91a)}
.demo-dialog.boda #demo-inside .invite-details-grid article{border-radius:80px 80px 12px 12px;padding-top:32px}
.demo-dialog.boda #demo-inside .demo-gallery img{border-radius:130px 130px 9px 9px}
/* XV: magenta, estrellas, escenario y joyas doradas. */
.demo-dialog.quince #demo-inside .invite-story-art{height:290px;clip-path:ellipse(80% 90% at 50% 10%)}
.demo-dialog.quince #demo-inside .invite-story-object{bottom:15px;right:8%;width:175px}
.demo-dialog.quince #demo-inside .invite-story-content{padding-top:35px;background:radial-gradient(ellipse at 50% 0,#b44d862e,transparent 75%)}
.demo-dialog.quince #demo-inside .invite-story::before,.demo-dialog.quince #demo-inside .invite-story::after{display:none}
.demo-dialog.quince #demo-inside .demo-countdown-section,.demo-dialog.quince #demo-inside .invite-details{background-color:#42213f;background-image:radial-gradient(circle,#e6b87666 1px,transparent 1.5px),radial-gradient(circle,#eabcc944 .7px,transparent 1.5px);background-size:73px 81px,49px 47px;background-position:0 0,20px 15px}
.demo-dialog.quince #demo-inside .demo-countdown>div{background:linear-gradient(145deg,#74315c,#3c1e39)!important;border-color:#b78282;box-shadow:0 4px 0 #1b091e}
.demo-dialog.quince #demo-inside .demo-event-grid>div{background:linear-gradient(135deg,#4b2947,#342039);border-radius:5px;box-shadow:inset 0 0 0 5px #29142b}
.demo-dialog.quince #demo-inside .invite-program li{display:block;padding:22px;border:1px solid #895276;background:linear-gradient(115deg,#622a51,#3c2038);margin:18px 0;border-radius:30px 7px 30px 7px}
.demo-dialog.quince #demo-inside .invite-program li::before,.demo-dialog.quince #demo-inside .invite-program li::after{display:none}
.demo-dialog.quince #demo-inside .invite-program time{display:block;margin-bottom:14px;font-size:28px}
.demo-dialog.quince #demo-inside .invite-program h4,.demo-dialog.quince #demo-inside .invite-program li p{padding:0}
.demo-dialog.quince #demo-inside .invite-step-number{display:block;position:absolute;right:22px;top:14px;font:italic 44px Georgia;color:#e6b87633}
.demo-dialog.quince #demo-inside .invite-details-grid article{border-radius:45px 45px 10px 10px;background:#3b1d35}
.demo-dialog.quince #demo-inside .demo-gallery img{border-radius:45% 45% 3px 3px;border-color:#f3c989;box-shadow:0 12px 30px #0006}
/* Cumpleaños: fiesta, confeti y tarjetas de colores. */
.demo-dialog.cumple #demo-inside .invite-story-art{height:290px;transform:rotate(-3deg);margin:28px auto 0;width:85%;border:9px solid white;box-shadow:0 8px 25px #98654f33}
.demo-dialog.cumple #demo-inside .invite-story-object{bottom:-55px;right:-20px;width:200px;transform:rotate(3deg)}
.demo-dialog.cumple #demo-inside .invite-story-content{padding-top:75px;background:radial-gradient(circle at 4% 10%,#d2975333 10px,transparent 11px),radial-gradient(circle at 96% 80%,#6da3b433 16px,transparent 17px)}
.demo-dialog.cumple #demo-inside .demo-countdown-section,.demo-dialog.cumple #demo-inside .invite-details{background-color:#e9f4fb;background-image:linear-gradient(30deg,transparent 48%,#8fbfda77 49%,#8fbfda77 51%,transparent 52%),linear-gradient(-25deg,transparent 48%,#ecc18966 49%,#ecc18966 51%,transparent 52%);background-size:65px 95px,90px 75px}
.demo-dialog.cumple #demo-inside .demo-countdown>div:nth-child(odd){background:#ffead3!important;border-color:#e6ad70;transform:rotate(-3deg)}
.demo-dialog.cumple #demo-inside .demo-countdown>div:nth-child(even){background:#d6eaf6!important;border-color:#9bc0d6;transform:rotate(3deg)}
.demo-dialog.cumple #demo-inside .invite-program li{display:block;background:#fff9ee;border:1px solid #efc790;border-radius:12px;padding:22px 25px;margin:17px 0;box-shadow:5px 6px 0 #efc79055;text-align:left}
.demo-dialog.cumple #demo-inside .invite-program li:nth-child(2){background:#e9f4fb;border-color:#afcadb;box-shadow:5px 6px 0 #afcadb55}
.demo-dialog.cumple #demo-inside .invite-program li::before,.demo-dialog.cumple #demo-inside .invite-program li::after{display:none}
.demo-dialog.cumple #demo-inside .invite-program time{display:inline-block;padding:8px 12px;background:#bf5536;color:white;border-radius:22px;margin-bottom:14px;font-size:17px;font-family:Arial}
.demo-dialog.cumple #demo-inside .invite-program h4,.demo-dialog.cumple #demo-inside .invite-program li p{padding:0}
.demo-dialog.cumple #demo-inside .demo-gallery img{border-radius:0;transform:rotate(-4deg);border:8px solid white;border-bottom-width:26px}.demo-dialog.cumple #demo-inside .demo-gallery button:nth-child(2) img{transform:rotate(4deg)}
.demo-dialog.cumple #demo-inside .demo-rsvp-section{box-shadow:8px 8px 0 #d6eaf6;border:2px solid #e8a574}
/* Graduación: azul académico, oro, diploma y ceremonias. */
.demo-dialog.grado #demo-inside .invite-story-art{height:290px;border-block:2px solid #d4ad6c}
.demo-dialog.grado #demo-inside .invite-story-object{width:175px;bottom:-50px}
.demo-dialog.grado #demo-inside .invite-story-stamp{font:700 55px Georgia;color:#f3d598}
.demo-dialog.grado #demo-inside .demo-countdown-section{background:linear-gradient(135deg,#1e354a,#102b3e);border-block:1px solid #9b845a}
.demo-dialog.grado #demo-inside .demo-countdown>div{border-radius:4px;background:#13263a!important;border-color:#b99a63;box-shadow:inset 0 0 0 4px #244054}
.demo-dialog.grado #demo-inside .invite-program-content{padding-inline:10%;background-image:linear-gradient(90deg,transparent 95%,#b29a6244 95%);background-size:27px 100%;background-color:#13263a}
.demo-dialog.grado #demo-inside .invite-program ol{background:#13263a;padding:20px 0 0}
.demo-dialog.grado #demo-inside .invite-details-grid article{border-radius:3px;background:#f4e8d0;color:#344353;border:3px double #c29e62}.demo-dialog.grado #demo-inside .invite-details-grid h4,.demo-dialog.grado #demo-inside .invite-details-grid p{color:#344353}
.demo-dialog.grado #demo-inside .demo-gallery img{border-radius:0;border:5px solid #cda970;box-shadow:0 0 0 5px #213e52}
.demo-dialog.grado #demo-inside .demo-rsvp-section{border:3px double #d4b77e;border-radius:0;background:#1e354a}
/* Bautizo: luz celeste, vela, paloma y bordes de nube. */
.demo-dialog.bautizo #demo-inside .invite-story-art{height:280px;width:78%;margin:30px auto 0;border-radius:160px 160px 70px 70px;border:8px solid white;box-shadow:0 6px 30px #769eb22b}
.demo-dialog.bautizo #demo-inside .invite-story-content{padding-top:60px;background:radial-gradient(ellipse at 0 100%,#c5dfe466,transparent 65%)}
.demo-dialog.bautizo #demo-inside .demo-countdown-section{background:radial-gradient(circle at 0 0,#fff 20%,transparent 21%),radial-gradient(circle at 100% 100%,#ffffffa6 22%,transparent 23%),#e6f0f7}
.demo-dialog.bautizo #demo-inside .demo-countdown>div{border-radius:45% 45% 13px 13px;box-shadow:0 6px 18px #567c9122}
.demo-dialog.bautizo #demo-inside .invite-program-scene{margin:20px 7% 0;border:7px solid white;border-radius:170px 170px 15px 15px;height:320px}
.demo-dialog.bautizo #demo-inside .invite-details-grid article{border-radius:50px 50px 20px 20px;box-shadow:0 8px 20px #60829b11}
.demo-dialog.bautizo #demo-inside .demo-gallery img{border-radius:50% 50% 20px 20px}
.demo-dialog.bautizo #demo-inside .demo-rsvp-section{border-radius:50px 50px 20px 20px}
/* Empresa: líneas, credenciales y una agenda de conferencia. */
.demo-dialog.evento #demo-inside .invite-story-art{height:290px;border-bottom:5px solid #75d3d3}
.demo-dialog.evento #demo-inside .invite-story-stamp{font:800 34px Arial;letter-spacing:6px;color:#9de9e6}
.demo-dialog.evento #demo-inside .invite-story-content{padding-top:50px;text-align:left;background:linear-gradient(135deg,#111e30,#182d3b)}
.demo-dialog.evento #demo-inside .invite-story-content h3{font-weight:700;letter-spacing:-1.3px}.demo-dialog.evento #demo-inside .invite-flourish{display:none}
.demo-dialog.evento #demo-inside .demo-countdown-section,.demo-dialog.evento #demo-inside .invite-details{background-color:#142c3a;background-image:linear-gradient(#74bdb41a 1px,transparent 1px),linear-gradient(90deg,#74bdb41a 1px,transparent 1px);background-size:40px 40px}
.demo-dialog.evento #demo-inside .demo-countdown>div{border-radius:0;border:0;border-left:3px solid #75d3d3;background:#1b3945!important}
.demo-dialog.evento #demo-inside .demo-countdown strong{font-family:Arial;font-weight:700;font-size:33px}
.demo-dialog.evento #demo-inside .demo-event-grid>div{border-radius:2px;text-align:left;border-left:3px solid #75d3d3}
.demo-dialog.evento #demo-inside .invite-program li{display:grid;grid-template-columns:63px 1fr;gap:18px;padding:23px 18px 23px 23px;background:#1b3945;margin:12px 0;border:1px solid #447d83;border-left:3px solid #75d3d3;border-radius:0}
.demo-dialog.evento #demo-inside .invite-program li::before,.demo-dialog.evento #demo-inside .invite-program li::after{display:none}
.demo-dialog.evento #demo-inside .invite-program time{font:700 17px Arial}.demo-dialog.evento #demo-inside .invite-program h4{font:700 17px Arial;padding:0}.demo-dialog.evento #demo-inside .invite-program li p{padding:0}
.demo-dialog.evento #demo-inside .invite-details-grid article{border-radius:3px;background:#182e3d;text-align:left}
.demo-dialog.evento #demo-inside .demo-gallery img{border-radius:2px;border-width:2px;border-color:#75d3d3}
.demo-dialog.evento #demo-inside .demo-rsvp-section{border-radius:4px;background:#1b3945;border-top:4px solid #75d3d3}
/* Baby shower: ositos, nubes, lunares y una libreta de bienvenida. */
.demo-dialog.baby #demo-inside .invite-story-art{height:300px;margin:25px auto 0;width:84%;border:10px solid #fffdf7;border-radius:45% 45% 12px 12px;box-shadow:0 8px 20px #bdc6b933}
.demo-dialog.baby #demo-inside .invite-story-object{width:180px;bottom:-52px;right:0}
.demo-dialog.baby #demo-inside .invite-story-content{padding-top:80px}
.demo-dialog.baby #demo-inside .demo-countdown-section,.demo-dialog.baby #demo-inside .invite-details{background:#e2f1f4 radial-gradient(circle,#93b2bf66 2px,transparent 3px) 0 0/26px 26px}
.demo-dialog.baby #demo-inside .demo-countdown>div{border-radius:25px;background:#fffdf7!important;border:2px dashed #bdd4d6}
.demo-dialog.baby #demo-inside .demo-event-grid>div{border-radius:28px;border:2px dashed #bdd4d6}
.demo-dialog.baby #demo-inside .invite-program-scene{height:320px;mask-image:linear-gradient(#000 85%,transparent)}
.demo-dialog.baby #demo-inside .invite-program li{padding:20px 20px 20px 28px;grid-template-columns:62px 1fr;gap:17px;margin:13px 0;background:#fffdf7;border:2px dashed #bdd4d6;border-radius:26px}
.demo-dialog.baby #demo-inside .invite-program li::before,.demo-dialog.baby #demo-inside .invite-program li::after{display:none}
.demo-dialog.baby #demo-inside .invite-program h4,.demo-dialog.baby #demo-inside .invite-program li p{padding-left:0}
.demo-dialog.baby #demo-inside .invite-details-grid article{border:2px dashed #bdd4d6;border-radius:32px}
.demo-dialog.baby #demo-inside .demo-gallery img{border-radius:25px;border:7px solid #fffdf7}.demo-dialog.baby #demo-inside .demo-gallery button:nth-child(2){margin-top:30px}
.demo-dialog.baby #demo-inside .demo-rsvp-section{border-radius:38px;border:2px dashed #bdd4d6}
/* Comunión: cáliz, trigo y verdes de capilla. */
.demo-dialog.comunion #demo-inside .invite-story-art{height:290px;width:80%;margin:30px auto 0;border-radius:200px 200px 0 0;border:8px solid #fffff8;box-shadow:0 0 0 1px #c6c7a3}
.demo-dialog.comunion #demo-inside .invite-story-content{padding-top:70px;background:radial-gradient(ellipse at 100% 100%,#bec79f44,transparent 65%)}
.demo-dialog.comunion #demo-inside .demo-countdown-section{background:linear-gradient(135deg,#eaeee0,#f1f1e5);border-block:1px solid #c6c7a3}
.demo-dialog.comunion #demo-inside .demo-countdown>div{border-radius:80px 80px 2px 2px;border:2px solid #c6c7a3;background:#fffff8!important}
.demo-dialog.comunion #demo-inside .invite-program-scene{height:350px;margin:25px 7% 0;border-radius:160px 160px 0 0;border:3px double #c6c7a3}
.demo-dialog.comunion #demo-inside .invite-program li::after{border-radius:0;transform:rotate(45deg)}
.demo-dialog.comunion #demo-inside .invite-details-grid article{border-radius:0;border:3px double #c6c7a3;background:#fffff8}
.demo-dialog.comunion #demo-inside .demo-gallery img{border-radius:160px 160px 0 0;border:3px double #c6c7a3}
.demo-dialog.comunion #demo-inside .demo-rsvp-section{border-radius:100px 100px 8px 8px;border:3px double #c6c7a3;padding-top:38px}
/* Aniversario: rosas, copas y fotografías como recuerdos. */
.demo-dialog.aniversario #demo-inside .invite-story-art{height:310px;width:82%;margin:32px auto 0;border:12px solid #fff5ed;border-bottom-width:34px;transform:rotate(-4deg);box-shadow:0 7px 25px #633e4230}
.demo-dialog.aniversario #demo-inside .invite-story-object{bottom:-45px;right:-20px;width:200px;transform:rotate(4deg)}
.demo-dialog.aniversario #demo-inside .invite-story-content{padding-top:76px;background:radial-gradient(ellipse at 0 10%,#d8b8ab66,transparent 55%)}
.demo-dialog.aniversario #demo-inside .demo-countdown-section{background:radial-gradient(ellipse at 100% 0,#fff5edaa,transparent 65%),#ecdad2}
.demo-dialog.aniversario #demo-inside .demo-countdown>div{border-radius:50%;padding:28px 4px;border:3px double #cba8a0;background:#fff5ed!important}
.demo-dialog.aniversario #demo-inside .demo-event-grid>div{border-radius:6px;border:3px double #cba8a0}
.demo-dialog.aniversario #demo-inside .invite-program-scene{height:300px;margin:20px 6% 0;transform:rotate(2deg);border:10px solid #fff5ed;border-bottom-width:25px;box-shadow:0 6px 20px #633e4225}
.demo-dialog.aniversario #demo-inside .invite-program li time{font-style:italic;color:#a16865}
.demo-dialog.aniversario #demo-inside .invite-details-grid article{background:#fff5ed;border:3px double #cba8a0;border-radius:8px}
.demo-dialog.aniversario #demo-inside .demo-gallery img{border-radius:0;border:8px solid #fff5ed;border-bottom-width:28px;transform:rotate(-5deg)}.demo-dialog.aniversario #demo-inside .demo-gallery button:nth-child(2) img{transform:rotate(5deg)}
.demo-dialog.aniversario #demo-inside .demo-rsvp-section{border:3px double #cba8a0;border-radius:5px}
@media(max-width:650px){.portal-game-heading{font-size:clamp(16px,4.4vw,23px)}.portal-game-brand{font-size:10px}.portal-console-stage>small{font-size:4px}.invite-story-art{height:255px}.invite-story-content{padding-inline:8%}.demo-dialog #demo-inside .invite-story-copy{font-size:13px;line-height:1.9}.demo-dialog #demo-inside>section h3{font-size:29px}.invite-story-object{width:155px}.invite-story-stamp{font-size:48px}.demo-dialog #demo-inside .demo-countdown strong{font-size:30px}.demo-dialog #demo-inside .demo-countdown{gap:7px}.demo-dialog #demo-inside .demo-countdown>div{padding:20px 4px}.demo-dialog #demo-inside .demo-countdown span{font-size:7px;letter-spacing:.5px}.demo-dialog #demo-inside .demo-event-grid strong{font-size:18px}.demo-dialog #demo-inside .demo-event-grid>div{padding:20px 10px}.invite-program-scene{height:280px}.invite-scene-caption>p{font-size:29px}.demo-dialog #demo-inside .invite-program li{gap:18px;grid-template-columns:60px 1fr}.demo-dialog #demo-inside .invite-program li::before{left:68px}.demo-dialog #demo-inside .invite-program li::after{left:64px}.demo-dialog #demo-inside .invite-program time{font-size:21px}.demo-dialog #demo-inside .invite-program h4{font-size:19px}.demo-dialog #demo-inside .invite-program li p{font-size:11px}.demo-dialog #demo-inside .invite-details-grid{grid-template-columns:1fr;gap:16px}.demo-dialog #demo-inside .demo-gallery img{height:210px}.demo-dialog #demo-inside .demo-gallery{gap:16px}.demo-dialog #demo-inside .demo-final>p{font-size:28px}.demo-dialog.boda #demo-inside .invite-story-art{height:280px}.demo-dialog.quince #demo-inside .invite-program li,.demo-dialog.cumple #demo-inside .invite-program li{display:block}.demo-dialog.quince #demo-inside .invite-program time{font-size:25px}.demo-dialog.cumple #demo-inside .invite-program time{font-size:16px}.demo-dialog.evento #demo-inside .invite-program li{grid-template-columns:57px 1fr;gap:15px;padding:20px 14px}.demo-dialog.evento #demo-inside .invite-program time{font-size:15px}.demo-dialog.evento #demo-inside .invite-program h4{font-size:16px}.demo-dialog.baby #demo-inside .invite-program li{grid-template-columns:53px 1fr;gap:14px;padding:20px}.demo-dialog.aniversario #demo-inside .demo-countdown>div{padding:23px 4px}.demo-dialog #demo-inside .demo-countdown-section h3{font-size:27px}.demo-dialog.aniversario #demo-inside .invite-story-art{height:280px}.demo-dialog.boda #demo-inside .invite-program-scene,.demo-dialog.bautizo #demo-inside .invite-program-scene,.demo-dialog.comunion #demo-inside .invite-program-scene{height:300px}}
@media(max-width:360px){.demo-dialog #demo-inside .demo-countdown strong{font-size:26px}.demo-dialog #demo-inside .demo-countdown span{font-size:6px;letter-spacing:.1px}.demo-dialog.evento #demo-inside .demo-countdown strong{font-size:26px}.demo-dialog #demo-inside .demo-gallery img{height:175px}.demo-dialog #demo-inside .demo-final>p{font-size:25px}.demo-dialog #demo-inside .invite-story-stamp{font-size:44px}.demo-dialog.evento #demo-inside .invite-story-stamp{font-size:24px;letter-spacing:3px}}
.demo-dialog.cumple #demo-inside .demo-countdown-section,.demo-dialog.cumple #demo-inside .invite-details{background-image:url('assets/invite-confetti-v11.svg');background-size:180px 170px;background-position:0 0}