/* ===== CONTENEDOR ===== */
#rochile-download .downloads-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:70px;
  flex-wrap:wrap;
}

/* ===== OPCION (boton + etiqueta) ===== */
#rochile-download .dl-option{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

#rochile-download .dl-option-label{
  color:#ffd700;
  font-weight:700;
  font-size:0.95rem;
  letter-spacing:0.03em;
  text-transform:uppercase;
}

/* ===== BOTONES 250x100 ===== */
#rochile-download a.dl-btn{
  width:250px;
  height:100px;
  display:inline-block;
  border-radius:22px;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  box-shadow:0 10px 25px rgba(0,0,0,.5);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

/* Imagen cubre TODO el botón */
#rochile-download a.dl-btn img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:22px;
  transition: transform .3s ease;
}

/* DESTELLO CONSTANTE SUAVE */
#rochile-download a.dl-btn::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-60%;
  width:40%;
  height:200%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transform:rotate(25deg);
  animation:shine 4s infinite linear;
  pointer-events:none;
}

/* ENERGÍA BRILLANTE EN BORDES */
#rochile-download a.dl-btn::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  box-shadow:0 0 25px rgba(0,198,255,.4);
  opacity:0;
  transition:opacity .3s ease;
}

/* Hover POWER */
#rochile-download a.dl-btn:hover{
  transform:translateY(-8px) scale(1.08);
  box-shadow:0 30px 70px rgba(0,0,0,.85);
  filter:saturate(1.1);
}

#rochile-download a.dl-btn:hover img{
  transform:scale(1.05);
}

#rochile-download a.dl-btn:hover::after{
  opacity:1;
}

/* Google Drive blanco elegante */
#rochile-download a.dl-btn.gd{
  background:#ffffff;
  box-shadow:0 10px 25px rgba(0,0,0,.4);
}

/* ===== CENTRAR TEXTOS ===== */
#rochile-download h2,
#rochile-download p,
#rochile-download .heading-container,
#rochile-download .updated{
    text-align:center !important;
}

#rochile-download .downloads-inner{
    text-align:center !important;
}

#rochile-download strong{
    display:block;
    text-align:center !important;
}

/* ANIMACIÓN DESTELLO */
@keyframes shine{
  0%{ left:-60%; }
  100%{ left:120%; }
}

/* ===== TABLA REQUISITOS DEL SISTEMA ===== */
.rochile-sysreq-wrapper {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 16px 40px;
}

.rochile-sysreq-title {
  color: #ffd700;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 16px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,185,0,0.3);
  padding-bottom: 10px;
}

.rochile-sysreq-table-wrap {
  border: 1px solid rgba(255,185,0,0.25);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.55);
}

.rochile-sysreq-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  background: rgba(10,8,5,0.75);
}

.rochile-sysreq-table thead tr {
  background: linear-gradient(135deg, rgba(245,158,11,0.25) 0%, rgba(120,80,0,0.25) 100%);
}

.rochile-sysreq-table thead th {
  color: #ffd700;
  font-weight: 700;
  padding: 13px 18px;
  text-align: center;
  border-bottom: 1px solid rgba(255,185,0,0.3);
  letter-spacing: 0.02em;
}

.rochile-sysreq-table thead th:first-child {
  text-align: left;
}

.rochile-sysreq-table tbody tr {
  border-bottom: 1px solid rgba(255,185,0,0.1);
  transition: background 0.2s;
}

.rochile-sysreq-table tbody tr:last-child {
  border-bottom: none;
}

.rochile-sysreq-table tbody tr:nth-child(odd) {
  background: rgba(255,185,0,0.04);
}

.rochile-sysreq-table tbody tr:hover {
  background: rgba(255,185,0,0.1);
}

.rochile-sysreq-table tbody td {
  padding: 12px 18px;
  color: #c4b89a;
  text-align: center;
  vertical-align: middle;
}

.rochile-sysreq-table tbody td:first-child {
  text-align: left;
  color: #e8d8a0;
}

.rochile-sysreq-table tbody td strong {
  color: #e8d8a0;
  font-weight: 600;
}

@media (max-width: 600px) {
  .rochile-sysreq-table {
    font-size: 0.78rem;
  }
  .rochile-sysreq-table thead th,
  .rochile-sysreq-table tbody td {
    padding: 9px 10px;
  }
}