/* ---------- Webs (inventario y monitoreo) ---------- */
/* semáforo: online, lenta, caída, pausada / sin datos */
.semaforo{flex-shrink:0;width:11px;height:11px;border-radius:50%;background:var(--faint);box-shadow:0 0 0 3px color-mix(in srgb,var(--faint) 18%,transparent)}
.semaforo.s-ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}
.semaforo.s-lenta{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 22%,transparent)}
.semaforo.s-caida{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 22%,transparent);animation:latido 1.6s ease-in-out infinite}
@keyframes latido{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--danger) 8%,transparent)}}
@media (prefers-reduced-motion:reduce){.semaforo.s-caida{animation:none}}
.wtipo{flex-shrink:0;display:inline-flex;color:var(--muted)}
.wtipo svg{width:18px;height:18px}

/* aviso: el cron no corre */
.aviso-aum.wcron{color:var(--ink);text-decoration:none}
.aviso-aum.wcron:hover{border-color:var(--warn);color:var(--ink)}

/* necesita atención / alertas */
.watencion{margin-bottom:14px;border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}
.watencion > h2{justify-content:flex-start}
.walertas{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.walerta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 14px;align-items:center;padding:10px 12px 10px 14px;border-bottom:1px solid var(--line);border-left:3px solid var(--faint);background:var(--bg-2)}
.walerta:last-child{border-bottom:0}
.walerta.n3{border-left-color:var(--danger)}
.walerta.n2{border-left-color:var(--warn)}
.walerta.n1{border-left-color:var(--info)}
.wa-txt{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.wa-txt b{font-size:15px}
.wa-txt > span:last-child{flex-basis:100%;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.wa-tipo{font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--surface-3);color:var(--ink-2)}
.n3 .wa-tipo{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}
.n2 .wa-tipo{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}
.wa-desde{font-size:12px;color:var(--muted);white-space:nowrap}
.wa-acc{display:flex;gap:6px;justify-content:flex-end}
@media (max-width:640px){
  .walerta{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"txt txt" "desde acc"}
  .wa-txt{grid-area:txt}.wa-desde{grid-area:desde}.wa-acc{grid-area:acc}
}
.tile b small{font-size:15px;color:var(--muted);font-family:Inter,sans-serif;font-weight:500}
.tile.t-alerta{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.tile.t-alerta b{color:var(--warn)}

/* tarjetas de las webs */
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
@media (max-width:420px){.wgrid{grid-template-columns:1fr}}
.wcard{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;animation:aparece .3s var(--anim) both;min-width:0}
.wcard:hover{border-color:var(--line-3)}
.wcard.es-caida{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--surface))}
.wcard.es-pausada{opacity:.62}
.wc-top{display:flex;align-items:center;gap:10px;min-width:0}
.wc-top b{flex:1;min-width:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-sub{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:13px;color:var(--ink-2);margin-top:-4px;min-width:0}
.wc-sub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wc-datos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wc-datos span{display:flex;flex-direction:column;min-width:0}
.wc-datos small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-datos b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.wc-datos b.cerca{color:var(--danger)}
.wc-datos b.lento{color:var(--warn)}
.wc-datos b.wna{font-size:11px;font-weight:600;color:var(--muted);white-space:normal;line-height:1.25}
.wc-pie{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.wc-estado{font-weight:700;color:var(--ink-2)}
.es-ok .wc-estado{color:var(--ok)}
.es-lenta .wc-estado{color:var(--warn)}
.es-caida .wc-estado{color:var(--danger)}

/* ficha */
/* vista previa: miniatura de la tarjeta (la proporción de la captura de escritorio de PageSpeed, 1350×940: el hero entero) y tarjeta de reemplazo con la inicial */
.wthumb{position:relative;aspect-ratio:1350/940;border-radius:8px;overflow:hidden;background:var(--surface-3);border:1px solid var(--line)}
.wabrir{position:absolute;right:8px;top:8px;z-index:1;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line-2);color:var(--ink);font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.22);backdrop-filter:blur(6px)}
.wabrir svg{width:14px;height:14px}
.wabrir:hover{border-color:var(--line-3);color:var(--ink);background:var(--surface)}
.wabrir:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.wthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.wph{display:none;position:absolute;inset:0;place-items:center;font:700 42px/1 Inter,sans-serif;letter-spacing:-.02em;--c:var(--muted);background:color-mix(in srgb,var(--c) 18%,var(--surface-2));color:color-mix(in srgb,var(--c) 75%,var(--ink))}
.wph.t-wordpress{--c:#3b82f6}
.wph.t-codigo{--c:#8b5cf6}
.wph.t-next{--c:var(--ink-2)}
.wthumb.sin .wph{display:grid}
.wthumb.gris img{filter:grayscale(1) brightness(.8)}
.wthumb-estado{position:absolute;left:8px;top:8px;padding:3px 10px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.wcard.es-pausada .wthumb img{filter:grayscale(.5)}
.wficha{display:flex;flex-direction:column;gap:12px}
.wficha .card + .card{margin-top:0}
.w2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w2col .card + .card{margin-top:0}
@media (max-width:899px){.w2col{grid-template-columns:1fr}}
/* si falta una de las dos (sin Hostinger conectado), la otra ocupa todo el ancho */
.w2col > :only-child{grid-column:1/-1}
/* encabezado: logo de la tecnología, migas y dirección */
.wh-tit{display:flex;align-items:center;gap:14px;min-width:0}
.wh-tit > div{min-width:0}
.wh-tit .mono a{color:inherit}
.wh-url{margin:2px 0 0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.wh-url a{color:var(--ink-2);text-decoration:none}
.wh-url a:hover{color:var(--ink);text-decoration:underline}
.wlogo{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;--c:var(--muted);background:color-mix(in srgb,var(--c) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 38%,var(--line));color:color-mix(in srgb,var(--c) 80%,var(--ink))}
.wlogo svg{width:28px;height:28px}
.wlogo.t-wordpress{--c:#3b8fc4}
.wlogo.t-codigo{--c:#8c8fd6}
.wlogo.t-next{--c:var(--ink)}
/* menú "Accesos" (los enlaces cargados en Editar) */
.wacc{position:relative}
.wacc > summary{list-style:none}
.wacc > summary::-webkit-details-marker{display:none}
.wacc-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:220px;max-width:min(320px,86vw);display:flex;flex-direction:column;padding:6px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-2);box-shadow:var(--sombra)}
.wacc-menu a{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wacc-menu a:hover{background:var(--hover)}
.wacc-menu svg{flex:none;width:15px;height:15px;color:var(--muted)}
/* franja de datos clave */
.wkpis{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:14px;align-items:center}
.wk{display:flex;flex-direction:column;gap:2px;min-width:0;padding-left:14px;border-left:1px solid var(--line)}
.wk small{font-size:12px;color:var(--muted)}
.wk > b{font-family:"Bricolage Grotesque",sans-serif;font-size:21px;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
.wk > b small{font-size:15px}
.wk > b i{font-style:normal}
.wk span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.wk.cerca > b{color:var(--danger)}
.wk.wna > b{font-size:16px;color:var(--muted)}
.wk .p-ok{color:var(--ok)}
.wk .p-med{color:var(--warn)}
.wk .p-mal{color:var(--danger)}
.wk-estado{flex-direction:row;align-items:center;gap:12px;padding-left:0;border-left:0}
.wk-estado .semaforo{flex:none;width:14px;height:14px}
.wk-estado > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.wk-estado b{font-family:"Bricolage Grotesque",sans-serif;font-size:21px;line-height:1.15}
.wk-estado span.warn{color:var(--warn)}
.wkpis.es-ok .wk-estado b{color:var(--ok)}
.wkpis.es-lenta .wk-estado b{color:var(--warn)}
.wkpis.es-caida{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.wkpis.es-caida .wk-estado b{color:var(--danger)}
@media (max-width:899px){
  .wkpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
  .wk-estado{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .wk{padding-left:0;border-left:0}
}
/* gráfico */
.wgraf-card > h2{flex-wrap:wrap}
.wgraf-card .seg-btns{margin-left:auto}
.wgraf{position:relative;min-height:160px}
.wsvg{display:block;max-width:100%;touch-action:pan-y}
.g-grid{stroke:var(--line);stroke-width:1}
.g-eje{fill:var(--muted);font:500 11px Inter,sans-serif}
.g-umbral{stroke:var(--warn);stroke-width:1;stroke-dasharray:4 4;opacity:.7}
.g-umbral-txt{fill:var(--warn)}
.g-linea{fill:none;stroke:var(--info);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.g-area{fill:color-mix(in srgb,var(--info) 14%,transparent)}
.g-cursor{stroke:var(--line-3);stroke-width:1}
.g-punto{fill:var(--info);stroke:var(--surface);stroke-width:2}
.g-tocar{cursor:crosshair}
.g-tip{position:absolute;top:0;pointer-events:none;background:var(--ink);color:var(--bg);font-size:12px;padding:5px 9px;border-radius:8px;white-space:nowrap;box-shadow:var(--sombra-toast)}
.g-tip b{display:block;font-size:11px;opacity:.75}
.wgraf-vacio{padding:44px 16px}
.wgraf-res{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:13px;color:var(--muted)}
.wgraf-res b{color:var(--ink)}

.head-acts .btn svg{width:15px;height:15px}
.wdatos{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:14px}
/* PageSpeed: selector celular/escritorio, 4 puntajes en círculos, métricas con semáforo, peso, qué mejorar y tendencia */
.wps-card > h2{flex-wrap:wrap;gap:8px}
.wps-card > h2 .seg-btns{margin-left:auto}
.wps-pts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:center}
.wps-pts > div{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.wps-pts small{font-size:12px;color:var(--muted);line-height:1.25}
.wps-pts small i{display:block;font-style:normal;font-weight:700;font-size:11px}
.wps-pts i.sube{color:var(--ok)}
.wps-pts i.baja{color:var(--danger)}
.wps-met{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:14px 0 0}
.wps-met div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:13px;min-width:0}
.wps-met dt{display:flex;align-items:center;gap:7px;color:var(--ink-2);min-width:0}
.wps-met dt::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--line-3)}
.wps-met dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.wps-met .s-ok dt::before{background:var(--ok)}
.wps-met .s-med dt::before{background:var(--warn)}
.wps-met .s-mal dt::before{background:var(--danger)}
.wps-met .s-mal dd{color:var(--danger)}
@media (max-width:640px){.wps-met{grid-template-columns:1fr}}
.wps-peso{margin:10px 0 0}
.wps-peso b{color:var(--ink)}
.wps-mejd .wps-mej{margin-top:8px}
.wps-mej{list-style:none;margin:0;padding:0}
.wps-mej li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
.wps-mej li small{flex:none;color:var(--muted);font-size:12px}
.wps-tend{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.wps-tend svg{max-width:100%;height:auto}
.wps-tend polyline{fill:none;stroke:var(--info);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.wps-tend polyline.p-ok{stroke:var(--ok)}
.wps-tend polyline.p-med{stroke:var(--warn)}
.wps-tend polyline.p-mal{stroke:var(--danger)}
.wps-num{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:3px solid var(--line-2);font:700 18px/1 "Bricolage Grotesque",sans-serif;font-variant-numeric:tabular-nums}
.wps-num.p-ok{border-color:var(--ok);color:var(--ok)}
.wps-num.p-med{border-color:var(--warn);color:var(--warn)}
.wps-num.p-mal{border-color:var(--danger);color:var(--danger)}
.wdatos dt{color:var(--muted)}
.wdatos dd{margin:0;overflow-wrap:anywhere}
.wnotas{margin:0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2)}

/* PageSpeed */
.whist{margin-top:14px}
.whist summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink-2)}
.wtabla{overflow-x:auto;margin-top:10px}
.wtabla table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.wtabla th,.wtabla td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.wtabla th{color:var(--muted);font-weight:600}

/* incidentes y chequeos */
.winc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:420px;overflow:auto}
.winc li{display:flex;flex-direction:column;gap:2px;padding:9px 0 9px 12px;border-bottom:1px solid var(--line);border-left:3px solid var(--line-2)}
.winc li:last-child{border-bottom:0}
.winc li.abierto.n3{border-left-color:var(--danger)}
.winc li.abierto.n2{border-left-color:var(--warn)}
.winc li.abierto.n1{border-left-color:var(--info)}
.winc li div{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:14px}
.winc li div span{color:var(--ink-2)}
.winc li small{font-size:12px;color:var(--muted)}
.winc li.abierto small{color:var(--ink)}

/* formulario */
.wprueba{margin:-6px 0 12px;font-size:13px;color:var(--muted);min-height:0}
.wprueba:empty{display:none}
.wprueba.ok{color:var(--ok)}
.wprueba.mal{color:var(--danger)}
.wenl-ed{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.we-fila{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) auto;gap:8px;align-items:center}

/* ficha del cliente */
.lt-tarea.wcli{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;border-left:1px solid var(--line);width:100%;margin-bottom:6px}
.lt-tarea.wcli .semaforo{grid-row:span 2}
.lt-tarea.wcli:hover{border-left-color:var(--acento)}

/* Ajustes → Webs */
.wcopiar{display:flex;gap:8px;align-items:center}
.wcopiar code{flex:1;min-width:0;padding:9px 11px;border-radius:8px;background:var(--bg);border:1px solid var(--line-2);font:500 12px "JetBrains Mono",monospace;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.wclave{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}

/* Tareas → Hoy: webs caídas */
.aviso-cob.aviso-web{margin-bottom:22px}

/* celular: las acciones del encabezado van en su propia fila (así el título se lee entero) */
@media (max-width:640px){
  .head.whead{grid-template-columns:minmax(0,1fr);grid-template-areas:"tit" "act"}
  .head.whead h1{white-space:normal}
  .head.whead .head-acts{display:flex;flex-wrap:wrap;gap:8px}
  .head.whead .head-acts > *{flex:1 1 auto;padding:0 10px}
  .head.whead .head-acts > .wacc{display:flex;padding:0}
  .head.whead .head-acts .wacc > summary{flex:1;padding:0 10px}
}

/* ---------- etapa 2: Hostinger, renovaciones, bitácora y seguridad ---------- */
.ltabs.wtabs{margin:-6px 0 16px}
.aviso-aum.whost,.aviso-aum.wrenov{color:var(--ink);text-decoration:none}
.aviso-aum.whost{border-color:var(--line-2);background:var(--surface)}
.aviso-aum.whost b{color:var(--ink)}
.aviso-aum.whost:hover,.aviso-aum.wrenov:hover{border-color:var(--warn);color:var(--ink)}
.whost-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font-size:14px;color:var(--ink-2)}
.whost-fila small{font-size:12px}
.whost-fila .btn svg,.card h2 .btn svg{width:15px;height:15px;margin-right:4px;vertical-align:-2px}
.wfuera{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);font-size:11px;font-weight:600;width:max-content}
.wtemp{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--info) 45%,transparent);color:var(--info);font-size:11px;font-weight:600;width:max-content}
.wtags{display:flex;flex-wrap:wrap;gap:6px}
.wign-aviso{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.wborrar-opc{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.wborrar-opc .btn{justify-content:flex-start;text-align:left;white-space:normal;height:auto;padding:10px 14px;flex-direction:column;align-items:flex-start;gap:2px}
.wborrar-opc .btn small{font-weight:400;color:var(--muted);font-size:12px}
.wenc{list-style:none;margin:0;padding:0}
.wenc li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.wenc li:last-child{border-bottom:0}
.wenc li div{display:flex;flex-direction:column;min-width:0}
.wenc li div b{overflow-wrap:anywhere}
.wenc li span{font-size:13px}
.wleido{font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:0}
.wvul{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--ink-2)}
.wdns-pie{margin-top:14px}
.wdns-top{display:flex;gap:8px;align-items:center;margin-top:14px}
.wdns-top .search{flex:1;margin:0}
.wdns-val{white-space:normal!important;max-width:420px;overflow-wrap:anywhere}
.wtabla code{font:500 12px "JetBrains Mono",monospace}
.wtabla tr.muted td{opacity:.6}

/* renovaciones */
.wrenovs{display:flex;flex-direction:column}
.wrenov-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:10px 12px 10px 14px;border-bottom:1px solid var(--line);border-left:3px solid var(--faint)}
.wrenov-fila:last-child{border-bottom:0}
.wrenov-fila.cerca{border-left-color:var(--danger)}
.wrenov-fila.cerca-auto{border-left-color:var(--warn)}
.wr-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.wr-txt span{font-size:14px;color:var(--ink-2)}
.wr-txt small{font-size:12px}

/* bitácora */
.wbfiltros{align-items:end}
.wbfecha{display:flex;flex-direction:column;gap:2px;flex:1 1 150px;font-size:12px;color:var(--muted)}
.wbit{list-style:none;margin:0;padding:0}
.wbit li{display:flex;flex-direction:column;gap:3px;padding:9px 0 9px 12px;border-bottom:1px solid var(--line);border-left:3px solid var(--line-2)}
.wbit li:last-child{border-bottom:0}
.wbit li.r-error,.wbit li.r-bloqueado{border-left-color:var(--danger)}
.wbit li.r-aviso{border-left-color:var(--warn)}
.wbit li.r-ok{border-left-color:var(--ok)}
.wb-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px}
.wb-res{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.r-error .wb-res,.r-bloqueado .wb-res{color:var(--danger)}
.r-aviso .wb-res{color:var(--warn)}
.r-ok .wb-res{color:var(--ok)}
.wb-det{font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}
.wbit small{font-size:12px}

/* Ajustes → Hostinger: diagnóstico */
#hostAj .card h2{flex-wrap:wrap;gap:8px}
.hdiag td{vertical-align:top}
.hdiag td:first-child{white-space:normal;min-width:180px}
.hdiag td small{display:block;color:var(--muted);font-size:11px;white-space:normal}
.hdiag tr.hr-disponible td:nth-child(3){color:var(--ok)}
.hdiag tr.hr-sin_permiso td:nth-child(3),.hdiag tr.hr-error td:nth-child(3){color:var(--danger)}
.hdiag tr.hr-no_existe td:nth-child(3),.hdiag tr.hr-omitido td:nth-child(3){color:var(--muted)}

/* Ajustes → Seguridad */
.seg-estado.on{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.seg-qr{width:210px;max-width:100%;margin:6px auto 14px;padding:6px;background:#fff;border-radius:10px}
.seg-qr svg{display:block;width:100%;height:auto}
.seg-pasos{margin:0 0 6px;padding-left:20px;font-size:14px;color:var(--ink-2);line-height:1.5}
.seg-codigos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0 0 14px;padding-left:22px;font:500 15px "JetBrains Mono",monospace}
.seg-disp{list-style:none;margin:0;padding:0}
.seg-disp li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.seg-disp li:last-child{border-bottom:0}
.seg-disp li div{display:flex;flex-direction:column;min-width:0;font-size:14px}
.seg-disp li span:not(.pill){font-size:12px;color:var(--muted)}
@media (max-width:640px){
  .wrenov-fila{grid-template-columns:minmax(0,1fr)}
  .wdns-val{max-width:240px}
}