/*https://www.youtube.com/watch?v=MYFgtnKMDp4&t=2817s*/

@import url(all.min.css);
@import url(sources.css);
@import url(menu.css);
@import url(header_navbar.css);
@import url(header_hero.css);
@import url(header_about.css);
@import url(header_services.css);
@import url(header_clientes.css);
@import url(header_proyectos.css);
@import url(header_contacto.css);
@import url(main_footer.css);

@import url(responsive.css);


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

html {
    scroll-behavior: smooth;
}

/* Estilos para todo la web */

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
    border: none;
    background: none;
}

img {
    width: 100%;
}

.section-content {
    margin: 0 auto;
    padding: 0 20px;
    max-width: var(--site-max-width);
}

.section-title {
    text-align: center;
    padding: 60px 0 100px;
    text-transform: uppercase;
    font-size: var(--font-size-xl);
}

.section-title::after {
    content: "";
    width: 80px;
    height: 5px;
    display: block;
    margin: 10px auto 0;
    border-radius: var(--border-radius-s);
    background: var(--secondary-color);
}