*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f4f7fb;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.portal-container{background:#f8fafc;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.portal-layout{grid-template-columns:2fr 1fr;align-items:start;gap:30px;margin-top:30px;display:grid}.portal-left{flex-direction:column;gap:25px;display:flex}.portal-right{position:sticky;top:20px}.portal-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.portal-logo{width:110px;height:auto}.portal-title{color:#0a4c8b;margin:0;font-size:34px;font-weight:600}.portal-subtitle{color:#666;margin-top:6px;font-size:16px}.portal-header-info{flex-direction:column;display:flex}.portal-divider{border-bottom:1px solid #e5e5e5;width:100%;margin-bottom:1px}@media (width<=768px){.portal-title{font-size:2.5rem}.portal-subtitle{font-size:1rem}}@media (width<=992px){.portal-layout{grid-template-columns:1fr}}.consulta-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #00000014}.consulta-card h2{color:#1e40af;margin-bottom:30px;font-size:2rem}.consulta-card label{margin-bottom:10px;font-size:1.1rem;font-weight:600;display:block}.consulta-input-group{gap:15px;display:flex}.consulta-input{border:1px solid #cbd5e1;border-radius:12px;flex:1;height:60px;padding:0 20px;font-size:1.2rem;transition:all .3s}.consulta-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.consulta-button{color:#fff;cursor:pointer;background:#e75325;border:none;border-radius:12px;min-width:180px;font-size:1.1rem;font-weight:600;transition:all .3s}.consulta-button:hover{background:#1d3d90}.consulta-buttonid{color:#fff;cursor:pointer;background:#e75325;border:none;border-radius:12px;min-width:180px;margin-top:10px;padding:10px;font-size:1.2rem;font-weight:500;transition:all .3s}.consulta-buttonid:hover{background:#1d3d90}.consulta-button:disabled{cursor:not-allowed;background:#94a3b8}.seguridad{text-align:center;color:#64748b;margin-top:30px;font-size:1rem}.cliente-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014}.cliente-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.cliente-header h2{color:#1e40af;margin:0}.cliente-ok{color:#16a34a;font-size:.95rem;font-weight:600}.cliente-dato{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 0;display:flex}.cliente-dato span{color:#64748b}.cliente-dato strong{font-size:1.1rem}@media (width<=768px){.consulta-card{padding:25px}.consulta-input-group{flex-direction:column}.consulta-button{width:100%;height:55px}}.polizas-container{margin-top:40px}.polizas-title{color:#0f172a;margin-bottom:25px;font-size:2rem}.poliza-card{background:#fff;border-radius:18px;margin-bottom:20px;padding:25px;transition:all .3s;box-shadow:0 8px 20px #00000014}.poliza-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000001f}.poliza-ramo{color:#1e40af;margin-bottom:15px;font-size:1.3rem;font-weight:700}.poliza-info{color:#334155;margin-bottom:10px}.poliza-proceso{color:#ca4343;margin-bottom:10px;font-size:medium}.poliza-button{color:#fff;cursor:pointer;background:#e75325;border:none;border-radius:12px;width:100%;height:35px;margin-top:15px;font-size:1rem;font-weight:600}.poliza-button:hover{background:#1d3d90}.ticket-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000014}.ticket-card h2{color:#1e40af;margin-top:0}.ticket-poliza{border-bottom:1px solid #e5e7eb;padding:18px 0}.ticket-poliza h3{color:#334155;margin:0;font-size:1.1rem}.ticket-cuota{justify-content:space-between;margin-top:8px;font-size:.93rem;display:flex}.ticket-subtotal{justify-content:space-between;margin-top:15px;font-weight:700;display:flex}.ticket-total{color:#1e40af;justify-content:space-between;margin:20px 0;font-size:1.3rem;font-weight:700;display:flex}.ticket-formaPago{color:#06351a;justify-content:space-between;margin:15px 0;font-size:1rem;display:flex}.ticket-pagar{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;width:100%;height:55px;font-size:1.1rem;font-weight:600}.ticket-pagar:hover{background:#15803d}.ticket-pagar:disabled{cursor:not-allowed;background:#cbd5e1}.ticket-seguridad{text-align:center;color:#64748b;margin-top:18px;font-size:.9rem}.ticket-cliente{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;display:flex}.ticket-numero{color:#64748b;margin-bottom:10px;font-size:.9rem}.ticket-info{text-align:center;color:#64748b;flex-direction:column;gap:8px;margin-top:25px;font-size:.85rem;display:flex}.ticket-mensaje{text-align:center;border-radius:8px;margin:15px 0;padding:12px;font-size:14px;font-weight:500}.ticket-mensaje.error{color:#b71c1c;background:#fdeaea;border:1px solid #ef9a9a}.ticket-mensaje.success{color:#1b5e20;background:#e8f5e9;border:1px solid #81c784}.ticket-mensaje.info{color:#0d47a1;background:#e3f2fd;border:1px solid #64b5f6}.h2Rec{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.portal-logoRec{width:290px;height:auto;margin-bottom:9px}.portal-titleRec{color:#0a4c8b;margin:0;font-size:34px;font-weight:600}.ticket-cardRec{background:#fff;border-radius:20px;justify-content:center;align-items:center;padding:25px;box-shadow:0 10px 30px #00000014}.ticket-cardRec h2{color:#1e40af;margin-top:0}.ticket-clienteRec{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;margin:20px 0;padding:10px;display:flex}.ticket-totalRec{color:#1e40af;justify-content:space-between;margin:20px 0;font-size:1.3rem;font-weight:700;display:flex}.ticket-pagarRec{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;width:100%;height:55px;font-size:1.1rem;font-weight:600}.ticket-pagar:hoverRec{background:#15803d}.ticket-infoRec{text-align:center;color:#64748b;flex-direction:column;gap:8px;margin-top:25px;font-size:.85rem;display:flex}.btn-descargar{cursor:pointer;color:#fff;background:#0a4c8b;border:none;border-radius:8px;width:100%;margin-top:15px;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.btn-descargar:hover{background:#083a6b}.procesando-overlay{z-index:99999;background:#ffffffeb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.procesando-card{text-align:center;background:#fff;border-radius:20px;width:430px;padding:45px;box-shadow:0 20px 50px #00000026}.procesando-logo{width:140px;margin-bottom:25px}.procesando-card h2{color:#0a4c8b;margin-top:20px;margin-bottom:15px}.procesando-card p{color:#555;font-size:17px}.procesando-card span{color:#999;font-size:15px}.spinner{border:7px solid #e5e7eb;border-top-color:#0a4c8b;border-radius:50%;width:70px;height:70px;margin:auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}