/* page-downloads.css — estilos para la página de descargas */

/* 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) !important;
      color: rgba(220,200,160,0.9) !important;
      position: relative !important;
    }
    .module-contents::before,
    .module-contents::after {
      content: '';
      position: absolute;
      width: 16px; height: 16px;
      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ítulo */
    .module-contents h1,
    .module-contents h2 {
      color: #f0c040 !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;
    }

    /* Secciones (DESCARGA DE CLIENTE, etc.) */
    .module-contents .download-section,
    .module-contents .card,
    .module-contents .box,
    .module-contents fieldset {
      border: 1px solid rgba(180,120,20,0.25) !important;
      border-radius: 8px !important;
      padding: 14px !important;
      margin-bottom: 14px !important;
      background: rgba(255,160,20,0.03) !important;
      position: relative !important;
      overflow: hidden !important;
    }
    /* Línea brillante superior en cada sección */
    .module-contents .download-section::before,
    .module-contents .card::before,
    .module-contents fieldset::before {
      content: '' !important;
      position: absolute !important;
      top: 0; left: 0; right: 0;
      height: 1px !important;
      background: linear-gradient(90deg, transparent, rgba(255,180,30,0.35), transparent) !important;
    }

    /* Títulos de sección */
    .module-contents h3,
    .module-contents h4,
    .module-contents .section-header,
    .module-contents legend,
    .module-contents .download-title {
      color: rgba(200,150,40,0.6) !important;
      font-size: 10px !important;
      letter-spacing: 3px !important;
      text-transform: uppercase !important;
      border-bottom: 1px solid rgba(180,120,20,0.2) !important;
      padding-bottom: 6px !important;
      margin-bottom: 10px !important;
    }

    /* Filas de descarga */
    .module-contents tr {
      border-bottom: 1px solid rgba(180,120,20,0.12) !important;
      transition: background .2s !important;
    }
    .module-contents tr:hover {
      background: rgba(255,170,30,0.06) !important;
    }
    .module-contents td {
      padding: 10px 8px !important;
      background: transparent !important;
      border: none !important;
      color: rgba(210,185,140,0.85) !important;
      vertical-align: middle !important;
    }

    /* Nombre del archivo */
    .module-contents .file-name,
    .module-contents td strong,
    .module-contents td b {
      color: #f0c040 !important;
      text-shadow: 0 0 8px rgba(255,180,30,0.3) !important;
      font-weight: 700 !important;
    }

    /* Subtexto (Full, Requerido, etc.) */
    .module-contents .file-desc,
    .module-contents td small,
    .module-contents td span {
      color: rgba(190,160,90,0.55) !important;
      font-size: 11px !important;
    }

    /* Tamaño del archivo */
    .module-contents .file-size {
      color: rgba(200,170,100,0.6) !important;
      font-size: 12px !important;
    }

    /* Botón de descarga */
    .module-contents a.btn,
    .module-contents .btn,
    .module-contents button,
    .module-contents input[type=button],
    .module-contents a[href*="download"],
    .module-contents a.download-btn {
      background: linear-gradient(135deg, rgba(200,130,20,0.25), rgba(150,90,10,0.35)) !important;
      color: #f0c040 !important;
      border: 1px solid rgba(200,140,30,0.45) !important;
      border-radius: 6px !important;
      padding: 6px 16px !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      letter-spacing: .5px !important;
      cursor: pointer !important;
      box-shadow: 0 0 12px rgba(180,100,0,0.2) !important;
      transition: all .2s !important;
      text-decoration: none !important;
    }
    .module-contents a.btn:hover,
    .module-contents .btn:hover,
    .module-contents button:hover {
      background: rgba(200,140,30,0.35) !important;
      box-shadow: 0 0 20px rgba(255,160,30,0.4) !important;
      color: #fff !important;
    }

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

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