:root{--cert-bg:#12051c;--cert-card:#211234;--cert-pink:#ff4fb8;--cert-soft:#ffd6ee;--cert-purple:#8b5cf6;--cert-cyan:#6ee7ff;--cert-gold:#ffd166;--cert-text:#fff;--cert-muted:#eadcf7}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#100419;color:var(--cert-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.love-cert-page{position:relative;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(255,79,184,.25),transparent 28%),radial-gradient(circle at 92% 12%,rgba(110,231,255,.18),transparent 24%),linear-gradient(140deg,#090215,#160623 52%,#250625)}#certBg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65}.cert-topbar{position:relative;z-index:4;width:min(1180px,calc(100% - 28px));margin:14px auto 0;padding:10px 12px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:rgba(12,6,28,.64);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:space-between;gap:12px}.cert-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:1000;font-size:20px;letter-spacing:-.04em}.cert-brand span{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:conic-gradient(from 120deg,#ff4fb8,#ffd166,#6ee7ff,#8b5cf6,#ff4fb8);box-shadow:0 0 30px rgba(255,79,184,.42);animation:hueSpin 8s linear infinite}.cert-brand em{font-style:normal;font-size:.72em;background:#e8fbff;color:#1d1230;border-radius:999px;padding:2px 7px}.cert-topbar nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cert-topbar nav a{color:#fff;text-decoration:none;font-weight:900;font-size:12px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06)}.cert-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 28px));margin:22px auto 18px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.cert-preview-panel,.cert-editor-panel{border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(180deg,rgba(33,18,52,.82),rgba(18,9,34,.92));box-shadow:0 28px 90px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.03) inset;backdrop-filter:blur(18px)}.cert-preview-panel{padding:24px;overflow:hidden}.cert-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.cert-badges span{padding:7px 10px;border-radius:999px;color:#fff;font-size:11px;font-weight:1000;letter-spacing:.05em;border:1px solid rgba(255,79,184,.35);background:rgba(255,79,184,.10)}.cert-preview-panel h1{font-size:clamp(38px,6vw,78px);line-height:.95;letter-spacing:-.07em;margin:0;background:linear-gradient(90deg,#fff,#ffd6ee 28%,#ff4fb8 58%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,79,184,.18)}.cert-subtitle{max-width:700px;color:var(--cert-muted);font-size:17px;font-weight:800;line-height:1.55;margin:14px 0 20px}.cert-stage{position:relative;min-height:620px;border-radius:28px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,79,184,.22),transparent 30%),linear-gradient(180deg,#fff1f9,#ffdce9);box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 22px 60px rgba(255,79,184,.14);color:#4a154b}.cert-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.65),transparent 10%),radial-gradient(circle at 80% 15%,rgba(255,79,184,.20),transparent 16%),linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,0));pointer-events:none}.scan-title{position:absolute;top:24px;left:24px;right:24px;text-align:center;font-weight:1000;color:#b10077;font-size:22px;text-shadow:0 0 18px rgba(255,255,255,.65)}.scan-title small{font-size:13px;color:#7b3971}.fingerprint-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:230px;height:205px;border:5px solid #ffb5e1;border-radius:28px;background:radial-gradient(circle at 30% 30%,#ffc1e3,#c470a6 90%);box-shadow:0 0 30px #ffc1e3,inset 0 0 14px rgba(255,255,255,.35);display:grid;place-items:center;overflow:hidden;cursor:pointer;transition:.35s ease}.fingerprint-box:hover{transform:translate(-50%,-50%) scale(1.035);box-shadow:0 0 45px #ff8bd1,inset 0 0 20px rgba(255,255,255,.45)}.fingerprint-svg{width:78%;height:78%;fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;opacity:.95;filter:drop-shadow(0 0 10px rgba(255,255,255,.58))}.scan-line{position:absolute;top:-16px;left:0;width:100%;height:8px;background:linear-gradient(90deg,transparent,#00d2ff,#008cff,transparent);border-radius:999px;opacity:0;box-shadow:0 0 18px rgba(0,200,255,1),0 0 46px rgba(0,160,255,.85)}.cert-stage.scanning .scan-line{opacity:1;animation:scan 2.4s ease-in-out forwards}.scan-hint{position:absolute;top:155px;left:50%;transform:translateX(-50%);font-weight:1000;color:#111;text-align:center;opacity:0;text-shadow:0 0 10px rgba(0,200,255,.6)}.cert-stage.scanning .scan-hint{opacity:1;animation:fadeHint 2.5s ease-in-out forwards}.certificate{position:relative;z-index:2;width:min(420px,88%);padding:26px 20px;border:3px solid #e29ab7;border-radius:20px;background:linear-gradient(180deg,#fff,#fff7fb);box-shadow:0 20px 70px rgba(177,0,119,.20);text-align:center;opacity:0;transform:translateY(30px) scale(.92);pointer-events:none;transition:opacity .7s ease,transform .7s ease}.certificate.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.certificate:before{content:"";position:absolute;inset:-14px;border:3px dashed #ffb6d0;border-radius:26px;background:linear-gradient(120deg,#ffe4ee 0%,#fff9fc 100%);z-index:-1}.cert-ribbon{display:inline-block;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#b10077;color:white;font-weight:1000;font-size:10px;letter-spacing:.09em}.certificate h2{font-family:Georgia,serif;font-size:30px;color:#b10077;margin:4px 0 10px}.certificate p{font-size:15px;line-height:1.55;color:#5c3a53;margin:8px 0}.certificate b{color:#b10077}.huella-cuadro{width:110px;height:110px;margin:14px auto;border:2px solid #b10077;border-radius:14px;background:rgba(255,182,210,.22);display:grid;place-items:center}.huella-cuadro svg{width:82%;height:82%;fill:none;stroke:#b10077;stroke-width:5;stroke-linecap:round;opacity:.78}.cert-date,.cert-time{font-size:13px;color:#814474;margin-top:8px}.cert-date span,.cert-time span{font-weight:900}.cert-signature{margin-top:14px;color:#7a4069;font-style:italic}.floating-hearts span{position:absolute;bottom:-30px;font-size:24px;animation:floatHeart 8s ease-in-out forwards;z-index:3}.cert-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.btn{border:0;text-decoration:none;border-radius:16px;padding:13px 16px;font-weight:1000;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 35px rgba(0,0,0,.18)}.btn.primary{background:linear-gradient(135deg,#8b5cf6,#ff4fb8)}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.btn.pdf{background:linear-gradient(135deg,#ff7a00,#ff007a)}.cert-editor-panel{padding:24px}.editor-head span{display:inline-block;padding:8px 11px;border-radius:999px;background:rgba(110,231,255,.10);border:1px solid rgba(110,231,255,.24);color:#a9f6ff;font-weight:1000;font-size:12px}.editor-head h2{font-size:34px;letter-spacing:-.05em;margin:12px 0 8px}.editor-head p{color:var(--cert-muted);font-weight:700;line-height:1.5}label{display:block;margin:14px 0;color:#fff;font-weight:1000;font-size:14px}input,textarea{width:100%;margin-top:7px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(9,3,20,.62);color:#fff;padding:13px 14px;font:inherit;outline:none}textarea{height:112px;resize:vertical}input:focus,textarea:focus{border-color:rgba(255,79,184,.75);box-shadow:0 0 0 4px rgba(255,79,184,.12)}.quick-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.quick-row button,.music-actions button{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;font-weight:1000;padding:11px;cursor:pointer}.quick-row button:hover,.music-actions button:hover{background:rgba(255,79,184,.16)}.music-box{margin-top:14px;border-radius:22px;padding:16px;background:linear-gradient(135deg,rgba(255,79,184,.10),rgba(139,92,246,.10));border:1px solid rgba(255,255,255,.10)}.music-box p{color:var(--cert-muted);margin:4px 0 10px}.music-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.share-box{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.share-box a{border-radius:16px;text-align:center;text-decoration:none;color:#fff;font-weight:1000;padding:13px 12px}.share-box a:nth-child(1){background:linear-gradient(135deg,#00d36f,#08a84f)}.share-box a:nth-child(2){background:linear-gradient(135deg,#1b9cff,#1d63e9)}.share-box .register-cta{grid-column:1/-1;background:linear-gradient(135deg,#ff7a00,#ff008c)}.value-strip{position:relative;z-index:2;width:min(1180px,calc(100% - 28px));margin:0 auto 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-strip div{border-radius:20px;padding:17px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}.value-strip b{display:block;margin:4px 0}.value-strip span{color:var(--cert-muted);font-size:13px}.register-modal{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:18px;background:rgba(5,1,10,.72);backdrop-filter:blur(14px)}.register-modal.open{display:grid}.register-card{position:relative;width:min(520px,100%);border-radius:28px;padding:28px;text-align:center;background:linear-gradient(135deg,#24113a,#401044);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 100px rgba(0,0,0,.5)}.register-card>button{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.10);color:#fff;font-size:22px}.modal-icon{font-size:46px}.register-card h2{font-size:34px;letter-spacing:-.05em;margin:10px 0}.register-card p{color:var(--cert-muted);line-height:1.5}.register-card div:last-child{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cert-stage:fullscreen{width:100vw;height:100vh;border-radius:0}.cert-stage:fullscreen .certificate{width:min(520px,86%)}@keyframes scan{0%{top:-16px;opacity:.2}12%{opacity:1}55%{top:50%;opacity:1}100%{top:105%;opacity:.2}}@keyframes fadeHint{0%{opacity:0;translate:0 -8px}15%,70%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -8px}}@keyframes floatHeart{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:1}80%{opacity:.95}100%{transform:translateY(-86vh) scale(1.55);opacity:0}}@keyframes hueSpin{to{filter:hue-rotate(360deg)}}@media(max-width:980px){.cert-shell{grid-template-columns:1fr}.cert-stage{min-height:560px}.value-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cert-topbar{align-items:flex-start;display:grid}.cert-topbar nav{justify-content:flex-start}.cert-shell{width:min(100% - 16px,1180px)}.cert-preview-panel,.cert-editor-panel{border-radius:22px;padding:16px}.cert-preview-panel h1{font-size:44px}.cert-subtitle{font-size:15px}.cert-stage{min-height:560px;border-radius:22px}.fingerprint-box{width:190px;height:170px}.certificate{width:90%;padding:22px 14px}.certificate h2{font-size:25px}.cert-actions,.share-box,.quick-row{grid-template-columns:1fr;display:grid}.btn,.share-box a{width:100%}.value-strip{width:min(100% - 16px,1180px);grid-template-columns:1fr}.editor-head h2{font-size:28px}}

/* V46 - PDF protegido + audio muteado + valor agregado */
.cert-premium-seal{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 8px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#ffe7f5,#fff7fb);border:1px solid rgba(177,0,119,.28);color:#b10077;font-size:11px;font-weight:1000;box-shadow:0 8px 22px rgba(177,0,119,.12)}
.cert-serial{margin:12px auto 0;padding:8px 10px;border-radius:12px;background:rgba(177,0,119,.07);border:1px dashed rgba(177,0,119,.28);color:#7a4069;font-size:11px;font-weight:850;max-width:92%}
.cert-serial b{letter-spacing:.08em;color:#b10077}.cert-watermark{position:absolute;right:16px;bottom:12px;opacity:.10;font-size:22px;font-weight:1000;color:#b10077;letter-spacing:-.04em;pointer-events:none;transform:rotate(-5deg)}
.pdf-lock-hint{margin-top:14px;border-radius:18px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(255,79,184,.12));border:1px solid rgba(255,209,102,.22);color:#ffeec1;font-weight:950;line-height:1.35;box-shadow:0 16px 35px rgba(0,0,0,.18)}
#pdfBtn{position:relative;overflow:hidden}#pdfBtn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);translate:-120% 0;animation:certBtnShine 3.2s ease-in-out infinite}.register-modal.open .register-card{animation:modalPop .34s cubic-bezier(.2,1.1,.2,1)}.register-card .btn.primary{background:linear-gradient(135deg,#ff7a00,#ff008c)!important}.capturing-cert .cert-premium-seal{display:none!important}.capturing-cert .cert-watermark{opacity:.08}.music-box{position:relative;overflow:hidden}.music-box:after{content:"🔇 Audio muteado por defecto";display:block;margin-top:10px;border-radius:999px;padding:8px 10px;background:rgba(0,0,0,.20);color:#ffd6ee;font-size:12px;font-weight:1000;text-align:center}
@keyframes certBtnShine{0%,42%{translate:-120% 0}62%,100%{translate:120% 0}}@keyframes modalPop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.pdf-lock-hint{font-size:13px}.cert-watermark{font-size:17px;right:12px}.cert-serial{font-size:10px}}