:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sidebar{width:230px;height:calc(100vh - 60px);background:linear-gradient(180deg,#324d60,#091724);color:#fff;position:fixed;left:0;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 0 10px #091724b3;font-family:Segoe UI,sans-serif;transition:transform .3s ease;will-change:transform}body.nav-collapsed .sidebar{transform:translate(-110%);pointer-events:none;box-shadow:none}.sidebar-header{padding:20px;text-align:center;background:linear-gradient(90deg,#091724,#324d60);border-bottom:1px solid #92a4d3}.sidebar-header h2{margin:0;font-size:1.2rem;color:#92a4d3;letter-spacing:1px}.menu{flex:1;overflow-y:auto}.menu-item{border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .3s ease}.menu-title{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:.95rem;transition:background .3s,color .3s}.menu-title:hover{background:linear-gradient(90deg,#92a4d3,#324d60);color:#fff}.menu-title svg{font-size:18px;color:#92a4d3;transition:transform .3s,color .3s}.menu-title:hover svg{color:#fff}.submenu{display:flex;flex-direction:column;background:#92a4d314;border-left:3px solid #92a4d3;overflow:hidden}.submenu a{color:#e0e0e0;padding:10px 40px;text-decoration:none;font-size:.9rem;transition:all .2s}.submenu a:hover{background:#92a4d3;color:#fff}.rotate{transform:rotate(180deg);transition:transform .3s}.login-section{border-top:1px solid #324d60;padding:15px 20px;background:linear-gradient(90deg,#091724,#324d60)}.login-link{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:700;transition:color .3s}.login-link:hover{color:#92a4d3}.topbar{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(90deg,#091724,#324d60,#92a4d3);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 25px;box-shadow:0 2px 10px #09172499;z-index:1000;font-family:Segoe UI,sans-serif}.topbar-left{display:flex;align-items:center;gap:12px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background-color:#ffffff2e;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.menu-toggle:hover{background-color:#ffffff4d}.menu-toggle:focus{outline:2px solid #92a4d3;outline-offset:2px}.menu-toggle:active{transform:scale(.96)}.menu-toggle svg{font-size:1.4rem}body.nav-collapsed .menu-toggle{background-color:#f309091f}.login-logo2{display:flex;align-items:center}.login-logo2 img{width:150px;height:auto;margin:0;border-radius:0}.topbar h1{font-size:1.2rem;letter-spacing:1px}.topbar-right span{background-color:#ffffff26;padding:5px 12px;border-radius:12px;font-weight:700}:root{--sidebar-width: 230px;--topbar-height: 60px;--color-fondopantalla: #ffffff;--color-borde: #92a4d3;--color-sombra: rgb(0, 0, 0, .5);--color-titulos: #204466;--color-texto-h2: #204466;--color-texto-h3: #204466;--color-textonormal: #204466;--color-grupo-fondo: #7fa0f333;--color-grupo-borde: #1f85da;--color-formulario-label: #92a4d3;--color-formulario-borde: #92a4d3;--color-formulario-borde-focus: #324d60;--color-formulario-sombra-focus: rgba(50, 77, 96, .3)}.layout{padding-top:var(--topbar-height);padding-left:var(--sidebar-width);transition:padding-left .5s ease}body.nav-collapsed .layout{padding-left:0}.main-content{width:calc(100vw - var(--sidebar-width) - 27px);padding:0rem;background-color:var(--color-fondopantalla);min-height:calc(100vh - var(--topbar-height));box-sizing:border-box;margin:5px;color:var(--color-textonormal);display:flex;flex-direction:column}body.nav-collapsed .main-content{width:calc(100vw - 27px);background-color:#ffbc04}.contenido-header{width:100%;margin-bottom:1rem;text-align:left;border-bottom:2px solid var(--color-borde)}.contenido-header h1{font-size:2rem;font-weight:700;color:var(--color-titulos)}.config-section-grupo{width:fit-content;background-color:var(--color-grupo-fondo);border:1px solid var(--color-grupo-borde);border-radius:12px;padding:1.8rem;margin-bottom:2rem;box-shadow:0 4px 10px var(--color-sombra)}.config-section-grupo h2{color:var(--color-texto-h2);margin-bottom:1.2rem;font-size:1.3rem}.config-section-grupo h3{margin-top:1.5rem;color:var(--color-texto-h3)}.form-grid{display:grid;gap:1rem 2rem}.form-grid label{font-weight:600;color:var(--color-textonormal)}.form-grid input{padding:.8rem;border-radius:8px;border:1px solid var(--color-formulario-borde);outline:none;font-size:1rem;transition:all .3s ease}.form-grid input:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus)}.table-container{width:100%;margin:4px 4px 10px;background-color:#f9fbfd;border-radius:10px;padding:5px;box-shadow:0 2px 8px #0000001a}.data-table{min-width:400px;width:100%;border-collapse:collapse;font-family:Inter,sans-serif}.data-table thead{background-color:#7ca4d6;text-align:left}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid #e0e0e0;font-size:14px}.data-table th{color:#fff;font-weight:600;text-transform:uppercase}.data-table tr:hover{background-color:#7894b927}.data-table tr.seleccionado{background-color:#7fa0f333;border-left:4px solid var(--color-grupo-borde)}.tag{display:inline-block;width:100px;background-color:#dce8f9;font-weight:500;padding:4px 10px;border-radius:15px;margin-right:6px;font-size:13px}.data-table .activa .tag{color:#67a306}.data-table .inactiva .tag{color:#c62828}.actions{display:flex;gap:8px}.edit-btn,.delete-btn{border:none;background:none;cursor:pointer;font-size:16px}.edit-btn{color:#999}.edit-btn:hover{background:#fff;color:#2a9d8f}.delete-btn{color:#999}.delete-btn:hover{background:#fff;color:#e76f51}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.pagination button{border:none;background-color:#edf2f7;padding:6px 10px;border-radius:6px;cursor:pointer;margin:0 3px}.pagination .pages button.active{background-color:#3d5a80;color:#fff}.pagination button:hover{background-color:#e97509}.dashboard-grid{display:grid;gap:1.5rem;width:100%;box-sizing:border-box}.dashboard-grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-grid-2{grid-template-columns:repeat(2,minmax(400px,1fr));margin-top:2rem}.dashboard-card{background:linear-gradient(135deg,#92a4d3,#324d60);color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 10px #00000026;transition:all .3s ease}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000040}.text-lg{font-size:1.2rem}.font-bold{font-weight:700}.flex-between{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.dashboard-fullscreen{padding:1rem}.dashboard-header h1{font-size:1.6rem}.dashboard-grid-2{grid-template-columns:1fr}}.acciones-establecimientos{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;margin-bottom:1rem}.filtros-establecimientos,.filtros-cajas{width:100%;margin-bottom:1rem}.secuencial-control{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}.info-secuencial{font-size:.95rem;color:var(--color-textonormal);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:2rem;border-radius:12px;width:500px;box-shadow:0 5px 20px #0000004d}.modal-form input{width:100%;padding:.85rem;border-radius:10px;border:1px solid var(--color-formulario-borde);font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.modal-form input:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus)}@media (max-width: 640px){.acciones-establecimientos{justify-content:center}}.change-password-container{background-color:#fff;border-radius:12px;box-shadow:0 0 12px #0000001a;padding:2rem;max-width:500px;margin:2rem auto;text-align:left}.change-password-container h2{text-align:center;color:#333;margin-bottom:1.5rem}.change-password-form .form-group{margin-bottom:1rem}.change-password-form label{display:block;font-weight:700;color:#555;margin-bottom:.5rem}.change-password-form input{width:100%;padding:.7rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s}.change-password-form input:focus{border-color:#646cff;outline:none}.btn-change{width:100%;background-color:#646cff;color:#fff;font-weight:700;border:none;padding:.8rem;border-radius:6px;cursor:pointer;transition:background-color .3s}.btn-change:hover{background-color:#4b54cc}.message{margin-top:1rem;text-align:center;color:#444;font-weight:700}.acciones-categorias{display:flex;justify-content:flex-end;margin-bottom:1rem}.acciones-categorias button,.acciones-categorias .reactive-button{width:auto}.filtros-categorias{width:100%}.filtro-busqueda input[type=text]{width:100%;padding:.85rem;border-radius:10px;border:1px solid var(--color-formulario-borde);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.filtro-busqueda input[type=text]:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus)}@media (max-width: 640px){.acciones-categorias{justify-content:center}.acciones-categorias .reactive-button{width:100%}}.modal{background:#fff;border-radius:12px;padding:2rem;width:420px;max-width:90%;box-shadow:0 12px 24px #0003}.modal-content h3{margin-bottom:1rem;color:var(--color-texto-h3)}.modal-form input,.modal-form textarea{width:100%;padding:.8rem;border-radius:10px;border:1px solid var(--color-formulario-borde);font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.modal-form textarea{resize:none;min-height:90px}.modal-form input:focus,.modal-form textarea:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus)}.acciones-productos{display:flex;justify-content:flex-end;margin-bottom:1rem}.acciones-productos .reactive-button{width:auto}.filtros-productos{width:100%}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:.4rem}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.capitalize{text-transform:capitalize}@media (max-width: 640px){.acciones-productos{justify-content:center}.acciones-productos .reactive-button{width:100%}}.acciones-clientes{display:flex;justify-content:flex-end;margin-bottom:1rem}.acciones-clientes .reactive-button{width:auto}.filtros-clientes{width:100%}.filtro-busqueda input{width:100%;padding:.85rem;border-radius:10px;border:1px solid var(--color-formulario-borde);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.filtro-busqueda input:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus)}.filtro-opciones{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;padding:.75rem 1rem;background-color:#7fa0f31f;border:1px dashed var(--color-formulario-borde);border-radius:12px}.filtro-opciones__titulo{font-weight:600;color:var(--color-textonormal)}.filter-checkbox{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-textonormal)}.modal{background:#fff;border-radius:12px;padding:2rem;width:520px;max-width:95%;box-shadow:0 12px 24px #0003}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width: 640px){.acciones-clientes{justify-content:center}.acciones-clientes .reactive-button{width:100%}}.acciones-formas{display:flex;justify-content:flex-end;margin-bottom:1rem}.acciones-formas .reactive-button{width:auto}.filtros-formas{width:100%}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:end}.filtro-busqueda label{display:block;font-weight:600;color:var(--color-textonormal);margin-bottom:.5rem}.filtro-busqueda select{width:100%;padding:.85rem;border-radius:10px;border:1px solid var(--color-formulario-borde);font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.filtro-busqueda select:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus)}.sin-resultados{text-align:center;font-style:italic;color:#566071}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;border-radius:12px;padding:2rem;width:420px;max-width:95%;box-shadow:0 12px 24px #0003}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form input,.modal-form select{width:100%;padding:.8rem;border-radius:10px;border:1px solid var(--color-formulario-borde);font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.modal-form input:focus,.modal-form select:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 640px){.acciones-formas{justify-content:center}.acciones-formas .reactive-button{width:100%}}.proformas-page .config-section-grupo{width:100%}.proformas-section{margin-bottom:1.5rem}.proformas-top-actions{display:flex;justify-content:flex-start;margin-bottom:1rem}.section-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.section-title h2,.section-title h3{margin:0;color:var(--color-texto-h2)}.proformas-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:end}.proformas-form-grid.three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.proformas-form-grid input,.proformas-form-grid select,.proformas-table input,.payments-card select{width:100%;padding:.75rem;border-radius:10px;border:1px solid var(--color-formulario-borde);background-color:#fff;font-size:.95rem}.proformas-form-grid input:focus,.proformas-form-grid select:focus,.proformas-table input:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus);outline:none}.button-field{display:flex;align-items:flex-end;width:100%}.inline-add-product{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.inline-add-product__input{flex:1;min-width:220px}.inline-add-product__button{display:flex;align-items:flex-end}.proformas-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1rem 0}.proformas-filters .filter-item{display:flex;flex-direction:column;gap:.4rem}.proformas-filters input,.proformas-filters select{padding:.65rem;border-radius:8px;border:1px solid var(--color-formulario-borde)}.existing-proformas-modal .proformas-filters{margin:0}.selected-client{margin-top:1rem;padding:.9rem 1.1rem;background:#7fa0f326;border:1px dashed var(--color-grupo-borde);border-radius:10px;color:var(--color-textonormal)}.muted-text{color:#5f6a82;font-size:.95rem}.table-container.proformas-table{margin-top:1rem;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0000000f;padding:.75rem}.proformas-table table{width:100%;border-collapse:collapse}.proformas-table th{text-align:left;padding:.75rem;background:#f3f6ff;color:var(--color-titulos);font-weight:600}.proformas-table td{padding:.65rem;border-bottom:1px solid #e2e8f5;font-size:.95rem}.proformas-table.small th,.proformas-table.small td{font-size:.9rem}.proformas-table input{padding:.5rem .65rem}.table-actions{display:flex;gap:.4rem;flex-wrap:wrap}.table-actions-inline{justify-content:flex-start}.text-right{text-align:right}.text-center{text-align:center}.mt-24{margin-top:1.5rem}.action-button-content{display:inline-flex;align-items:center;gap:.4rem}.totals-payments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.totals-card,.payments-card{background:#ffffffe6;border-radius:12px;padding:1.2rem;box-shadow:0 4px 14px #0000000d}.totals-card h3,.payments-card h3{margin-top:0;color:var(--color-texto-h2)}.totals-line{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem}.totals-destacado{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;padding:.5rem 0;color:var(--color-texto-h2)}.totals-line.pendiente strong{color:#c0392b}.totals-line.completo strong{color:#148f2c}.totals-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.status-tag{display:inline-block;padding:.2rem .8rem;border-radius:999px;font-size:.85rem;text-transform:capitalize}.status-tag.abierta{background:#4caf5026;color:#1b7f2e}.status-tag.cerrada{background:#f4433626;color:#a41f12}.modal-overlay{position:fixed;inset:0;background:#0a0f2873;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;border-radius:16px;width:min(560px,90vw);padding:1.5rem;box-shadow:0 15px 35px #0000002e}.modal-content.modal-large{width:min(960px,95vw)}.crear-cliente-form h3{margin-top:0;margin-bottom:1rem;color:var(--color-texto-h2)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.modal-actions.right{justify-content:flex-end}.inactivo{background:#f7f7fb;color:#6c7284}.existing-proformas-modal{display:flex;flex-direction:column;gap:1rem}.existing-proformas-modal .table-container{margin-top:0}.repcobrar-panel{width:100%;max-width:960px}.chosen-select-wrapper{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.chosen-select-wrapper input,.chosen-select-wrapper select{padding:.75rem;border-radius:10px;border:1px solid var(--color-formulario-borde);font-size:1rem;color:var(--color-textonormal);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.chosen-select-wrapper input:focus,.chosen-select-wrapper select:focus{border-color:var(--color-formulario-borde-focus);box-shadow:0 0 6px var(--color-formulario-sombra-focus);outline:none}.chosen-select{background-image:linear-gradient(90deg,#f3f6ff,#fff);cursor:pointer}.chosen-label{font-weight:600;color:var(--color-texto-h3)}.cliente-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.cliente-resumen div{display:flex;flex-direction:column;padding:.85rem;border:1px solid var(--color-grupo-borde);border-radius:10px;background:#7fa0f314}.cliente-resumen span{font-size:.85rem;color:#5f6a82;margin-bottom:.25rem}.cliente-resumen strong{font-size:1rem;color:var(--color-titulos)}.login-fullscreen{width:100vw;min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#091724,#92a4d3);background-size:400% 400%;animation:gradientShift 12s ease infinite;font-family:Segoe UI,sans-serif;padding:16px;box-sizing:border-box;overflow:auto}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-box{background:linear-gradient(180deg,#fff,#92a4d3);border-radius:20px;box-shadow:0 4px 25px #09172480;width:100%;max-width:420px;padding:clamp(20px,5vw,40px) clamp(20px,6vw,50px);text-align:center;color:#091724;position:relative;z-index:2;box-sizing:border-box}.login-logo img{width:clamp(140px,35vw,230px);height:auto;margin-bottom:15px;border-radius:12px}.login-box h2{margin-bottom:25px;font-size:clamp(1.2rem,2.5vw,1.5rem);color:#091724;letter-spacing:1px}.form-group{text-align:left;margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:#091724;font-weight:700}.form-group input{width:100%;padding:12px;border:2px solid #324d60;border-radius:8px;background-color:#fff;color:#091724;transition:border-color .3s,box-shadow .3s;font-size:16px;box-sizing:border-box}.form-group input:focus{border-color:#92a4d3;box-shadow:0 0 5px #92a4d3;outline:none}.button-group{display:flex;gap:12px;justify-content:space-between;margin-top:25px}.btn-login,.btn-signup{width:100%;padding:12px;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}@media (min-width: 481px){.btn-login,.btn-signup{width:50%}}.btn-login{background:linear-gradient(90deg,#324d60,#92a4d3)}.btn-login:hover,.btn-signup{background:linear-gradient(90deg,#92a4d3,#324d60)}.btn-signup:hover{background:linear-gradient(90deg,#324d60,#92a4d3)}.recover-link{margin-top:20px}.recover-link a{text-decoration:none;color:#324d60;font-weight:700;transition:color .3s}.recover-link a:hover{color:#091724}@media (max-width: 480px){.button-group{flex-direction:column}.login-box{padding:20px}}.recuperar-container{width:100vw;height:100vh;background:linear-gradient(135deg,#92a4d3,#fff,#92a4d3,#324d60,#091724);display:flex;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif}.recuperar-card{width:100%;max-width:420px;background-color:#fff;border-radius:16px;box-shadow:0 8px 25px #00000026;padding:2.5rem;text-align:center;animation:fadeIn .6s ease-in-out}.recuperar-title{color:#324d60;font-size:1.8rem;font-weight:700;margin-bottom:.8rem}.recuperar-text{font-size:.95rem;color:#92a4d3;margin-bottom:1.5rem}.recuperar-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.btn-recuperar{background:linear-gradient(135deg,#324d60,#92a4d3);color:#fff;padding:.9rem 1rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;transition:all .3s ease}.btn-recuperar:hover{background:linear-gradient(135deg,#92a4d3,#324d60);transform:translateY(-2px);box-shadow:0 4px 10px #324d6066}.volver-login{margin-top:1.5rem}.volver-login a{text-decoration:none;color:#324d60;font-weight:600;transition:color .3s ease}.volver-login a:hover{color:#92a4d3}@media (max-width: 480px){.recuperar-card{padding:1.8rem}.recuperar-title{font-size:1.5rem}}.registro-container{width:100vw;height:100vh;background:linear-gradient(135deg,#92a4d3,#fff,#92a4d3,#324d60,#091724);display:flex;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif}.registro-card{width:100%;max-width:450px;background-color:#fff;border-radius:16px;box-shadow:0 8px 25px #00000026;padding:2.5rem;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.registro-title{text-align:center;color:#324d60;font-size:1.8rem;margin-bottom:1.5rem;font-weight:700}.registro-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#091724;margin-bottom:.3rem}.form-group input{padding:.8rem 1rem;border-radius:8px;border:1px solid #92a4d3;outline:none;font-size:1rem;transition:all .3s ease}.form-group input:focus{border-color:#324d60;box-shadow:0 0 8px #324d604d}.btn-registrar{background:linear-gradient(135deg,#324d60,#92a4d3);color:#fff;padding:.9rem 1rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;transition:all .3s ease}.btn-registrar:hover{background:linear-gradient(135deg,#92a4d3,#324d60);transform:translateY(-2px);box-shadow:0 4px 10px #324d6066}@media (max-width: 480px){.registro-card{padding:1.5rem}.registro-title{font-size:1.4rem}}