:root {
    --bs-body-font-family: "Open Sans", sans-serif;
    --main-color: #2964DB;
    --white-base: #ffffff; 
    --black-base: #212121;  
    --wasap-color: #25D366;
}

/* <uniquifier>: Use a unique and descriptive class name */
/* <weight>: Use a value from 300 to 800 */

a {
    color: var(--black-base);
    text-decoration: none;
}

a:hover {
    color: var(--main-color);
}

.open-sans-font {
  /* font-family: "Open Sans", sans-serif; */
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.font--light {
    font-weight: 300;
}

.font--regular {
    font-weight: 400;
}

.font--semibold {
    font-weight: 600;
}

image-sidebar {
    background: url('assets/image-side-right.png') center center no-repeat var(--main-color);
    background-size: cover;
    display: block;
    min-height: 100vh;
    width: 100%;
}

.polibodegas-logo {
    max-width: 320px;
    margin-bottom: 30px;
}

.poli-hero-title {
    color: var(--main-color);
    font-size: 42px;
    letter-spacing: 5%;
    margin-bottom: 20px;
}

.btn-whatsapp {
    background-color: var(--wasap-color);
    color: var(--white-base);
}

.btn-whatsapp:hover {
    background-color: var(--black-base);
    color: var(--white-base);
}

.btn-whatsapp img {
    display: inline-block;
    height: auto;
    margin-right: 5px;
    max-width: 24px;
    vertical-align: bottom;
}

ul li img {
    height: auto;
    max-width: 18px;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .incoming-message {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
        max-width: 40%;
        margin-left: 5%;
        margin-bottom: 5%;
    }
    
    ul {
        margin-top: 120px;
    }
}

@media (max-width: 767px) {
    .incoming-message {
        text-align: center;
        padding: 0 20px;
        margin-bottom: 60px;
    }

    .polibodegas-logo {
        margin-top: 20px;
    }

    ul {
        margin-top: 60px;
        text-align: left;
    }

    ul li img {
        display: none;
    }
}