/* =========================
   Aviso de Privacidad
========================= */
.aviso-privacidad {
  background: #fff;
  margin-top: 0;
  padding-top: 30px;   
}

.aviso-privacidad .container {
  max-width: var(--maxw);
  margin: 0 auto;
}

.aviso-head h1 {
  margin: 0 0 14px;
  font-weight: 900;
  line-height: 1.2;
  color: var(--text);
}

.aviso-intro {
  color: #444;
  margin: 0 0 clamp(20px, 4vw, 28px);
}

/* Accordion – usa variables de Bootstrap 5.3 para personalizar */
.accordion {
  --bs-accordion-border-color: transparent;
  --bs-accordion-inner-border-radius: 12px;
  --bs-accordion-btn-padding-y: 14px;
  --bs-accordion-btn-padding-x: 18px;
  --bs-accordion-body-padding-y: 16px;
  --bs-accordion-body-padding-x: 18px;

  /* Colores personalizados (morado del diseño) */
  --bs-accordion-btn-bg: var(--violet2);
  --bs-accordion-active-bg: var(--violet2);
  --bs-accordion-btn-color: #fff;
  --bs-accordion-active-color: #fff;

  /* Iconos blancos */
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
}

.accordion-item {
  margin-bottom: 14px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
  background: #f7f7fb;
}

.accordion-button {
  font-weight: 800;
  letter-spacing: .2px;
  border: 0;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-body {
  background: #f3f1f9; /* suave lila claro para contraste */
  color: #2e2e2e;
}

/* Pie del aviso */
.aviso-foot {
  margin-top: clamp(24px, 5vw, 40px);
  text-align: center;
  color: #666;
  font-size: .95rem;
}

/* Accesibilidad: foco visible */
.accordion-button:focus {
  box-shadow: 0 0 0 .2rem rgba(75, 59, 145, .35);
}

/* Responsive pequeños ajustes */
@media (max-width: 768px) {
  .aviso-privacidad {
    padding-top: clamp(28px, 6vw, 40px);
  }
  .accordion-item { margin-bottom: 12px; }
}