/* ESTILOS DE TODA LA PAGINA */
body{
    max-width: 1440px;
    margin: 0 auto;
    gap: 60px !important;
    opacity: 1;
    background-color: #F5F5F7;
    margin: 0 auto
}

body {
  overflow-x: hidden;
}

body {
  font-family: 'Quicksand', sans-serif;
}



h1{
  font-family: 'Quicksand', sans-serif;
}


p{
  font-family: 'Quicksand', sans-serif;
}


.separacionB {
  width: 100vw;             /* Ocupa todo el ancho de la ventana del navegador */
  height: 8px;              /* Altura del separador */
  background-color: white;  /* Color del separador */
  margin: 0;                /* Sin margen */
  padding: 0;
  position: relative;       /* Asegura que respete el flujo */
  left: 50%;              
  transform: translateX(-50%);
}

/* Laptops y Desktops Pequeños (1200px) */
@media (max-width: 1200px) {
    body {
        gap: 40px !important;
    }
}

/* Tablets (768px) */
@media (max-width: 768px) {
    body {
        gap: 30px !important;
    }

    .section {
        padding: 40px 20px; /* Ajusta el padding para móviles */
    }
}

/* Móviles Pequeños (480px) */
@media (max-width: 480px) {
    .section {
        padding: 30px 15px;
    }
}