/* ESTILOS PARA TÉRMINOS Y CONDICIONES */
.contenido {
    max-width: 800px; /* Ancho máximo del contenido */
    margin: 20px auto; /* Centrar el contenido con márgenes automáticos */
    padding: 20px; /* Espaciado interno */
    background-color: rgba(255, 255, 255, 0.1); /* Fondo semi-transparente */
    border-radius: 8px; /* Bordes redondeados */
    color: black;
}

h1 {
    text-align: center; /* Centrar el título principal */
    color: black; /* Asegurar que el título sea blanco */
}

h2 {
    color: black; /* Asegurar que los subtítulos sean blancos */
}

.contenido p {
    color: black;
}

/* Esta parte es de redes sociales */
.social { 
    margin-block: 24px; 
    text-align: center; 
}
.social h2 {
  font: 700 1.4rem/1.2 system-ui, sans-serif;
  color: #f8e9cf; /* ajusta al tema de tu sitio */
  margin-bottom: 12px;
}

.social-redes h2{
    color: white;
}

.social-links {
  list-style: none;
  display: flex;
  gap: 12px;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.social-links a {
  width: 42px; height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;                 /* cuadrado con puntas redondeadas */
  background: linear-gradient(135deg, rgba(14, 93, 172, 1) 0%, rgba(103, 160, 38, 1) 50%, rgba(14, 93, 172, 1) 100%);                /* color de fondo del botón */
  color: #faf9f8;                     /* color del icono */
  text-decoration: none;
  transition: transform .15s ease, background .15s ease, color .15s ease;
}

.social-links a:hover {
  transform: translateY(-2px);
  background: #f3f3f1;
  color: #000;                        /* icono más oscuro al hover */
}

.social-links i {
  font-size: 1.25rem;                 /* tamaño del icono */
}
/* Aquí finaliza la parte de redes sociales */