/* Estilo cálido y semitransparente para el modal */
.custom-modal {
  background: rgba(255, 236, 179, 0.95); /* amarillo cálido translúcido */
  border-radius: 16px;
  border: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px); /* efecto vidrio suave */
}

/* Header con tono más cálido */
.custom-modal .modal-header {
  background: rgba(255, 193, 7, 0.85); /* amarillo Bootstrap warning */
  border-bottom: none;
  color: #4a2c00;
  font-weight: bold;
}

/* Footer con tono más suave */
.custom-modal .modal-footer {
  border-top: none;
  background: rgba(255, 193, 7, 0.1);
}

/* Texto del cuerpo */
.custom-modal .modal-body {
  color: #3b2f1e;
  font-size: 1rem;
}