@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700&display=swap');

:root {
    --clr-primary: #1d1d1d; /* Color principal */
    --clr-secondary: #6c757d; /* Color secundario */
    --clr-accent: #0c2a24; /* Color de acento */
    --clr-accent--light: #09aa8a; /* Color de acento */
    --clr-light: #ffffff;
    --clr-gold: darkkhaki;
    --margin-menu: 120px;
    --filter-brightness-photo: brightness(0.4);
    --f-titles: 'Poppins', sans-serif;
    --f-body:  'Poppins', sans-serif;
    --f-menu: 'Poppins', sans-serif;
    --fw-200: 200;
    --fw-400: 400;
    --fw-700: 700;
  }

h1, h2, h3, h4, h5 {
    font-family: var(--f-titles);
    font-weight: var(--fw-700)!important;
}

h1, h2 {
    text-transform: uppercase;
}

.t-body {
    font-family: var(--f-body);
    font-size: 1.25rem;
    font-weight: var(--fw-200);
}
    
.t-body--small {
    font-size: 1.25rem;
}

.header {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
}

.nav-link {
    font-family: var(--f-menu);
    font-weight: var(--fw-400);
    font-size: .75rem;
    border-collapse: collapse;
    transition: all ease 500ms;
    border-bottom: 2px solid var(--clr-light);
}

.nav-link:hover {
    border-bottom: 2px solid var(--clr-accent--light);
}

.anchor {
    text-decoration: underline dotted;
}

.anchor:hover {
    text-decoration: none;
}

.section {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.section--dark {
    background-color: var(--clr-primary);
}

.section--conocenos {
    background-color:whitesmoke;
}

.display-4--lowcase {
    display: block;
    font-weight: var(--fw-200);
    text-transform: lowercase;
    font-size: 1.25rem;
}

.carousel-caption--center-right {
    right: 8%;
    bottom: 31.25rem;
    left: 58%;
    text-align: left;
}

.filter-brightness-40 {
    filter: var(--filter-brightness-photo)
}

.hero {
    height: 100vh;
}

.hero-image {
    position: absolute;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: bottom;
}

.hero-title {
    max-width: 46rem;
}

.hero-body {
    display: none;
}

.footer {
    background-color: var(--clr-accent);
    font-family: var(--f-body);
}

.whatsapp {
    position: fixed;
    z-index: 3;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    border-radius: 50%;
    padding: .35em;
    transition: all ease-in-out 250ms;
}

.whatsapp:hover {
    opacity:0.8;
}

@media (min-width: 768px) {

    .t-body {
        font-size: 2rem;
    }

    .t-body--small {
        font-size: 1.5rem;
    }

    .display-4--lowcase {
        display: block;
        font-weight: var(--fw-200);
        text-transform: lowercase;
        font-size: 2rem;
    }    

    .nav-link {
        font-size: 1rem;
    }

    .hero-body {
        display: initial;
    }

    .rrss {
        position: static;
    }
}