.cuenta{--fondo:#f5f6f3;--superficie:#fff;--tinta:#17201c;--suave:#56615c;--linea:#dde2de;--acento:#1f5e48;--acento-suave:#e3eee9;--peligro:#a3382b;--aviso:#fff6d8;background:var(--fondo);min-height:100dvh;color:var(--tinta);font-family:var(--font-geist-sans), system-ui, -apple-system, "Segoe UI", Arial, sans-serif;padding:calc(env(safe-area-inset-top,0px) + 28px) 16px calc(env(safe-area-inset-bottom,0px) + 40px)}.cuenta h1{letter-spacing:-.01em;margin:0;font-size:24px;line-height:1.2}.cuenta h2{margin:0;font-size:18px}.cuenta p{margin:0}.cuenta .suave{color:var(--suave)}.cuenta .caja{background:var(--superficie);border:1px solid var(--linea);border-radius:10px;padding:20px}.cuenta .mensaje{background:var(--acento-suave);color:var(--acento);border-radius:8px;padding:10px 14px}.cuenta .mensaje.error{color:var(--peligro);background:#fbe9e6}.cuenta label{color:var(--suave);gap:6px;font-size:14px;display:grid}.cuenta input,.cuenta select{font:inherit;color:var(--tinta);background:#fff;border:1px solid #c9d0cb;border-radius:8px;min-width:0;padding:10px 12px;font-size:16px}.cuenta input:focus-visible,.cuenta select:focus-visible,.cuenta button:focus-visible,.cuenta a:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.cuenta button,.cuenta .boton{font:inherit;cursor:pointer;color:var(--tinta);white-space:nowrap;background:#fff;border:1px solid #c9d0cb;border-radius:8px;padding:9px 14px;font-size:15px;text-decoration:none}.cuenta button.principal{background:var(--acento);border-color:var(--acento);color:#fff}.cuenta button.peligro{color:var(--peligro);border-color:#e6bdb5}.entrar{gap:18px;max-width:400px;margin:8vh auto 0;display:grid}.entrar form{gap:14px;display:grid}.entrar .codigo{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}.entrar .enlace{color:var(--acento);background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.gestion{gap:22px;max-width:1080px;margin:0 auto;display:grid}:is(.gestion,.admin) .barra{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}:is(.gestion,.admin) .barra form{align-items:center;gap:10px;display:flex}:is(.gestion,.admin) .alta{flex-wrap:wrap;align-items:end;gap:10px;display:flex}:is(.gestion,.admin) .alta label{flex:200px}:is(.gestion,.admin) .local{gap:10px;display:grid}:is(.gestion,.admin) .local header{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}:is(.gestion,.admin) .papel{color:var(--suave);border:1px solid var(--linea);border-radius:999px;padding:2px 8px;font-size:12px}:is(.gestion,.admin) .tabla{background:var(--superficie);border:1px solid var(--linea);border-radius:10px;overflow-x:auto}:is(.gestion,.admin) table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}:is(.gestion,.admin) th,:is(.gestion,.admin) td{border-bottom:1px solid var(--linea);text-align:left;vertical-align:middle;padding:9px 12px}:is(.gestion,.admin) th{color:var(--suave);font-size:12px;font-weight:500}:is(.gestion,.admin) tr:last-child td{border-bottom:0}:is(.gestion,.admin) .n{text-align:right;font-variant-numeric:tabular-nums}:is(.gestion,.admin) tr.nuevo td{background:var(--aviso)}:is(.gestion,.admin) .baja{color:var(--peligro);font-size:13px}:is(.gestion,.admin) .copiar{align-items:center;gap:6px;display:flex}:is(.gestion,.admin) .copiar input{width:240px;font-family:var(--font-geist-mono), ui-monospace, Menlo, monospace;padding:6px;font-size:12px}:is(.gestion,.admin) .nota{color:var(--suave);max-width:70ch;font-size:13px}.admin{gap:22px;max-width:1080px;margin:0 auto;display:grid}.admin .migas{color:var(--suave);flex-wrap:wrap;gap:6px;font-size:14px;display:flex}.admin .migas a{color:var(--acento)}.admin .rejilla{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.admin .formulario{gap:14px;display:grid}.admin .fila{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.admin .fila>label{flex:220px}.admin fieldset{border:1px solid var(--linea);border-radius:10px;gap:12px;margin:0;padding:16px;display:grid}.admin legend{padding:0 6px;font-size:15px;font-weight:600}.admin .ayuda{color:var(--suave);font-size:13px}.admin .aviso-color{background:var(--aviso);border-radius:8px;padding:8px 12px;font-size:14px}.admin .aviso-color.bloquea{color:var(--peligro);background:#fbe9e6}.admin .muestra{border:1px solid var(--linea);vertical-align:middle;border-radius:4px;width:18px;height:18px;display:inline-block}.admin .marca-ficha{align-items:center;gap:12px;display:flex}.admin .marca-ficha img{object-fit:contain;border-radius:6px;width:64px;height:40px;padding:4px}.admin .diseno{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}@media (max-width:820px){.admin .diseno{grid-template-columns:1fr}}.admin .vista-previa{border:1px solid var(--linea);border-radius:22px;height:640px;position:sticky;top:16px;overflow:hidden}.admin .vista-previa .tarjeta{min-height:640px;padding-top:24px}.admin input[type=color]{width:52px;height:42px;padding:2px}.admin .color{align-items:center;gap:8px;display:flex}.admin .color input[type=text]{width:110px;font-family:var(--font-geist-mono), ui-monospace, Menlo, monospace}.admin details summary{cursor:pointer;color:var(--acento);font-size:14px}.admin .registro li{color:var(--suave);font-size:13px}.admin .niveles{color:var(--suave);gap:6px;font-size:14px;display:grid}.admin .niveles ul{gap:2px;margin:0;padding-left:18px;display:grid}.admin .niveles b{color:var(--tinta);font-weight:600}.admin label.opcion{color:var(--tinta);align-items:baseline;gap:10px;font-size:15px;display:flex}.admin .peligro-zona{border-color:#e6bdb5}.admin .arbol{border-left:1px solid var(--linea);gap:4px;margin:0;padding-left:22px;list-style:none;display:grid}.admin>section>.caja>.arbol,.admin .caja>.arbol:first-child{border-left:0;padding-left:0}.admin .arbol .nodo{flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 0;display:flex}.admin .arbol .anadir{margin-left:auto;font-size:13px}.admin .muestra.vacia{background:repeating-linear-gradient(45deg, #fff, #fff 3px, var(--linea) 3px, var(--linea) 6px)}.admin .unidades-usuario{gap:4px;display:grid}.cuenta.admin-shell{grid-template-columns:230px minmax(0,1fr);align-items:start;padding:0;display:grid}.admin-contenido{padding:calc(env(safe-area-inset-top,0px) + 28px) 24px calc(env(safe-area-inset-bottom,0px) + 40px);min-width:0}.menu-admin{background:var(--superficie);border-right:1px solid var(--linea);height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 20px) 12px 16px;flex-direction:column;gap:18px;display:flex;position:sticky;top:0;overflow-y:auto}.menu-admin .menu-marca{white-space:nowrap;color:var(--tinta);padding:0 10px;font-size:15px;font-weight:600;text-decoration:none}.menu-admin .menu-grupo{gap:2px;display:grid}.menu-admin .menu-titulo{text-transform:uppercase;letter-spacing:.06em;color:var(--suave);text-overflow:ellipsis;white-space:nowrap;padding:10px 10px 4px;font-size:11px;overflow:hidden}.menu-admin .menu-enlace{color:var(--tinta);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:7px 10px;font-size:14px;text-decoration:none;display:block;overflow:hidden}.menu-admin .menu-enlace:hover{background:var(--fondo)}.menu-admin .menu-enlace.sub{padding-left:20px}.menu-admin .menu-enlace.activo{background:var(--acento-suave);color:var(--acento);font-weight:600}.menu-admin .menu-enlace.elegido{color:var(--acento)}.menu-admin .menu-cliente{gap:2px;margin-top:6px;display:grid}.menu-admin .menu-lista{border-top:1px solid var(--linea);padding-top:8px}.menu-admin .menu-pie{border-top:1px solid var(--linea);gap:6px;margin-top:auto;padding-top:12px;display:grid}.menu-admin .menu-email{text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:12px;overflow:hidden}.menu-admin .menu-pie form{padding:0 10px}.admin .cabecera-apartado{gap:4px;display:grid}@media (max-width:820px){.cuenta.admin-shell{grid-template-columns:1fr}.menu-admin{border-right:0;border-bottom:1px solid var(--linea);height:auto;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;flex-flow:row;align-items:center;gap:8px;position:static;overflow-x:auto}.menu-admin .menu-grupo,.menu-admin .menu-cliente{gap:4px;margin:0;display:flex}.menu-admin .menu-lista,.menu-admin .menu-titulo,.menu-admin .menu-email{display:none}.menu-admin .menu-enlace.sub{padding-left:10px}.menu-admin .menu-pie{border:0;align-items:center;margin:0 0 0 auto;padding:0;display:flex}.admin-contenido{padding:20px 16px 40px}}.admin .resumen-logo{justify-content:center;align-items:center;min-height:110px;display:flex}.admin .resumen-logo img{object-fit:contain;max-width:100%;max-height:80px}.admin .cifra{align-content:center;gap:2px;display:grid}.admin .cifra b{font-variant-numeric:tabular-nums;font-size:30px}.admin .cifra span{color:var(--suave);font-size:14px}.admin .pendientes{gap:4px;margin:0;padding-left:18px;display:grid}.admin .datos-marca{grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;display:grid}.admin .datos-marca dt{color:var(--suave)}.admin .datos-marca dd{overflow-wrap:anywhere;margin:0}.cuenta .planes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.cuenta .plan-opcion{border:1px solid var(--linea);border-radius:10px;align-content:start;gap:8px;padding:16px;display:grid}.cuenta .plan-opcion h3{margin:0;font-size:16px}.cuenta .plan-opcion p{margin:0}.cuenta .planes>.ayuda{grid-column:1/-1;margin:0}.cuenta .pie-legal{color:var(--suave);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.cuenta .pie-legal a{color:var(--suave)}.cuenta label.acepto{color:var(--tinta);align-items:flex-start;gap:10px;font-size:14px;display:flex}.cuenta label.acepto input{flex:none;width:18px;height:18px;margin:2px 0 0}.cuenta label.acepto a{color:var(--acento)}.cuenta fieldset.producto-alta{border:1px solid var(--linea);border-radius:10px;gap:10px;margin:0;padding:12px 14px;display:grid}.cuenta fieldset.producto-alta legend{color:var(--tinta);padding:0 6px;font-size:14px;font-weight:600}.cuenta label.opcion{color:var(--tinta);align-items:baseline;gap:10px;font-size:15px;display:flex}.cuenta label.opcion input{flex:none;width:18px;height:18px;margin:0}.admin .telefono{gap:6px;display:flex}.admin .telefono .prefijo{white-space:nowrap;color:var(--tinta);background:#fff;border:1px solid #c9d0cb;border-radius:8px;flex:none;order:-1;align-items:center;gap:4px;padding:10px 12px;font-size:16px;display:flex;position:relative}.admin .telefono .prefijo select{opacity:0;cursor:pointer;padding:0;position:absolute;inset:0}.admin .telefono .prefijo:focus-within{outline:2px solid var(--acento);outline-offset:2px}.admin .telefono input{flex:auto;width:100%}