:root{--verde:#254d3b;--verde-claro:#e6efe9;--tierra:#a8613a;--fondo:#f6f3ee;--tarjeta:#ffffff;--texto:#1f2a24;--suave:#5f6b64;--borde:#e2ddd4;--error:#9b2c22}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--verde:#8cc4a5;--verde-claro:#1e3329;--tierra:#e0a07a;--fondo:#121815;--tarjeta:#1a221e;--texto:#e8ece9;--suave:#a5b1aa;--borde:#2c3731;--error:#f08a7e}}
:root[data-theme="dark"]{--verde:#8cc4a5;--verde-claro:#1e3329;--tierra:#e0a07a;--fondo:#121815;--tarjeta:#1a221e;--texto:#e8ece9;--suave:#a5b1aa;--borde:#2c3731;--error:#f08a7e}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{max-width:560px;margin:0 auto;padding:28px 16px 40px}
.head{display:flex;gap:14px;align-items:center}
.mark{width:48px;height:48px;border-radius:14px;background:var(--verde);color:var(--fondo);display:grid;place-items:center;font:800 24px/1 Georgia,serif;flex:none}
.eyebrow{margin:0;font-size:12px;letter-spacing:.12em;color:var(--tierra);font-weight:700}
h1{margin:2px 0 0;font:700 26px/1.2 Georgia,"Times New Roman",serif}
.lead{color:var(--suave);margin:18px 0}
.buscar label{display:block;font-weight:600;margin-bottom:6px}
.fila{display:flex;gap:8px}
.fila input{flex:1;min-width:0;font:600 20px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em;padding:12px;border:1px solid var(--borde);border-radius:12px;background:var(--tarjeta);color:var(--texto)}
.fila button{border:0;border-radius:12px;background:var(--verde);color:var(--fondo);font-weight:700;padding:0 18px;cursor:pointer}
.aviso{color:var(--error);min-height:1.5em;margin:6px 0 0;font-size:14px}
.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:18px;padding:22px;margin-top:10px}
.tarjeta h2{margin:6px 0 0;font:700 24px/1.2 Georgia,serif}
.tarjeta h3{margin:22px 0 8px;font-size:15px;color:var(--suave);text-transform:uppercase;letter-spacing:.08em}
.color{margin:2px 0 0;color:var(--suave)}
.linea{list-style:none;margin:0;padding:0;position:relative}
.linea:before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:var(--verde-claro)}
.linea li{display:flex;gap:14px;align-items:flex-start;padding:8px 0;position:relative}
.linea .ico{width:40px;height:40px;border-radius:50%;background:var(--verde-claro);color:var(--verde);display:grid;place-items:center;font-size:18px;flex:none;position:relative}
.linea .fibra .ico{background:var(--tierra);color:var(--tarjeta)}
.linea b{display:block}
.linea span{color:var(--suave);font-size:14px}
.nota{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--borde);color:var(--suave);font-size:14px}
.vacia h2{font-size:20px}
.cargando{color:var(--suave)}
.pie{margin-top:32px;text-align:center;color:var(--suave);font-size:13px}