.encontrar-clavo-container{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5;overflow-y:auto}.header-simple{background-color:#007bff;color:#fff;padding:15px;display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.header-simple h1{margin:0;font-size:1.2rem;font-weight:600}.back-btn{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:5px}.content-wrapper{padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.search-form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.input-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}.btn-primary{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:disabled{background-color:#ccc}.info-box{background-color:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:4px;margin-bottom:20px;font-size:.9rem;color:#0d47a1;line-height:1.5}.error-msg{background-color:#ffebee;color:#c62828;padding:12px;border-radius:8px;text-align:center;margin-bottom:20px}.resultado-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;animation:slideUp .3s ease-out}.resultado-card h3{margin-top:0;color:#007bff;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.dato-fila{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #eee}.dato-fila:last-child{border-bottom:none}.dato-fila .label{color:#666;font-weight:500}.dato-fila .valor{font-weight:600;color:#333;text-align:right}.dato-fila.destacado{background-color:#fff8e1;padding:10px;border-radius:6px;border-bottom:none;margin-top:10px}.dato-fila.destacado .label{color:#f57f17}.phone-link a{color:#007bff;text-decoration:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.root{height:100svh}:root{--bg: #0b1220;--fg: #e6eef8;--muted: #9fb3c8;--primary: #0ea5e9;--card: #111827;--error: #ef4444 }*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}html,body{overscroll-behavior-y:none;overscroll-behavior-x:none}html.allow-ptr,body.allow-ptr{overscroll-behavior-y:auto}.app-shell{min-height:calc(var(--app-dvh, 100svh));display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);max-width:100vw;overscroll-behavior-y:contain}.app-header{position:sticky;top:0;background:linear-gradient(180deg,#0c4a6e,#082f49);color:#fff;padding:12px;display:flex;align-items:center;justify-content:space-between;margin:0;max-width:100vw;width:100%;padding-top:calc(12px + env(safe-area-inset-top))}.home-header{flex-direction:column;align-items:flex-start;gap:8px}.home-header-top{width:100%;display:flex;align-items:center;justify-content:space-between}.home-header-info{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.home-plan-pill,.home-date-pill{background:#0d182899;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px 10px;font-size:13px;line-height:1.4}.home-plan-pill strong,.home-date-pill strong{color:#facc15}.badge{background:#0ea5e9;color:#001019;border-radius:999px;padding:6px 10px;font-size:12px}main{flex:1;padding:24px;display:grid;place-items:center;gap:16px;width:100%;max-width:100vw;overflow-x:hidden}.card{width:100%;max-width:420px;background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px #0000004d}.card h2{margin:0 0 4px;font-size:22px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}input{background:#0b1220;color:var(--fg);border:1px solid #223045;border-radius:12px;padding:12px 14px;font-size:16px;outline:none}input:focus{border-color:#1e90ff;box-shadow:0 0 0 3px #0ea5e940}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:12px 16px;font-weight:600;font-size:16px;cursor:pointer}.primary{background:linear-gradient(135deg,#22c1c3,#0ea5e9);color:#041019}.secondary{background:#162033;color:var(--fg);border:1px solid #223045}.error{background:#2a0f12;border:1px solid #7f1d1d;color:#fecaca;border-radius:12px;padding:10px 12px;font-size:14px}.tiles{width:100%;max-width:680px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{display:flex;align-items:center;justify-content:center;min-height:100px;background:linear-gradient(135deg,#22c1c3,#0ea5e9);border:none;border-radius:16px;color:#041019;text-decoration:none;font-weight:800;box-shadow:inset 0 0 0 2px #0ea5e940,0 10px 25px #0ea5e959;transition:transform .1s ease,box-shadow .2s ease,filter .2s ease;padding:12px}.tile:hover{box-shadow:inset 0 0 0 2px #0ea5e959,0 14px 36px #0ea5e980;filter:saturate(1.05)}.tile:active{transform:scale(.98)}.neon-card{position:relative;background:#0e1526;border:1px solid #18314f;border-radius:18px;box-shadow:0 8px 24px #00000059,inset 0 0 0 1px #22c1c326}.neon-card.abonado{border-color:#0ea5e9;box-shadow:0 8px 24px #0ea5e966,0 0 0 2px #0ea5e933 inset}.neon-card.no-abono{border-color:#18314f;box-shadow:0 8px 24px #00000059,inset 0 0 0 1px #22c1c326}.neon-card:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:22px;pointer-events:none;box-shadow:0 0 28px 6px #22c1c373}.neon-avatar{width:68px;height:68px;border-radius:999px;display:grid;place-items:center;font-weight:800;color:#041019;background:linear-gradient(135deg,#a78bfa,#60a5fa);border:2px solid rgba(255,255,255,.08);box-shadow:0 8px 22px #6366f159}.neon-avatar.neon-avatar--abonado{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 8px 22px #0ea5e966}.neon-avatar.neon-avatar--noabono{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 8px 22px #ef444459}.neon-title{font-weight:800;font-size:17px;margin-top:8px}.neon-sub{color:var(--muted);font-size:13px}.neon-saldo{margin-top:8px;font-weight:800;font-size:16px}.neon-btn{margin-top:12px;background:transparent;border:1px solid #2a3e5f;border-radius:10px;color:var(--fg);padding:10px 14px;font-weight:700}.neon-topbar{height:4px;border-radius:18px 18px 0 0}.tarjetas-page{display:flex;flex-direction:column;height:calc(var(--app-dvh, 100svh));min-height:calc(var(--app-dvh, 100svh));width:100%;overflow:hidden;background:var(--bg);padding-bottom:0}.tarjetas-toolbar-fixed{background:#0b1220f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);padding:10px 14px;margin:0;box-shadow:0 6px 20px #00000059;position:sticky;top:0;z-index:40;padding-top:calc(6px + env(safe-area-inset-top,0px))}.tarjetas-toolbar-fixed h1{margin:0;font-size:18px}.tarjetas-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.tarjetas-metrics{display:flex;align-items:center;gap:16px;font-size:15px}.tarjetas-metrics button{display:flex;align-items:center;gap:4px;font-size:15px}.tarjetas-search{width:100%;margin-top:6px;position:relative;display:flex;align-items:center}.tarjetas-search input{width:100%;background:#0b1220;color:var(--fg);border:1px solid #223045;border-radius:12px;padding:12px 42px 12px 14px;font-size:16px}.tarjetas-search .clear-search-btn{position:absolute;right:8px;width:28px;height:28px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--muted);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.tarjetas-search .clear-search-btn:active{background:#ffffff2e}.tarjetas-scroll{flex:1;width:100%;overflow-y:auto;overscroll-behavior-y:contain;padding:12px 0 calc(env(safe-area-inset-bottom,0px) + 8px);display:flex;flex-direction:column}.tarjetas-list{display:flex;flex-direction:column;gap:10px;padding:12px 24px 0}.tarjetas-list>*{width:calc(100% - 4px)}@media (min-width:480px){main{padding:36px}}.neon-card{-webkit-tap-highlight-color:rgba(255,255,255,.08)}.neon-card:active .neon-title{opacity:.92}.val-num{color:#fbbf24}.val-pos{color:#16a34a}.val-neg{color:#dc2626}.val-info{color:#0ea5e9}.val-date{color:#60a5fa}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #223045}.table th{text-align:left;color:#93c5fd;background:linear-gradient(180deg,#0f1b2e,#0c1424);position:sticky;top:0}.table tr:nth-child(2n){background:#0b1220}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}