:root{--fondo:#050505;--fondo-alt:#0d0d0d;--card:hsla(0,0%,7%,.75);--card-solida:hsla(0,0%,9%,.95);--borde:hsla(0,0%,100%,.1);--borde-fuerte:hsla(0,0%,100%,.2);--rojo:#e50914;--rojo-brillo:#ff1e27;--rojo-oscuro:#8b0000;--blanco:#fff;--texto:#f5f5f5;--texto-tenue:#a0a0a0;--radio:14px;--transicion:all 0.25s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--fondo);background-image:radial-gradient(circle at 20% 0,rgba(229,9,20,.12),transparent 45%),radial-gradient(circle at 80% 100%,rgba(255,30,39,.08),transparent 45%);background-attachment:fixed;color:var(--texto);font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{font-family:Outfit,Inter,system-ui,sans-serif;font-weight:600;line-height:1.25}.card{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--borde);border-radius:var(--radio)}.campo{margin-bottom:1.15rem}.campo label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--texto-tenue);margin-bottom:.5rem}.campo input,.campo select{width:100%;padding:.85rem 1rem;background:hsla(0,0%,4%,.85);border:1px solid var(--borde-fuerte);border-radius:10px;color:var(--texto);font-size:1rem;font-family:inherit;transition:var(--transicion)}.campo select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right .85rem center;background-size:1.1rem;padding-right:2.6rem}.campo input:focus,.campo select:focus{outline:none;border-color:var(--rojo);box-shadow:0 0 0 3px rgba(229,9,20,.25)}.campo input::placeholder{color:hsla(0,0%,63%,.5)}.campo.error input,.campo.error select{border-color:var(--rojo-brillo)}.mensaje-error{display:block;margin-top:.4rem;font-size:.82rem;color:var(--rojo-brillo)}.campo select option{background:#0d0d0d;color:var(--texto)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.95rem 1.5rem;background:linear-gradient(135deg,var(--rojo),var(--rojo-oscuro));color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:var(--transicion)}.boton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 24px rgba(229,9,20,.45);background:linear-gradient(135deg,var(--rojo-brillo),var(--rojo))}.boton:disabled{opacity:.55;cursor:not-allowed}.boton-secundario{background:transparent;border:1px solid var(--borde-fuerte);color:var(--texto);width:auto;padding:.6rem 1.1rem;font-size:.9rem}.boton-secundario:hover:not(:disabled){border-color:var(--rojo);box-shadow:none;transform:translateY(-1px)}.pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.panel-form{width:100%;max-width:480px;padding:2.2rem;border:1px solid var(--borde);box-shadow:0 12px 40px rgba(0,0,0,.8)}.marca{text-align:center;margin-bottom:2rem}.marca img{width:90px;height:90px;object-fit:cover;border-radius:20px;margin-bottom:.9rem;box-shadow:0 0 20px rgba(229,9,20,.3);border:2px solid var(--borde-fuerte)}.marca .sigla{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:.9rem;border-radius:18px;background:linear-gradient(135deg,var(--rojo),#111);border:1px solid var(--rojo);color:var(--blanco);font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;box-shadow:0 0 28px rgba(229,9,20,.35)}.marca h1{font-size:1.7rem;letter-spacing:.03em;text-transform:uppercase;color:var(--blanco)}.marca p{font-size:.92rem;margin-top:.35rem}.marca p,.precio-nota{color:var(--texto-tenue)}.precio-nota{text-align:center;font-size:.85rem;margin-top:1rem}.exito{text-align:center;padding:1rem 0}.exito .icono{width:66px;height:66px;margin:0 auto 1.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,245,160,.12);border:1px solid rgba(0,245,160,.35);color:var(--verde);font-size:2rem}.exito h2{color:var(--verde);margin-bottom:.6rem}.exito p{color:var(--texto-tenue);font-size:.95rem;margin-bottom:1.5rem}.aviso{padding:.85rem 1rem;border-radius:10px;font-size:.9rem;margin-bottom:1.2rem;background:rgba(255,65,108,.1);border:1px solid rgba(255,65,108,.3);color:#ff8fa8}.admin{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.admin-cabecera{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.admin-cabecera h1{font-size:1.5rem}.admin-cabecera .acciones{display:flex;gap:.6rem;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.75rem}.kpi{padding:1.15rem 1.25rem;transition:var(--transicion)}.kpi:hover{transform:translateY(-2px);border-color:var(--borde-fuerte)}.kpi .etiqueta{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-tenue)}.kpi .valor{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:700;margin-top:.35rem;line-height:1.1}.kpi.rojo .valor{color:var(--rojo-brillo)}.kpi.blanco .valor{color:var(--blanco)}.kpi.tenue .valor{color:var(--texto-tenue)}.barra-busqueda{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.barra-busqueda input,.barra-busqueda select{padding:.7rem .9rem;background:hsla(0,0%,4%,.85);border:1px solid var(--borde-fuerte);border-radius:10px;color:var(--texto);font-family:inherit;font-size:.95rem}.barra-busqueda input{flex:1 1 240px}.barra-busqueda input:focus,.barra-busqueda select:focus{outline:none;border-color:var(--rojo);box-shadow:0 0 0 3px rgba(229,9,20,.2)}.barra-busqueda select option{background:#0d0d0d}.tabla-wrap{overflow-x:auto;border-radius:var(--radio)}table{width:100%;border-collapse:collapse;font-size:.92rem}thead th{text-align:left;padding:.85rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-tenue);border-bottom:1px solid var(--borde);white-space:nowrap}tbody td{padding:.8rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.05)}tbody tr{transition:var(--transicion)}tbody tr:hover{background:rgba(229,9,20,.04)}.mono{font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.88rem;color:var(--texto-tenue)}.chip{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);color:var(--blanco);white-space:nowrap}.chip.talla{background:rgba(229,9,20,.15);border-color:rgba(229,9,20,.4);color:#ff6b72}.switch{position:relative;display:inline-block;width:46px;height:25px;cursor:pointer;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .pista{inset:0;background:hsla(0,0%,100%,.12);border-radius:999px}.switch .pista,.switch .pista:before{position:absolute;transition:var(--transicion)}.switch .pista:before{content:"";height:19px;width:19px;left:3px;top:3px;background:#fff;border-radius:50%}.switch input:checked+.pista{background:var(--rojo);box-shadow:0 0 14px rgba(229,9,20,.5)}.switch input:checked+.pista:before{transform:translateX(21px)}.switch input:disabled+.pista{opacity:.5;cursor:wait}.vacio{text-align:center;padding:3rem 1rem;color:var(--texto-tenue)}@media (max-width:640px){.pantalla{padding:1rem .75rem}.panel-form{padding:1.5rem 1.25rem;border-radius:12px}.marca img{width:76px;height:76px;margin-bottom:.75rem}.marca h1{font-size:1.45rem}.admin{padding:1rem .75rem 3rem}.kpi .valor{font-size:1.4rem}tbody td,thead th{padding:.65rem .5rem;font-size:.85rem}.modal-overlay{padding:1rem;align-items:flex-end}.modal-flotante{max-height:85vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:modalSlideUp .25s cubic-bezier(.4,0,.2,1)}}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.selector-caja{width:100%;padding:.85rem 1rem;background:hsla(0,0%,4%,.85);border:1px solid var(--borde-fuerte);border-radius:10px;color:var(--texto);font-size:1rem;font-family:inherit;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:var(--transicion)}.selector-caja:focus,.selector-caja:hover{border-color:var(--rojo);box-shadow:0 0 0 3px rgba(229,9,20,.25)}.selector-caja.placeholder{color:hsla(0,0%,63%,.6)}.modal-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-flotante{background:#0d0d0d;border:1px solid var(--borde-fuerte);border-radius:var(--radio);width:100%;max-width:440px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.9),0 0 30px rgba(229,9,20,.2);overflow:hidden;animation:modalScale .2s ease-out}.modal-cabecera{padding:1.1rem 1.4rem;border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between}.modal-cabecera h3{font-size:1.1rem;color:var(--blanco)}.modal-cerrar{background:transparent;border:none;color:var(--texto-tenue);font-size:1.4rem;cursor:pointer;padding:.2rem .5rem;border-radius:6px;line-height:1}.modal-cerrar:hover{color:var(--blanco);background:hsla(0,0%,100%,.1)}.modal-lista{padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.modal-opcion{padding:.8rem 1rem;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--texto);font-size:.95rem;font-family:inherit;text-align:left;cursor:pointer;transition:var(--transicion);display:flex;align-items:center;justify-content:space-between}.modal-opcion:hover{background:rgba(229,9,20,.12);border-color:rgba(229,9,20,.3);color:var(--blanco)}.modal-opcion.seleccionado{background:var(--rojo);color:#fff;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}