body{margin:0;font-family:Arial,sans-serif;background:url(/assets/fondo1.jpg) no-repeat 50% fixed;background-size:cover;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.card{background:#fff;padding:30px;border-radius:18px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:540px}.avatar{width:150px;height:150px;border-radius:50%;margin:4px 0}.name{margin:-6px 0;font-size:30px;font-weight:700}@keyframes pianoSlide{0%{left:-100%}50%{left:100%}to{left:100%}}.titulo-bloque{width:100%;text-align:center;background:#002b5b;color:white;padding:10px 0;font-size:18px;margin-top:25px;border-radius:10px}.pagos .card .bio{text-align:center;padding:15px;margin:0 auto -6px;max-width:800px;line-height:1.5;font-size:16px;color:#1a1a1a;box-sizing:border-box}.pagos{display:flex;justify-content:center;align-items:flex-start;padding:26px 10px;min-height:100vh;box-sizing:border-box}.pagos .avatar{width:150px;height:150px;margin-bottom:12px}.pagos .bio{text-align:center;padding:15px 30px;max-width:800px;margin:0 auto 20px;line-height:1.5;font-size:16px;color:#333;box-sizing:border-box}.pagos .titulo-bloque{font-size:20px;margin-top:12px;padding:10px 0;border-radius:10px}.pagos .contenedor-cuadros{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:22px}.pagos .cuadro-pago{background:rgba(255,255,255,.75);border-radius:10px;padding:15px;box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .08s ease,box-shadow .08s ease,background-color .08s ease,filter .08s ease}.pagos .cuadro-pago:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 12px 30px rgba(40,200,40,.7);background-color:rgba(255,255,255,.95);filter:drop-shadow(0 0 15px rgba(40,200,40,.7))}.pagos .logo-transferencia{width:40px;display:block;margin:0 auto 10px}.pagos .datos-enmarcados{border:1px solid #002b5b;border-radius:6px;padding:8px 12px;margin-top:10px;background-color:#ffffff}.pagos .datos-pago p{font-size:14px;margin:6px 0;color:#000;text-align:left}.pagos .boton-pago{text-align:center;margin-top:12px}.pagos .btn-pagar{display:inline-block;background-color:#0c8a56;color:#fff;padding:4px 14px;text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .3s ease;font-size:14px}.pagos .btn-pagar:hover{background-color:#003366}.pagos .botones-finales{text-align:center;margin:40px 0;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.pagos .btn-final{padding:4px 10px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s;color:#fff;display:inline-flex;align-items:center;gap:8px}.pagos .btn-final:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.pagos .btn-final.imprimir{background-color:#1e90ff}.pagos .btn-final:not(.imprimir){background-color:#ff6600}@media (max-width:992px){.pagos .contenedor-cuadros{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width:600px){.pagos{padding:20px 10px}.pagos .contenedor-cuadros{grid-template-columns:1fr;gap:12px}.pagos .logo-transferencia{width:50px;margin-bottom:8px}.pagos .titulo-bloque{font-size:18px;padding:8px 0}.pagos .btn-final{font-size:14px;padding:5px 12px}}.pagos .cuadro-pago h3{margin-top:2px;margin-bottom:6px;font-size:14px;text-align:center;color:#1e3a8a;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.pagos .card{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;max-width:950px;width:100%;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.3);box-sizing:border-box}.pagos .datos-pago strong{color:#1e3a8a}.footer{margin-top:20px;color:#333;text-align:center;padding:10px 0}.modal-acceso{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.15);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;justify-content:center;align-items:center;z-index:99999}.modal-contenido{background:#170d17;color:white;width:100%;max-width:500px;padding:25px 30px;border-radius:18px;text-align:center;box-shadow:0 0 25px rgba(0,0,0,.5);border:1px solid #1f6feb;animation:aparecer .35s ease-out}@keyframes aparecer{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icono{font-size:50px;margin-bottom:-22px}.modal-acceso h2{color:#cc0000;font-weight:700;font-size:30px;margin-bottom:16px}.modal-texto{color:white;font-size:15px;margin-bottom:16px;opacity:.9}.error-text{font-size:15px;margin-top:10px}#codigoPago{width:90%;padding:10px;font-size:15px;border-radius:8px;border:1px solid #2f81f7;outline:none;text-align:center;margin-bottom:10px;background:#161b22;color:white}#codigoPago:focus{border-color:#54a3ff;box-shadow:0 0 6px rgba(84,163,255,.6)}.modal-botones .btn-azul{background:#1f6feb;padding:8px 30px;border:none;color:white;border-radius:10px;font-size:15px;cursor:pointer;transition:.2s}.modal-botones .btn-azul:hover{background:#388bfd;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.2)}.contador{font-size:1rem;margin-top:10px;padding:6px 12px;border-radius:6px;background:#222;animation:fadeIn .5s ease-in-out}.error-text{color:#ff4d4d;font-weight:700;animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.contador{font-size:1.2rem;font-weight:700;margin:15px 0;padding:10px 15px;border-radius:8px;text-align:center;position:relative;overflow:hidden;color:#fff}.contador.verde:after{background:rgba(255,255,255,.7)}.contador.amarillo:after{background:rgba(0,0,0,.3)}.contador.rojo:after{background:rgba(255,255,255,.9)}.contador:after{content:"";position:absolute;bottom:0;left:0;height:5px;background:rgba(255,255,255,.7);animation:progreso linear forwards}@keyframes progreso{0%{width:100%}to{width:0}}.contador.verde{background:#28a745;color:#fff}.contador.amarillo{background:#ffc107;color:#222}.contador.rojo{background:#dc3545;color:#fff}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-expirado{background:#fff;padding:25px 30px;border-radius:10px;text-align:center;max-width:400px;box-shadow:0 5px 20px rgba(0,0,0,.3);animation:fadeIn .4s ease-in-out}.modal-expirado h2{margin-bottom:10px;color:#dc3545}.modal-expirado p{margin-bottom:20px;font-size:1rem}.modal-expirado button{background:#007bff;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:700}.modal-expirado button:hover{background:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-botones{display:flex;justify-content:center;gap:12px;margin-top:10px}.modal-botones .btn-solicitar{background:#28a745;color:#fff;border:none;padding:8px 30px;border-radius:10px;font-size:15px;cursor:pointer;transition:.2s}.modal-botones .btn-solicitar:hover{background:#3ca65c;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.2)}.modal-botones .btn-solicitar:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}.modal-botones button{padding:8px 22px;font-size:15px;border-radius:10px;cursor:pointer;transition:.2s;width:164px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.15)}.modal-botones .btn-azul:active{background:#1856b3}.modal-botones .btn-azul:active,.modal-botones .btn-solicitar:active{transform:scale(.96) translateY(1px);box-shadow:inset 0 3px 6px rgba(0,0,0,.5)}.modal-botones .btn-solicitar:active{background:#1e7e34}#bg1,#bg2{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;transition:opacity 1.2s ease-in-out;z-index:-1}#bg1{opacity:1}#bg2{opacity:0}.card{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:560px;width:100%;text-align:center}.contact .card{padding:8px 20px}.contact form{display:flex;flex-direction:column;gap:14px;text-align:left;max-width:450px;margin:0 auto}form label{font-weight:700;color:#333;margin-bottom:2px}form input,form textarea{width:100%;padding:8px;font-size:.9rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}form input:focus,form textarea:focus{border-color:#0077b5;outline:none}form .btn{background:#0077b5;color:#fff;font-weight:700;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;transition:.2s;box-shadow:0 2px 4px rgba(0,0,0,.15)}form .btn:hover{background:#005582;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.2)}form .btn:active{background:#00507a;transform:scale(.96) translateY(1px);box-shadow:inset 0 3px 6px rgba(0,0,0,.5)}form .btn:disabled{opacity:.8;cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.15)}.aviso{margin-top:15px;font-size:.8rem;color:#1a1a1a;font-style:italic;text-align:center}.footer{margin-top:14px;font-size:.75rem;color:#1a1a1a}.contact{position:relative;min-height:100vh;overflow:hidden}.contact #bg1,.contact #bg2{position:fixed;inset:0;background-size:cover;background-position:50%;transition:opacity .8s ease;opacity:0;z-index:0}.contact .card,.contact .page,.contact main{position:relative;z-index:1}.contact textarea{resize:none;overflow-y:scroll;border:1px solid #ccc;border-radius:4px;padding:.3rem;font-size:.9rem;line-height:1.4;min-height:90px}.card h1{margin-top:6px;margin-bottom:12px;font-size:30px}.contact textarea::-webkit-scrollbar{width:6px}.contact textarea::-webkit-scrollbar-track{background:transparent}.contact textarea::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.25);border-radius:3px}.contact textarea::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}.contact textarea{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}.loading-text{color:#0077b5;font-weight:700;margin-top:10px;font-size:.9rem}.required{color:red;font-weight:700;margin-left:2px}@media (max-width:480px){form{padding:10px}form button,form input,form textarea{width:100%;font-size:14px;margin-bottom:12px}}@media (max-width:600px){.contact{padding:8px 0;display:flex;justify-content:center;align-items:flex-start}.contact .card{max-width:92%;margin:6px auto;padding:12px}.contact form{width:100%;max-width:340px;margin:0 auto}.contact form button,.contact form input,.contact form textarea{font-size:14px;padding:10px}.contact .card h1{font-size:20px;margin-bottom:8px}.contact .card{padding:14px 12px;margin:8px auto}.contact form{gap:8px;max-width:320px;margin:0 auto}.contact form button,.contact form input,.contact form textarea{padding:8px;font-size:14px}.contact .card h1{font-size:19px;margin-top:8px;margin-bottom:8px}}#overlay-pagos{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:100000!important}#overlay-pagos>.modal-expirado{background:#170d17!important;color:#fff!important;padding:25px 30px!important;border-radius:18px!important;text-align:center!important;max-width:500px!important;width:100%!important;box-shadow:0 0 25px rgba(0,0,0,.5)!important;border:1px solid #1f6feb!important;animation:aparecer .35s ease-out!important}#overlay-pagos>.modal-expirado h2{color:#cc0000!important;font-weight:700!important;font-size:28px!important;margin-bottom:16px!important}.mensaje-pdf{text-align:center;margin-top:-14px;font-weight:700;color:#d35400;font-size:15px}