/* =====================================================================
   PROVALDAR OS v10.6 · AMBIENTE (carga, entrada, música, temas, resumen)
   ===================================================================== */

/* ---------------- pantalla de carga y entrada ---------------- */
.amb-carga{position:fixed;inset:0;z-index:9000;background:#060709;display:grid;place-items:center;overflow:hidden;
  opacity:1;transition:opacity .7s ease}
.amb-carga.fuera{opacity:0;pointer-events:none}
.amb-carga.rapido{transition-duration:.25s}
.amb-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#060709}
.amb-v-entrada{opacity:0;transition:opacity .45s ease;cursor:pointer}
.amb-carga.entrando .amb-v-entrada{opacity:1}
.amb-saltar{position:absolute;right:28px;bottom:26px;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;
  border:1px solid rgba(255,255,255,.14);background:rgba(6,7,9,.55);backdrop-filter:blur(6px);color:#e8e8eb;
  font-family:var(--f-d);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:0;
  animation:amb-aparece .5s ease 1.2s forwards}
.amb-saltar:hover{border-color:var(--rojo-borde,rgba(255,45,63,.45));color:#fff}
.amb-saltar kbd,.amb-atajos kbd{font-family:var(--f-m);font-size:10px;letter-spacing:0;padding:1px 6px;border-radius:4px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--ink-2)}
@keyframes amb-aparece{to{opacity:1}}
html.amb-cargando,html.amb-cargando body{overflow:hidden}

