@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap";.ingreso-socio{width:100%}.ingreso-socio .title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-sm)}.ingreso-socio .subtitle{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-xl)}.ingreso-socio form{width:100%}.ingreso-socio .input-group{margin-bottom:var(--spacing-lg)}.ingreso-socio .input-group label{display:block;font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.ingreso-socio .input-group input{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);transition:all .3s ease;font-family:var(--font-family)}.ingreso-socio .input-group input:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #2196f31a}.ingreso-socio .input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.ingreso-socio .input-group input::placeholder{color:var(--color-text-placeholder);font-style:italic}.ingreso-socio .message-error{background:#ffebee;border-left:4px solid var(--color-secondary);color:#c62828;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.ingreso-socio .btn{width:100%;padding:14px 40px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;letter-spacing:.5px;font-family:var(--font-family)}.ingreso-socio .btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button)}.ingreso-socio .btn-primary:hover:not(:disabled){background:#45a049;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.ingreso-socio .btn-primary:disabled{background:#a5d6a7;cursor:not-allowed;transform:none}.ingreso-socio .privacy-notice{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.ingreso-socio .privacy-notice p{font-size:var(--font-size-xs);color:var(--color-text-light);text-align:center;line-height:1.5}@media (max-width: 576px){.ingreso-socio .title{font-size:18px}.ingreso-socio .subtitle{font-size:13px}.ingreso-socio .btn{padding:12px 20px}}.ingreso-fecha{width:100%}.ingreso-fecha .title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-sm)}.ingreso-fecha .subtitle{font-size:16px;color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-xl)}.ingreso-fecha .subtitle strong{color:var(--color-text);font-weight:600}.ingreso-fecha form{width:100%}.ingreso-fecha .input-group{margin-bottom:var(--spacing-lg)}.ingreso-fecha .input-group label{display:block;font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.ingreso-fecha .input-group input{width:100%;max-width:100%;box-sizing:border-box;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);transition:all .3s ease;font-family:var(--font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ingreso-fecha .input-group input:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #2196f31a}.ingreso-fecha .input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.ingreso-fecha .date-preview{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic}.ingreso-fecha .message-error{background:#ffebee;border-left:4px solid var(--color-secondary);color:#c62828;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.ingreso-fecha .message-warning{background:#fff3e0;border-left:4px solid #FF9800;color:#e65100;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);font-weight:500}.ingreso-fecha .blocked-actions{margin-bottom:var(--spacing-lg)}.ingreso-fecha .blocked-help{background:#e3f2fd;border-left:4px solid var(--color-info);color:#1565c0;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.ingreso-fecha .blocked-help-secondary{background:#f3e5f5;border-left:4px solid #9C27B0;color:#6a1b9a;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.6;margin:0}.ingreso-fecha .button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.ingreso-fecha .btn{flex:1;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;letter-spacing:.5px;font-family:var(--font-family)}.ingreso-fecha .btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-button)}.ingreso-fecha .btn-secondary:hover:not(:disabled){background:#e53935;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.ingreso-fecha .btn-info{background:var(--color-info);color:#fff;box-shadow:var(--shadow-button)}.ingreso-fecha .btn-info:hover:not(:disabled){background:#1e88e5;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.ingreso-fecha .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ingreso-fecha .help-text{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.ingreso-fecha .help-text p{font-size:var(--font-size-xs);color:var(--color-text-light);text-align:center;line-height:1.5}@media (max-width: 576px){.ingreso-fecha .title{font-size:18px}.ingreso-fecha .subtitle{font-size:13px}.ingreso-fecha .input-group input{padding:10px 12px;font-size:16px}.ingreso-fecha .button-group{flex-direction:column;gap:var(--spacing-sm)}.ingreso-fecha .btn{width:100%;padding:12px 20px}}.resultado-sede{width:100%;text-align:center;padding:var(--spacing-md) 0}.resultado-sede .success-icon{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);animation:bounceIn .6s ease-out}.resultado-sede .title{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-lg)}.resultado-sede .sede-container{margin:var(--spacing-xl) 0;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--radius-lg);border:2px solid var(--color-primary)}.resultado-sede .sede-nombre{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:2px;text-transform:uppercase;line-height:1.2;margin-bottom:var(--spacing-md);animation:fadeInScale .5s ease-out}.resultado-sede .lugar-evento{font-size:var(--font-size-md);color:var(--color-text-light);font-weight:500;margin-top:var(--spacing-md);animation:fadeIn .7s ease-out}.resultado-sede .horario-evento{font-size:var(--font-size-md);color:var(--color-info);font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#2196f31a;border-radius:var(--radius-sm);display:inline-block;animation:fadeIn .9s ease-out}.resultado-sede .info-adicional{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:#e3f2fd;border-radius:var(--radius-md);border-left:4px solid var(--color-info)}.resultado-sede .info-adicional p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-sm)}.resultado-sede .info-adicional p:last-child{margin-bottom:0}.resultado-sede .btn{width:100%;padding:14px 40px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;letter-spacing:.5px;font-family:var(--font-family);margin-top:var(--spacing-lg)}.resultado-sede .btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-button)}.resultado-sede .btn-secondary:hover{background:#e53935;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 576px){.resultado-sede .title{font-size:18px}.resultado-sede .sede-nombre{font-size:32px;letter-spacing:1px}.resultado-sede .lugar-evento{font-size:14px}.resultado-sede .info-adicional{padding:var(--spacing-md)}.resultado-sede .info-adicional p{font-size:13px}.resultado-sede .btn{padding:12px 20px}.resultado-sede .success-icon svg{width:60px;height:60px}}.consulta-page{min-height:80vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);flex:1}.consulta-container{width:100%;max-width:500px;flex:1;display:flex;align-items:center;justify-content:center}.consulta-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);width:100%;animation:slideIn .4s ease-out;position:relative;z-index:100}@media (max-width: 576px){.consulta-page{padding:var(--spacing-md)}.consulta-card{padding:var(--spacing-lg)}}@media (min-width: 577px) and (max-width: 768px){.consulta-card{padding:32px}}.login-admin{width:100%}.login-admin .title{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-sm)}.login-admin .subtitle{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-xl)}.login-admin form{width:100%}.login-admin .input-group{margin-bottom:var(--spacing-lg)}.login-admin .input-group label{display:block;font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.login-admin .input-group input{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);transition:all .3s ease;font-family:var(--font-family)}.login-admin .input-group input:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #2196f31a}.login-admin .input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-admin .input-group input::placeholder{color:var(--color-text-placeholder);font-style:italic}.login-admin .message-error{background:#ffebee;border-left:4px solid var(--color-secondary);color:#c62828;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.login-admin .btn{width:100%;padding:14px 40px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;letter-spacing:.5px;font-family:var(--font-family)}.login-admin .btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button)}.login-admin .btn-primary:hover:not(:disabled){background:#45a049;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.login-admin .btn-primary:disabled{background:#a5d6a7;cursor:not-allowed;transform:none}.login-admin .help-text{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.login-admin .help-text p{font-size:var(--font-size-xs);color:var(--color-text-light);text-align:center;line-height:1.5}@media (max-width: 576px){.login-admin .title{font-size:18px}.login-admin .subtitle{font-size:13px}.login-admin .btn{padding:12px 20px}}.carga-padron{width:100%;padding-bottom:var(--spacing-xl)}.carga-padron .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.carga-padron .title{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text)}.carga-padron .btn-logout{padding:8px 16px;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease}.carga-padron .btn-logout:hover:not(:disabled){background:#e53935;transform:translateY(-1px)}.carga-padron .btn-logout:disabled{opacity:.6;cursor:not-allowed}.carga-padron form{width:100%}.carga-padron .input-group{margin-bottom:var(--spacing-xl)}.carga-padron .input-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.carga-padron .file-input-wrapper input[type=file]{width:100%;padding:12px;border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.carga-padron .file-input-wrapper input[type=file]:hover{border-color:var(--color-info);background:#f5f9ff}.carga-padron .file-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#e8f5e9;border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.carga-padron .file-icon{font-size:24px}.carga-padron .file-name{flex:1;font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.carga-padron .file-size{font-size:var(--font-size-xs);color:var(--color-text-light)}.carga-padron .help-text{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-light);font-style:italic}.carga-padron .mode-selection{margin-bottom:var(--spacing-xl)}.carga-padron .mode-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-md)}.carga-padron .mode-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.carga-padron .mode-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.carga-padron .mode-option:hover{border-color:var(--color-info);background:#f5f9ff}.carga-padron .mode-option.selected{border-color:var(--color-info);background:#e3f2fd}.carga-padron .mode-option input[type=radio]{margin-top:2px;cursor:pointer}.carga-padron .mode-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.carga-padron .mode-title{font-size:var(--font-size-md);font-weight:500;color:var(--color-text)}.carga-padron .mode-description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.5}.carga-padron .confirmation-box{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#fff3e0;border:2px solid #FF9800;border-radius:var(--radius-md)}.carga-padron .confirmation-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.carga-padron .confirmation-label input[type=checkbox]{margin-top:2px;cursor:pointer}.carga-padron .confirmation-text{font-size:var(--font-size-sm);color:#e65100;line-height:1.5}.carga-padron .message-error{background:#ffebee;border-left:4px solid var(--color-secondary);color:#c62828;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.carga-padron .error-report-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #FFCDD2}.carga-padron .btn-download-report{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;background:var(--color-info);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-button)}.carga-padron .btn-download-report:hover{background:#1e88e5;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.carga-padron .btn{width:100%;padding:14px 40px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;letter-spacing:.5px;font-family:var(--font-family)}.carga-padron .btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button)}.carga-padron .btn-primary:hover:not(:disabled){background:#45a049;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.carga-padron .btn-primary:disabled{background:#a5d6a7;cursor:not-allowed;transform:none}.carga-padron .info-box{margin-top:var(--spacing-xl);padding:var(--spacing-md);background:#e3f2fd;border-left:4px solid var(--color-info);border-radius:var(--radius-sm)}.carga-padron .info-box h3{font-size:var(--font-size-md);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.carga-padron .info-box ul{margin:0;padding-left:20px}.carga-padron .info-box li{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-xs)}@media (max-width: 576px){.carga-padron .header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.carga-padron .title{font-size:18px}.carga-padron .btn-logout{align-self:flex-end}.carga-padron .mode-option{padding:var(--spacing-sm)}.carga-padron .btn{padding:12px 20px}}.resultado-carga{width:100%;padding-bottom:var(--spacing-xl)}.resultado-carga .success-header{text-align:center;margin-bottom:var(--spacing-xl)}.resultado-carga .success-icon{margin-bottom:var(--spacing-md);animation:bounceIn .6s ease-out}.resultado-carga .title{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.resultado-carga .subtitle{font-size:var(--font-size-sm);color:var(--color-text-light)}.resultado-carga .subtitle strong{color:var(--color-text);font-weight:600}.resultado-carga .summary-section{margin-bottom:var(--spacing-xl)}.resultado-carga .summary-section h3{font-size:var(--font-size-md);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-md)}.resultado-carga .summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.resultado-carga .summary-item{display:flex;flex-direction:column;padding:var(--spacing-md);background:#f5f5f5;border-radius:var(--radius-md);border-left:4px solid var(--color-info)}.resultado-carga .summary-label{font-size:var(--font-size-xs);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.resultado-carga .summary-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.resultado-carga .summary-value.highlight-success{color:var(--color-primary)}.resultado-carga .summary-value.highlight-info{color:var(--color-info)}.resultado-carga .summary-value.highlight-error{color:var(--color-secondary)}.resultado-carga .summary-value.highlight-warning{color:#ff9800}.resultado-carga .warnings-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:#fff3e0;border-left:4px solid #FF9800;border-radius:var(--radius-md)}.resultado-carga .warnings-section h3{font-size:var(--font-size-md);font-weight:500;color:#e65100;margin-bottom:var(--spacing-sm)}.resultado-carga .warnings-description{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.resultado-carga .warnings-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.resultado-carga .warning-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.resultado-carga .warning-socio{font-weight:600;color:var(--color-text);min-width:80px}.resultado-carga .warning-count{color:#ff9800;font-weight:500}.resultado-carga .warning-rows{color:var(--color-text-light);font-size:var(--font-size-xs)}.resultado-carga .warnings-more{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic;text-align:center}.resultado-carga .actions-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.resultado-carga .btn{width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize;letter-spacing:.5px;font-family:var(--font-family)}.resultado-carga .btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button)}.resultado-carga .btn-primary:hover{background:#45a049;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.resultado-carga .btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-button)}.resultado-carga .btn-secondary:hover{background:#e53935;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.resultado-carga .btn-info{background:var(--color-info);color:#fff;box-shadow:var(--shadow-button)}.resultado-carga .btn-info:hover{background:#1e88e5;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.resultado-carga .info-note{padding:var(--spacing-md);background:#e3f2fd;border-radius:var(--radius-sm);text-align:center}.resultado-carga .info-note p{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width: 576px){.resultado-carga .title{font-size:18px}.resultado-carga .summary-grid{grid-template-columns:1fr}.resultado-carga .warning-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.resultado-carga .btn{padding:12px 20px}}.error-header{text-align:center;margin-bottom:2rem}.error-icon{margin-bottom:1rem}.error-section{background-color:#fee;border-left:4px solid #e74c3c;padding:1.5rem;margin-bottom:2rem;border-radius:4px}.error-message{color:#c0392b;font-size:1rem;margin-bottom:1rem}.error-section .actions{margin-top:1rem}.admin-page{min-height:80vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:80px;flex:1}.admin-container{width:100%;max-width:700px;flex:1;display:flex;align-items:center;justify-content:center}.admin-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-card);width:100%;animation:slideIn .4s ease-out;position:relative;z-index:100}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 576px){.admin-page{padding:var(--spacing-md)}.admin-card{padding:var(--spacing-lg)}}@media (min-width: 577px) and (max-width: 768px){.admin-card{padding:32px}}.processing-status{padding:2rem}.processing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.processing-header h2{margin:0;color:#2c3e50}.processing-content{text-align:center;padding:3rem 2rem}.spinner{width:60px;height:60px;margin:0 auto 2rem;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-message{font-size:1.1rem;color:#2c3e50;margin-bottom:1rem}.processing-detail{font-size:.95rem;color:#7f8c8d;margin-bottom:.5rem}.task-id{font-size:.85rem;color:#95a5a6;font-family:monospace}.info-box{background-color:#e8f4f8;border-left:4px solid #3498db;padding:1rem;margin-top:2rem;border-radius:4px}.info-box p{margin:0;color:#2c3e50;font-size:.95rem}:root{--color-primary: #4CAF50;--color-secondary: #F44336;--color-info: #2196F3;--color-text: #2C3E50;--color-text-light: #5A6C7D;--color-text-placeholder: #B0BEC5;--color-border: #E0E0E0;--color-background: #FFFFFF;--gradient-background: linear-gradient(135deg, #B8C5C9 0%, #A8D5D8 50%, #7FC8CC 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .15);--shadow-button: 0 2px 8px rgba(0, 0, 0, .2);--shadow-button-hover: 0 4px 12px rgba(0, 0, 0, .25);--font-family: "Titillium Web", "Arial", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 21px;--font-size-xl: 28px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;position:relative;background-image:url(/assets/front-bg-02.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column}@media (min-width: 768px){.app{background-image:url(/assets/front-bg-01.jpg)}}.app:before,.app:after{content:"";position:fixed;top:20px;width:128px;height:128px;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10}.app:before{left:20px;background-image:url(/assets/logo-e-01.png)}.app:after{right:20px;background-image:url(/assets/logo-e-02.png)}.app-footer{width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:center;position:fixed;bottom:0;left:0;background-image:url(/assets/cintillo-footer.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:100}.app-footer .logo-container{display:flex;justify-content:center;align-items:center}.app-footer .footer-logo{color:#fff;font-size:var(--font-size-sm);font-weight:500;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@media (max-width: 576px){.app-footer{padding:var(--spacing-sm) var(--spacing-md)}.app-footer .footer-logo{font-size:var(--font-size-xs)}.app:before,.app:after{width:80px;height:80px;top:10px}.app:before{left:10px}.app:after{right:10px}}@media (min-width: 577px) and (max-width: 768px){.app:before,.app:after{width:100px;height:100px;top:15px}.app:before{left:15px}.app:after{right:15px}}