body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cert-container{margin-top:30px;text-align:center}input{margin:10px;padding:8px;width:250px}button{margin-left:5px;padding:8px 16px}.certificado{margin:30px auto;max-width:500px;position:relative;width:100%}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:none;display:flex;left:10.5%;position:absolute;width:clamp(40px,9%,110px);z-index:3}.fondo{display:block;width:100%}.datos{color:#000;font-family:Georgia,serif;height:100%;left:0;text-align:center;top:0}.datos,.nombre{position:absolute;width:100%}.nombre{font-family:Great Vibes,cursive;font-size:30px;font-style:italic;font-weight:400;letter-spacing:1px;top:150px}.descripcion{font-weight:400;left:10%;line-height:1.6;top:220px;width:80%}.descripcion,.fecha{font-size:9px;position:absolute}.fecha{font-weight:500;top:270px;width:100%}.spinner-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.spinner{border:6px solid #f3f3f3;border-top-color:#3498db;margin-bottom:10px}@media (max-width:500px){.nombre{font-size:1.5em;top:140px}.descripcion{font-size:.1em;top:200px}.fecha{font-size:.1em;top:260px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:430px){.nombre{font-size:1.2em;top:130px}.descripcion{font-size:8px;top:170px}.fecha{font-size:8px;top:220px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:414px){.nombre{font-size:1.2em;top:120px}.descripcion{font-size:8px;top:160px}.fecha{font-size:8px;top:210px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:390px){.nombre{font-size:1em;top:120px}.descripcion{font-size:7px;top:150px}.fecha{font-size:7px;top:200px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:393px){.nombre{font-size:1em;top:120px}.descripcion{font-size:7px;top:150px}.fecha{font-size:7px;top:200px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:375px){.nombre{font-size:1em;top:110px}.descripcion{font-size:7px;top:145px}.fecha{font-size:7px;top:190px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:360px){.nombre{font-size:1em;top:105px}.descripcion{font-size:6px;top:140px}.fecha{font-size:6px;top:170px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:344px){.nombre{font-size:1em;top:95px}.descripcion{font-size:7px;top:130px}.fecha{font-size:7px;top:180px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}@media (max-width:320px){.nombre{font-size:1em;top:100px}.descripcion{font-size:7px;top:130px}.fecha{font-size:7px;top:180px}.certificado .qr-container{aspect-ratio:1/1;bottom:17%;display:flex;left:10.5%;position:absolute;width:clamp(30px,9%,110px);z-index:3}}:root{--color-primary:#00c6b4;--color-dark:#003a54;--color-text:#013249;--color-bg:#fff;--color-back:#eaeaea;--color-accent:#00b8a9}body{background-color:#eaeaea;background-color:var(--color-back);color:#013249;color:var(--color-text);font-family:Segoe UI,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh;padding:20px;text-align:center}main{flex:auto}.App-header{align-items:center;background-color:#fff;background-color:var(--color-bg);border-bottom:none;box-shadow:0 2px 4px #0000000d;display:flex;padding:16px 32px}.App-header img{height:48px;margin-right:12px}.App-header h1{color:#003a54;color:var(--color-dark);font-size:24px;margin:0}button{background-color:#00c6b4;background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}button:hover{background-color:#00b8a9;background-color:var(--color-accent)}input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-top:10px;padding:10px;width:280px}.descripcion-certificado{background-color:#fff;background-color:var(--color-bg);border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;color:#013249;color:var(--color-text);font-family:Segoe UI,sans-serif;margin:30px auto;max-width:800px;padding:24px;text-align:left}.nombre-certificado{color:#003a54;color:var(--color-dark);font-size:20px;font-weight:600;margin-bottom:12px}.detalle-certificado p{font-size:15px;line-height:1.6;margin-bottom:20px}.fechas{border-top:1px solid #eee;display:flex;gap:40px;justify-content:space-between;padding-top:16px}.fechas div{flex:1 1}.fechas strong{color:#555;display:block;font-size:13px;margin-bottom:4px}.fechas p{color:#222;font-size:14px;margin:0}footer{background-color:#fff;background-color:var(--color-bg);color:#666;font-size:14px;margin-top:60px;padding:20px;text-align:center}.verificacion{background-color:#fdfdfd;border:1px solid #ddd;border-radius:8px;border-top-color:#eee;margin-top:30px;padding:16px;position:relative}.verificacion:before{background-color:#eee;content:"";height:1px;left:16px;position:absolute;right:16px;top:0}.modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;max-width:400px;padding:24px;position:relative;text-align:left;width:90%}.modal h3{color:#003a54;color:var(--color-dark);font-size:18px;margin-top:0}.modal p{font-size:14px;margin-bottom:12px}.modal code{background:#f5f5f5;border-radius:4px;display:block;font-size:13px;margin-top:4px;padding:4px 6px;word-break:break-all}.cerrar{background:#00b8a9;background:var(--color-accent);border:none;cursor:pointer;font-size:18px;position:absolute;right:12px;top:8px}.loading-container{padding:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #00c6b4;border-radius:50%;border-top-color:#0000;height:40px;margin:0 auto 12px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{color:red;font-weight:700;margin-top:10px}
/*# sourceMappingURL=main.8d0b848d.css.map*/