:root{--cyan:#06b6d4;--purple:#8b5cf6;--orange:#f97316;--pink:#ec4899;--white:#f1f5f9;--bg-eerie:#0d0d0d;--bg-black-gunmetal:#111827;--support-beer:#f59e0b;--t-green:#22c55e;--gold:#d4af37;--dark-gold:#8b7500;--glud-bg:#0a0f0a;--glud-cyan:#00e5ff;--glud-cyan-dim:#00e5ffbf;--glud-circuit:#00e5ff14;--glud-circuit-bright:#00e5ff2e;--glud-pink-accent:#ff147859;--glud-text:#e8f4f8;--glud-muted:#e8f4f88c}.certificates-section{width:100%;color:var(--white);background:linear-gradient(#0a0a0f 0%,#0f0b1e 15%,#0b1120 50%,#080d18 100%);padding:6rem 2rem;font-family:"Exo 2 Variable","Exo 2",sans-serif;position:relative;overflow:hidden}.certificates-background{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.certificates-grid{background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:50px 50px;width:200%;height:200%;animation:20s linear infinite moveGrid;position:absolute;top:-50%;left:-50%}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.certificates-glow{opacity:.1;filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite pulse;position:absolute}.certificates-glow-1{background:var(--purple);width:600px;height:600px;top:-200px;right:-200px}.certificates-glow-2{background:var(--cyan);width:500px;height:500px;animation-delay:4s;bottom:-150px;left:-150px}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.2}}.certificates-container{z-index:2;max-width:1400px;margin:0 auto;position:relative}.certificates-header{text-align:center;margin-bottom:4rem;animation:.8s ease-out slideInDown}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.certificates-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:700}.certificates-title .gradient-text{background:linear-gradient(135deg, var(--cyan), var(--purple), var(--pink));-webkit-text-fill-color:transparent;background-clip:text}.certificates-description{color:#f1f5f9b3;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.certificates-content{grid-template-columns:1fr 1.2fr;align-items:start;gap:3rem;animation:.8s ease-out .2s both slideInUp;display:grid}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.certificates-form-wrapper{backdrop-filter:blur(10px);background:#11182766;border:1px solid #8b5cf633;border-radius:.75rem;padding:2rem}.certificate-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--white);margin-bottom:.25rem;font-size:.95rem;font-weight:500;display:block}.form-input,.form-textarea{color:var(--white);background:#0f172acc;border:1px solid #8b5cf64d;border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input::-moz-placeholder{color:#f1f5f980}.form-textarea::-moz-placeholder{color:#f1f5f980}.form-input::placeholder,.form-textarea::placeholder{color:#f1f5f980}.form-input:focus,.form-textarea:focus{border-color:var(--cyan);background:#0f172a;outline:none;box-shadow:0 0 0 3px #06b6d41a}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-divider{opacity:.6;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.form-divider:before,.form-divider:after{content:"";background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);flex:1;height:1px}.divider-text{color:#f1f5f9b3;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.form-actions{gap:1rem;margin-top:1rem;display:flex}.btn-reset{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:.5rem;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-generate{background:linear-gradient(135deg, var(--cyan), var(--purple));color:var(--white);box-shadow:0 4px 15px #06b6d44d}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.btn-generate:active{transform:translateY(0)}.btn-reset{color:var(--white);background:#8b5cf61a;border:1px solid #8b5cf64d}.btn-reset:hover{background:#8b5cf633;border-color:#8b5cf680}.certificate-preview-wrapper{flex-direction:column;gap:1.5rem;display:flex}.certificate-preview{background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:stretch;width:100%;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00e5ff33,0 0 35px #00e5ff1a,0 20px 60px #000000b3}.certificate-container{text-align:center;width:100%;color:var(--glud-text);background-color:#0b1a0e;background-image:repeating-linear-gradient(0deg,#0000,#0000 38px,#00e5ff12 38px 39px),repeating-linear-gradient(90deg,#0000,#0000 38px,#00e5ff12 38px 39px),linear-gradient(160deg,#0d1a10 0%,#08110a 50%,#0a0d14 100%);border-radius:.5rem;flex-direction:column;padding:2.5rem 2.8rem 2rem;font-family:"Exo 2 Variable","Exo 2",Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.certificate-container:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(135deg,#00e5ff1f 0%,#0000 28%),linear-gradient(315deg,#dc1e6433 0%,#0000 22%);position:absolute;inset:0}.certificate-container:after{content:"";pointer-events:none;z-index:0;border:1px solid #00e5ff1a;border-radius:2px;position:absolute;inset:8px}.certificate-container>*{z-index:1;position:relative}.certificate-ribbon{display:none}.certificate-header-content{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.8rem;display:grid}.certificate-header-content:before{content:"Grupo GNU Linux\a Universidad Distrital";white-space:pre;color:#fff;letter-spacing:.01em;text-shadow:0 0 18px #ffffff1a;text-align:left;align-self:center;font-size:1.35rem;font-weight:800;line-height:1.2}.certificate-icon{display:none}.certificate-title-main{letter-spacing:.25em;color:var(--glud-muted);text-align:center;text-transform:uppercase;text-shadow:none;grid-column:2;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.certificate-subtitle{color:var(--glud-muted);letter-spacing:.1em;text-align:center;text-transform:uppercase;grid-area:2/2;margin:0;font-size:.75rem}.certificate-header-content:after{content:"";place-self:center end;display:block}.certificate-header-content img,.certificate-header-content svg:not(.certificate-icon){grid-column:3;justify-self:end;width:auto;max-height:70px}.certificate-body{text-align:center;flex-direction:column;gap:.4rem;margin-bottom:1.8rem;display:flex}.certificate-text-intro,.certificate-text-middle,.certificate-text-main,.certificate-text-final{color:var(--glud-text);margin:.2rem 0;font-size:.95rem;line-height:1.65}.certificate-text-main{color:var(--glud-muted);text-align:center;margin-bottom:.2rem;font-size:.9rem}#preview-graduate-name{text-shadow:0 0 20px #00e5ff80;letter-spacing:.02em;font-weight:700;line-height:1.2;display:block;color:var(--glud-cyan)!important;border-bottom:none!important;padding:.35rem 0!important;font-size:2.1rem!important}.certificate-text-main strong{color:var(--glud-text);font-weight:600;border-bottom:none!important;padding:0!important}.certificate-text-final{color:var(--glud-text);text-align:center;margin-top:.4rem;padding:0 .5rem;font-size:.95rem;font-style:normal;line-height:1.65}.certificate-info,.info-graduate,.info-course,.info-instructor{display:none}.certificate-footer{border-top:1px solid #00e5ff1f;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:1rem 1.5rem;margin-top:1.5rem;padding-top:1rem;display:grid}.date-block{flex-direction:column;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.date-label{color:var(--glud-muted);text-align:center;margin:0;font-size:.78rem;font-weight:400}.date-value{color:var(--glud-text);text-align:center;border-bottom:1px solid #ffffff73;min-width:100px;margin:.2rem 0 0;padding:.2rem 0;font-size:.95rem;font-weight:500}.signature-block{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.signature-line{background:#ffffff73;width:100%;height:1px;margin-bottom:.4rem}.signature-label{color:var(--glud-muted);text-transform:none;letter-spacing:.02em;margin:0;font-size:.78rem;font-weight:400}.signature-name{color:var(--glud-text);min-height:1.3rem;margin:.1rem 0 0;font-size:1rem;font-weight:500}.certificate-decoration{justify-content:center;align-items:center;margin-top:1.5rem;display:flex}.decoration-line{display:none}.decoration-seal{color:var(--glud-muted);letter-spacing:.03em;opacity:1;width:auto;height:auto;font-size:.78rem}.decoration-seal svg{display:none}.certificate-actions{justify-content:center;gap:1rem;display:flex}.btn-action{color:var(--white);cursor:pointer;backdrop-filter:blur(10px);background:#11182766;border:1px solid #8b5cf64d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.btn-action:hover{border-color:var(--cyan);background:#8b5cf633;transform:translateY(-2px)}.btn-action:active{transform:translateY(0)}.btn-action svg{width:20px;height:20px}.btn-download:hover{border-color:var(--t-green)}.btn-print:hover{border-color:var(--support-beer)}@media (width<=1024px){.certificates-title{font-size:2.5rem}.certificates-content{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.certificates-section{padding:4rem 1rem}.certificates-title{font-size:2rem}.certificates-description{font-size:1rem}.certificates-form-wrapper{padding:1.5rem}.form-actions{flex-direction:column}.btn-generate,.btn-reset{width:100%}.certificate-container{padding:1.5rem 1.2rem}.certificate-title-main{font-size:1.15rem}#preview-graduate-name{font-size:1.6rem!important}.certificate-footer{grid-template-columns:1fr;gap:1.5rem}.certificate-actions{flex-direction:column}.btn-action{justify-content:center;width:100%}}@media (width<=480px){.certificates-section{padding:2rem 1rem}.certificates-header{margin-bottom:2rem}.certificates-title{font-size:1.5rem}.certificate-container{padding:1rem}.certificate-title-main{font-size:.95rem}.certificate-text-intro,.certificate-text-middle,.certificate-text-final{font-size:.85rem}#preview-graduate-name{font-size:1.3rem!important}.signature-label{font-size:.7rem}}
