/* form.css */

/* 1) Trae Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

/* 2) Aplica solo la tipografía y fondo */
body {
    font-family: "Poppins", sans-serif;
    background-color: #3d4954;
    color: #363636;
    /* margin: 0; */
    padding: 0;
}

/* 3) Estilos para tu contenedor genérico (si lo usas) */
.contenedor {
    background: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin: 1rem auto;
    max-width: 700px;
}

/* 4) SI necesitas un wrapper “full-width” para tablas, por ejemplo */
.fullwidth .contenedor {
    max-width: 100%;
    box-shadow: none;
    background: transparent;
}

/* Navegación======================================= */
/* Opcional: más espacio entre cada link */
.navbar-nav .nav-item+.nav-item {
    margin-left: 1rem;
}

/* Opcional: borde redondeado al link activo */
.navbar-nav .nav-link.active {
    border-radius: 0.25rem;
}

/* Opcional: color de fondo al hacer hover */
.navbar-light .navbar-nav .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
}