/* ---------------- música en la barra superior ---------------- */
.amb-mus{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--panel)}
.amb-mus[hidden]{display:none}
.amb-mus button{display:flex;align-items:center;gap:8px;padding:7px 11px;color:var(--ink-2);font-size:11.5px;white-space:nowrap}
.amb-mus button:hover{color:var(--ink)}
.amb-mus-t{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.amb-mus-sig{border-left:1px solid var(--line);padding:7px 9px!important}
.amb-mus-sig svg{width:13px;height:13px}
.amb-mus.on .amb-mus-b{color:var(--ink)}
.amb-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px;width:12px}
.amb-eq i{display:block;width:3px;height:3px;border-radius:1px;background:var(--ink-3)}
.amb-mus.on .amb-eq i,.amb-ahora .amb-eq i{background:var(--rojo,#ff2d3f);animation:amb-eq 1s ease-in-out infinite}
.amb-mus.on .amb-eq i:nth-child(2),.amb-ahora .amb-eq i:nth-child(2){animation-delay:-.35s}
.amb-mus.on .amb-eq i:nth-child(3),.amb-ahora .amb-eq i:nth-child(3){animation-delay:-.7s}
@keyframes amb-eq{0%,100%{height:3px}50%{height:12px}}
@media (max-width:1380px){.amb-mus-t{display:none}}

/* ---------------- Ajustes → Sonido y entrada ---------------- */
.amb-estapc{margin:0 0 4px;font-size:11.5px;color:var(--ink-3)}
.amb-fila{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.amb-sel select{min-width:280px;padding:7px 9px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink)}
.amb-ahora{display:flex;align-items:center;gap:10px;margin:12px 0 2px;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--card)}
.amb-ahora b{font-weight:600;font-size:12.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amb-h5{margin:14px 0 6px;font-family:var(--f-m);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.amb-propias{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:5px}
.amb-propias li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-sm);background:var(--card);font-size:12px}
.amb-propias li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amb-pie{display:block;margin:7px 0 0;font-size:10.5px;color:var(--ink-3);line-height:1.45}
.amb-probar{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.amb-atajos{border-collapse:collapse;width:100%;font-size:12px}
.amb-atajos td{padding:7px 8px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.amb-atajos td:first-child{white-space:nowrap;width:1%;color:var(--ink-2)}
.amb-atajos tr:last-child td{border-bottom:0}

/* ---------------- Apariencia → Tema ---------------- */
.amb-temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}
.amb-tema-op{display:flex;gap:11px;align-items:center;text-align:left;padding:9px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card)}
.amb-tema-op:hover{border-color:var(--rojo-borde,rgba(255,45,63,.45))}
.amb-tema-op[aria-pressed=true]{border-color:var(--rojo,#ff2d3f);box-shadow:0 0 0 1px var(--rojo,#ff2d3f) inset}
.amb-muestra{position:relative;flex:none;width:54px;height:40px;border-radius:7px;border:1px solid rgba(255,255,255,.12);overflow:hidden}
.amb-muestra i{position:absolute;left:7px;top:7px;right:7px;height:14px;border-radius:3px}
.amb-muestra b{position:absolute;left:7px;bottom:7px;width:18px;height:5px;border-radius:2px}
.amb-tema-t{display:grid;gap:2px}
.amb-tema-t b{font-size:12.5px}
.amb-tema-t small{font-size:10.5px;color:var(--ink-3);line-height:1.35}

/* ---------------- Tablero → resumen del día ---------------- */
.amb-hoy{margin:0 0 16px;padding:16px 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel)}
.amb-hoy-cab{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.amb-hoy-cab>div{flex:1;min-width:0}
.amb-hoy h3{font-size:19px;font-weight:700;letter-spacing:.01em}
.amb-hoy-cab p{margin:2px 0 0;color:var(--ink-3);font-size:12px}
.amb-hoy-saldo{font-size:11.5px;color:var(--ink-2);padding:5px 10px;border-radius:8px;border:1px solid var(--line-soft)}
.amb-hoy-l{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.amb-hoy-l li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line-soft)}
.amb-hoy-l li b{font-family:var(--f-d);font-size:22px;line-height:1;min-width:22px;color:var(--ink)}
.amb-hoy-l li span{flex:1;font-size:12px;color:var(--ink-2);line-height:1.35}
.amb-hoy-l li.fuerte{border-color:var(--rojo-borde,rgba(255,45,63,.45))}
.amb-hoy-l li.fuerte b{color:var(--rojo,#ff2d3f)}
.amb-hoy-nada{margin:10px 0 0;font-size:12.5px;color:var(--ok-lit)}

/* ---------------- temas ----------------
   Sólo se mueven las variables del marco: el rojo de marca no cambia. */
html.pvd-os[data-tema="grafito"]{
  --ground:#111215; --room:#17181c; --card:#1c1d22; --card-hi:#23242a;
  --line:rgba(255,255,255,.09); --line-soft:rgba(255,255,255,.06);
  --ink:#e6e6e8; --ink-2:#b0b2b9; --ink-3:#7c7f88;
  --rojo:#e04555; --rojo-2:#b8283a; --rojo-suave:rgba(224,69,85,.1); --rojo-borde:rgba(224,69,85,.42);
  --panel:linear-gradient(180deg,rgba(32,33,39,.94),rgba(22,23,28,.94));
}
html.pvd-os[data-tema="medianoche"]{
  --ground:#04060b; --room:#0a0e18; --card:#0e1320; --card-hi:#141a2a;
  --line:rgba(150,170,255,.09); --line-soft:rgba(150,170,255,.055);
  --ink:#e8eaf2; --ink-2:#a3a9bc; --ink-3:#6b7288;
  --panel:linear-gradient(180deg,rgba(15,20,34,.94),rgba(8,11,20,.94));
}
html.pvd-os[data-tema="contraste"]{
  --ground:#000; --room:#08080a; --card:#0d0d10; --card-hi:#16161a;
  --line:rgba(255,255,255,.2); --line-soft:rgba(255,255,255,.12);
  --ink:#fff; --ink-2:#d6d7db; --ink-3:#a6a8ae;
  --rojo:#ff4d5e; --rojo-borde:rgba(255,77,94,.7);
  --panel:linear-gradient(180deg,rgba(14,14,17,.98),rgba(6,6,8,.98));
}
html.pvd-os[data-tema="grafito"] .rail,html.pvd-os[data-tema="grafito"] body{background-color:var(--ground)}
html.pvd-os[data-tema="medianoche"] .rail,html.pvd-os[data-tema="medianoche"] body{background-color:var(--ground)}
html.pvd-os[data-tema="contraste"] .rail,html.pvd-os[data-tema="contraste"] body{background-color:var(--ground)}

/* ---------------- menos movimiento ---------------- */
html.amb-quieto *,html.amb-quieto *::before,html.amb-quieto *::after{animation:none!important;transition:none!important}
html.amb-quieto .fx-aurora{display:none}
html.amb-quieto .amb-saltar{opacity:1}

/* ---------------- Novedades → actualizar ---------------- */
.act-card{margin:0 0 16px;padding:16px 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel)}
.act-card.hay{border-color:var(--rojo-borde,rgba(255,45,63,.45));box-shadow:0 0 0 1px var(--rojo-suave,rgba(255,45,63,.1)) inset}
.act-card h4{font-size:13px;font-weight:700;margin:0 0 6px}
.act-card p{margin:0 0 6px;font-size:12.5px;color:var(--ink-2);line-height:1.5}
.act-card code{font-family:var(--f-m);font-size:11px;color:var(--ink);word-break:break-all}
.act-card .act-pie{font-size:11px;color:var(--ink-3)}
.act-acc{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

/* ---------------- al cerrar ---------------- */
.amb-carga.cierre{opacity:0;transition:opacity .35s ease}
.amb-carga.cierre.entrando{opacity:1}
.amb-v-cierre{object-fit:cover}