/* page-info.css — estilos para la página de información del servidor */

/* ── CONTENEDOR PRINCIPAL ── */
    .module-contents {
      background: linear-gradient(160deg, #0d0a04 0%, #1c1005 60%, #100a02 100%) !important;
      border: 1px solid rgba(180,120,20,0.4) !important;
      box-shadow: 0 0 50px rgba(180,100,0,0.2),
                  inset 0 1px 0 rgba(255,200,80,0.08),
                  inset 0 0 80px rgba(0,0,0,0.4) !important;
      color: rgba(220,200,160,0.9) !important;
      position: relative !important;
    }

    /* Esquinas decorativas */
    .module-contents::before,
    .module-contents::after {
      content: '';
      position: absolute;
      width: 20px; height: 20px;
      border-color: rgba(200,140,30,0.6);
      border-style: solid;
      pointer-events: none;
      z-index: 1;
    }
    .module-contents::before { top: 8px; left: 8px; border-width: 2px 0 0 2px; }
    .module-contents::after  { bottom: 8px; right: 8px; border-width: 0 2px 2px 0; }

    /* ── TÍTULOS ── */
    .module-contents h1,
    .module-contents h2 {
      color: #f0c040 !important;
      font-size: 22px !important;
      letter-spacing: 4px !important;
      text-transform: uppercase !important;
      text-shadow: 0 0 25px rgba(255,180,30,0.7),
                   0 0 50px rgba(255,120,0,0.3) !important;
      text-align: center !important;
      padding-bottom: 12px !important;
      border-bottom: 1px solid rgba(200,140,30,0.3) !important;
      margin-bottom: 20px !important;
    }

    /* ── SUBTÍTULOS DE SECCIÓN ── */
    .module-contents h3,
    .module-contents h4,
    .module-contents .section-title,
    .module-contents thead tr th:first-child {
      color: rgba(200,150,40,0.55) !important;
      font-size: 10px !important;
      letter-spacing: 3px !important;
      text-transform: uppercase !important;
      border-bottom: 1px solid rgba(180,120,20,0.25) !important;
    }

    /* ── TABLAS ── */
    .module-contents table {
      border-collapse: collapse !important;
      width: 100% !important;
    }
    .module-contents table tr {
      border-bottom: 1px solid rgba(180,120,20,0.12) !important;
      transition: background .2s !important;
    }
    .module-contents table tr:hover {
      background: rgba(255,170,30,0.06) !important;
    }
    .module-contents table td,
    .module-contents table th {
      padding: 10px 10px !important;
      background: transparent !important;
      border: none !important;
      color: rgba(210,185,140,0.8) !important;
    }
    .module-contents table th {
      color: rgba(200,150,40,0.6) !important;
      font-size: 11px !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      padding-bottom: 8px !important;
      border-bottom: 1px solid rgba(180,120,20,0.3) !important;
    }

    /* Columna izquierda labels */
    .module-contents table td:first-child {
      color: rgba(190,160,90,0.65) !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      letter-spacing: .5px !important;
    }

    /* Columna derecha valores — dorado brillante */
    .module-contents table td:last-child,
    .module-contents table td:nth-child(2) {
      font-weight: 700 !important;
      color: #f0b830 !important;
      text-shadow: 0 0 10px rgba(255,180,30,0.4) !important;
      text-align: right !important;
    }

    /* Quitar fondos alternados grises */
    .module-contents table tr:nth-child(odd) td,
    .module-contents table tr:nth-child(even) td {
      background: transparent !important;
    }

    /* ── TEXTOS SUELTOS ── */
    .module-contents p,
    .module-contents span,
    .module-contents div {
      color: rgba(210,185,140,0.85) !important;
    }

    /* ── SEPARADORES ── */
    .module-contents hr {
      border: none !important;
      height: 1px !important;
      background: linear-gradient(90deg, transparent, rgba(200,140,30,0.5), transparent) !important;
      margin: 16px 0 !important;
    }

    /* ── LINKS ── */
    .module-contents a {
      color: #f0b830 !important;
      text-decoration: none !important;
    }
    .module-contents a:hover {
      color: #fff !important;
      text-shadow: 0 0 10px rgba(255,180,30,0.7) !important;
    }

    /* ── BADGES automáticos en valores conocidos ── */
    .module-contents table td:last-child {
      position: relative !important;
    }