/* OCÉANO CASINOS — Bloque puente hacia los documentos jurídicos */

.oc-docs { background: var(--oc-paper); padding-block: var(--space-11); }

.oc-docs__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: var(--space-10);
  align-items: center;
}

.oc-docs__texto .oc-lead { margin-top: var(--space-5); }
.oc-docs__texto .oc-btn { margin-top: var(--space-7); }

/* Índice como sumario de libro: una regla fina por renglón y nada más */
.oc-docs__lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
.oc-docs__lista li { border-top: 1px solid var(--oc-line); }
.oc-docs__lista li:last-child { border-bottom: 1px solid var(--oc-line); }
.oc-docs__lista a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: 64px;
  padding-block: var(--space-3);
  font-size: var(--text-base);
  text-decoration: none;
  color: var(--oc-ink-soft);
  transition: color var(--dur) var(--ease-out), padding-left var(--dur) var(--ease-out);
}
.oc-docs__lista a::after {
  content: "→";
  color: var(--oc-gold-ink);
  opacity: 0;
  transition: opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);
}
.oc-docs__lista a:hover { color: var(--oc-ink); padding-left: var(--space-3); }
.oc-docs__lista a:hover::after { opacity: 1; transform: translateX(-4px); }

@media (max-width: 900px) {
  .oc-docs { padding-block: var(--space-9); }
  .oc-docs__panel { grid-template-columns: 1fr; gap: var(--space-7); }
}