[data-plan=plus]{--plan-fondo:var(--c-plan-plus-fondo);--plan-borde:var(--c-plan-plus-borde);--plan-texto:var(--c-plan-plus-texto);--plan-solido:var(--c-plan-plus-solido);--plan-degradado:var(--degradado-plan-plus)}[data-plan=pro]{--plan-fondo:var(--c-plan-pro-fondo);--plan-borde:var(--c-plan-pro-borde);--plan-texto:var(--c-plan-pro-texto);--plan-solido:var(--c-plan-pro-solido);--plan-degradado:var(--degradado-plan-pro)}[data-plan=ultra]{--plan-fondo:var(--c-plan-ultra-fondo);--plan-borde:var(--c-plan-ultra-borde);--plan-texto:var(--c-plan-ultra-texto);--plan-solido:var(--c-plan-ultra-solido);--plan-degradado:var(--degradado-plan-ultra)}[data-plan=ninguno]{--plan-fondo:var(--c-elevado);--plan-borde:var(--c-linea-fuerte);--plan-texto:var(--c-texto-2);--plan-solido:var(--c-texto-3);--plan-degradado:linear-gradient(var(--c-tarjeta), var(--c-tarjeta))}.etiqueta-plan{min-height:1.75rem;padding:0 var(--e-12);border:1px solid var(--plan-borde,var(--c-linea));border-radius:var(--r-pildora);background:var(--plan-fondo,var(--c-elevado));color:var(--plan-texto,var(--c-texto-2));font-family:var(--f-ui);font-size:var(--t-14);white-space:nowrap;align-items:center;font-weight:600;line-height:1;display:inline-flex}.etiqueta-plan--grande{min-height:2.25rem;padding:0 var(--e-16);font-family:var(--f-titulo);font-size:var(--t-20)}.medidor{--medidor:0;aspect-ratio:1;flex:none;place-items:center;width:6rem;display:grid;position:relative}.medidor--grande{width:9rem}.medidor__anillo{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.medidor__pista,.medidor__valor{stroke-width:3.2px}.medidor__pista{stroke:var(--c-linea)}.medidor__valor{stroke:var(--plan-solido,var(--c-acento));stroke-linecap:round;stroke-dasharray:calc(var(--medidor) * 100) 100;transition:stroke-dasharray var(--mov-largo) var(--mov-curva)}.medidor[data-vacio] .medidor__valor{display:none}.medidor__texto{justify-items:center;margin:0;line-height:1.1;display:grid}.medidor__num{color:var(--c-texto);font-family:var(--f-titulo);font-size:var(--t-32);font-variant-numeric:tabular-nums;font-weight:500}.medidor--grande .medidor__num{font-size:var(--t-40)}.medidor__de{color:var(--c-texto-2);font-size:var(--t-14)}.cabecera-plan{gap:var(--e-24);padding:var(--e-24);border:1px solid color-mix(in srgb, var(--plan-borde) 40%, var(--c-linea));border-radius:var(--r-24);background:var(--plan-degradado), var(--c-tarjeta);box-shadow:var(--sombra-2);grid-template-columns:minmax(0,1fr);place-items:center start;display:grid}.cabecera-plan__texto{gap:var(--e-12);min-width:0;display:grid}.cabecera-plan__titulo{color:var(--c-texto-2);font-family:var(--f-ui);font-size:var(--t-14);letter-spacing:0;margin:0;font-weight:500}.cabecera-plan__plan{margin:0}.cabecera-plan__datos{gap:var(--e-8) var(--e-32);flex-wrap:wrap;margin:0;display:flex}.cabecera-plan__datos div{gap:var(--e-4);display:grid}.cabecera-plan__datos dt{color:var(--c-texto-2);font-size:var(--t-14)}.cabecera-plan__datos dd{color:var(--c-texto);font-size:var(--t-18);font-variant-numeric:tabular-nums;margin:0;font-weight:500}@media (width>=640px){.cabecera-plan{padding:var(--e-32);grid-template-columns:minmax(0,1fr) auto}}.enfriamientos{gap:var(--e-12);display:grid}.enfriamientos__titulo{font-family:var(--f-ui);font-size:var(--t-16);margin:0;font-weight:600}.enfriamientos__lista{gap:var(--e-8);margin:0;padding:0;list-style:none;display:grid}.enfriamientos__fila{gap:var(--e-4) var(--e-16);padding:var(--e-12) var(--e-16);border:1px solid var(--c-linea);border-radius:var(--r-12);background:var(--c-tarjeta);box-shadow:var(--sombra-1);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.enfriamientos__servidor{overflow-wrap:anywhere;min-width:0;font-weight:500}.enfriamientos__fecha{color:var(--c-texto-2);font-size:var(--t-14);font-variant-numeric:tabular-nums}.rejilla-servidores{gap:var(--e-16);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));display:grid}.tarjeta-servidor{align-content:start;gap:var(--e-16);min-width:0;padding:var(--e-24);border:1px solid var(--c-linea);border-radius:var(--r-16);background:var(--c-tarjeta);box-shadow:var(--sombra-1);transition:box-shadow var(--mov-corto) var(--mov-curva);display:grid}.tarjeta-servidor:hover{box-shadow:var(--sombra-2)}.tarjeta-servidor__cabecera{gap:var(--e-12);flex-wrap:wrap;align-items:center;display:flex}.tarjeta-servidor__avatar{border:1px solid var(--c-linea);border-radius:var(--r-12);background:var(--degradado-marca);width:2.75rem;height:2.75rem;color:var(--c-texto);font-family:var(--f-titulo);font-size:var(--t-18);flex:none;place-items:center;font-weight:600;display:grid}.tarjeta-servidor__nombre{overflow-wrap:anywhere;min-width:0;font-family:var(--f-ui);font-size:var(--t-16);flex:8rem;margin:0;font-weight:600;line-height:1.3}.tarjeta-servidor__enfriamiento{gap:var(--e-12);display:grid}.tarjeta-servidor__datos{gap:var(--e-12) var(--e-16);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.tarjeta-servidor__datos div:not(.barra){gap:var(--e-4);display:grid}.tarjeta-servidor__datos dt{color:var(--c-texto-2);font-size:var(--t-12)}.tarjeta-servidor__datos dd{font-size:var(--t-14);font-variant-numeric:tabular-nums;margin:0}.barra{border-radius:var(--r-pildora);background:var(--c-linea);grid-column:1/-1;height:.5rem;overflow:hidden}.barra__relleno{width:calc(var(--progreso,0) * 100%);border-radius:var(--r-pildora);background:var(--c-acento);height:100%;transition:width var(--mov-largo) var(--mov-curva);display:block}.barra[aria-valuenow="100"] .barra__relleno{background:var(--c-ok)}.tarjeta-servidor__acciones{gap:var(--e-8);flex-wrap:wrap;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.medidor__valor,.barra__relleno,.tarjeta-servidor{transition:none}}@media (forced-colors:active){.medidor__pista{stroke:graytext}.medidor__valor{stroke:highlight}.barra{border:1px solid canvastext}.barra__relleno{background:highlight}.etiqueta-plan,.cabecera-plan,.enfriamientos__fila,.tarjeta-servidor,.tarjeta-servidor__avatar{border-color:canvastext}}
