:root {
    --primary-color: #872835;
    --primary-light: #ffd6dc;
    --secondary-color: #c28e74;
    --dark-color: #333;
    --light-color: #fff9fa;
    --accent-color: #ffd166;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.card-border-bottom {
    border-bottom: 4px solid #e0a98d !important;
}

@font-face {
    font-family: "Filmotype LaCrosse";
    src: url("../fonts/FILMOTYPE\ LACROSSE/Filmotype\ La\ Crosse.woff.ttf") format("truetype");
}

@font-face {
    font-family: "merriweather";
    src: url("../fonts/MERRIWEATHER/Merriweather-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "montserrat-thin";
    src: url("../fonts/MONTSERRAT/Montserrat-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "montserrat-regular";
    src: url("../fonts/MONTSERRAT/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "montserrat-medium";
    src: url("../fonts/MONTSERRAT/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "montserrat-semibold";
    src: url("../fonts/MONTSERRAT/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "montserrat-bold";
    src: url("../fonts/MONTSERRAT/Montserrat-Bold.ttf") format("truetype");
}

@import url("https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap");

.filmotype {
    font-family: "Filmotype LaCrosse", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 120px;
}

.merriweather {
    font-family: "merriweather", serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-serif-medium {
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: italic;
    font-variation-settings:
        "wdth" 100,
        "GRAD" 0;
}

.montserrat-thin {
    font-family: "montserrat-thin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.montserrat-regular {
    font-family: "montserrat-regular", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.montserrat-medium {
    font-family: "montserrat-medium", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.montserrat-semibold {
    font-family: "montserrat-semibold", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.montserrat-bold {
    font-family: "montserrat-bold", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

* {
    font-family: "merriweather", serif;
    font-weight: 400;
    font-style: normal;
}

.nav-link {
    color: var(--primary-color);
    border-radius: 10px;
    font-family: "montserrat-medium", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.nav-link:hover {
    background-color: #bd5765;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 126, 143, 0.4);
    border-radius: 10px;
    color: white;
}

.btn-primary-custom {
    background-color: var(--primary-color);
    border: none;
    padding: 0.8rem 2rem;
    border-radius: 10px;
    transition: all 0.3s ease;
    color: white;
    box-shadow: 0 4px 15px rgba(255, 126, 143, 0.3);
    font-family: "montserrat-medium", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.btn-primary-custom:hover {
    background-color: #bd5765;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 126, 143, 0.4);
    color: white;
}

.btn-secondary-custom {
    /* background-color: var(--secondary-color); */
    border: none;
    padding: 1.2rem 1.2rem;
    border-radius: 10px;
    transition: all 0.3s ease;
    color: var(--primary-color);
    box-shadow: 0 4px 15px rgba(195, 143, 122, 0.3);
    font-family: "montserrat-medium", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background: #f6d9c9;
    background: -webkit-linear-gradient(
        160deg,
        rgba(246, 217, 201, 1) 0%,
        rgba(247, 225, 213, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -moz-linear-gradient(
        160deg,
        rgba(246, 217, 201, 1) 0%,
        rgba(247, 225, 213, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
        160deg,
        rgba(246, 217, 201, 1) 0%,
        rgba(247, 225, 213, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F6D9C9", endColorstr="#FFFFFF", GradientType=0);
}

.btn-secondary-custom:hover {
    background-color: #e9b5a1;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(195, 143, 122, 0.4);
    color: var(--primary-color);
}

.btn-tertiary-custom {
    border: none;
    padding: 1.2rem 1.2rem;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(195, 143, 122, 0.3);
    font-family: "montserrat-medium", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background: #58101a;
    background: -webkit-linear-gradient(
        160deg,
        rgba(88, 16, 26, 1) 0%,
        rgba(119, 21, 34, 1) 50%,
        rgba(150, 27, 48, 1) 100%
    );
    background: -moz-linear-gradient(
        160deg,
        rgba(88, 16, 26, 1) 0%,
        rgba(119, 21, 34, 1) 50%,
        rgba(150, 27, 48, 1) 100%
    );
    background: linear-gradient(160deg, rgba(88, 16, 26, 1) 0%, rgba(119, 21, 34, 1) 50%, rgba(150, 27, 48, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58101A", endColorstr="#961B30", GradientType=0);
}

.btn-tertiary-custom:hover {
    background-color: #e9b5a1;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(195, 143, 122, 0.4);
    color: var(--primary-color);
}

h1 {
    color: var(--primary-color);
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

#home {
    min-width: 100%;
    min-height: 100vh;
    background-image: url("../images/sessao1.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#conheca-meus-metodos {
    min-height: 100vh;
    background-image: url("../images/sessao2.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#gastroenterologia-hepatologia {
    min-height: 100vh;
    background-image: url("../images/sessao3.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#agende-sua-consulta {
    min-height: 100vh;
    background-image: url("../images/sessao4.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.especializada {
    background: #c9997f;
    background: linear-gradient(
        90deg,
        rgba(201, 153, 127, 1) 0%,
        rgba(210, 166, 144, 1) 50%,
        rgba(220, 185, 166, 1) 100%
    );
    border-radius: 10px;
    color: var(--primary-color);
}

#beneficios-atendimento-online {
    min-height: 100vh;
    background-image: url("../images/sessao5.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#conheca {
    min-height: 100vh;
    background-image: url("../images/sessao6.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#experiencia-profissional {
    min-height: 100vh;
    background-image: url("../images/sessao7.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#missao {
    min-height: 100vh;
    background-image: url("../images/sessao8.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#tratamentos {
    min-height: 100vh;
    background-image: url("../images/sessao9.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#contatos {
    min-height: 100vh;
    background-image: url("../images/sessao10.jpg") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.text-justify {
    text-align: justify;
}

.especializada {
    z-index: 10;
}

.saude-digestiva {
    z-index: 0;
    padding-top: 64px;
    padding-bottom: 8px;
}

/* Extra pequeno (XS) - menor que 576px */
@media (max-width: 575.98px) {
    /* estilos para celulares pequenos */
    .saude-digestiva {
        font-size: 5rem;
        line-height: 3rem;
        padding-top: 100px;
    }
    .cuidado-expertise {
        font-size: 5rem;
        line-height: 4rem;
    }
    .dra-juliana {
        font-size: 3.8rem;
        line-height: 3rem;
    }
}

/* Pequeno (SM) - ≥576px */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* estilos para celulares grandes */
    .saude-digestiva {
        font-size: 4rem;
        line-height: 3rem;
    }
    .cuidado-expertise {
        font-size: 8rem;
        line-height: 6rem;
    }
    .dra-juliana {
        font-size: 4rem;
        line-height: 3rem;
    }
}

/* Médio (MD) - ≥768px */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* estilos para tablets */
    .saude-digestiva {
        font-size: 11rem;
        line-height: 9rem;
    }
    .cuidado-expertise {
        font-size: 8rem;
        line-height: 6rem;
    }
    .dra-juliana {
        font-size: 8rem;
        line-height: 6rem;
    }
}

/* Grande (LG) - ≥992px */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* estilos para desktops pequenos */
    .saude-digestiva {
        font-size: 14rem;
        line-height: 9rem;
    }
    .cuidado-expertise {
        font-size: 8rem;
        line-height: 6rem;
    }
    .dra-juliana {
        font-size: 8rem;
        line-height: 6rem;
    }
}

/* Extra grande (XL) - ≥1200px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    /* estilos para desktops médios */
    .saude-digestiva {
        font-size: 14rem;
        line-height: 9rem;
    }
    .cuidado-expertise {
        font-size: 10rem;
        line-height: 8rem;
    }
    .dra-juliana {
        font-size: 10rem;
        line-height: 8rem;
    }
}

/* Extra extra grande (XXL) - ≥1400px */
@media (min-width: 1400px) {
    /* estilos para telas grandes ou 4K */
    .saude-digestiva {
        font-size: 18rem;
        line-height: 10rem;
    }
    .cuidado-expertise {
        font-size: 10rem;
        line-height: 8rem;
    }
    .dra-juliana {
        font-size: 10rem;
        line-height: 8rem;
    }
}

.lista-vermelha li::marker {
    color: #9d3141;
    font-size: 3em;
}

.card-compromisso {
    border-radius: 36px;
    background-image: url("../images/compromisso.png");
    background-repeat: no-repeat;
    background-position: right 50px top 30px;
    background-size: auto 300px;
}

.card-atendimento {
    border-radius: 36px;
    background-image: url("../images/atendimento.png");
    background-repeat: no-repeat;
    background-position: right 50px top 30px;
    background-size: auto 300px;
}

.card-valores {
    border-radius: 36px;
    background-image: url("../images/valores.png");
    background-repeat: no-repeat;
    background-position: right 50px top 30px;
    background-size: auto 300px;
}

.card-missao {
    border-radius: 36px;
    background-image: url("../images/missao.png");
    background-repeat: no-repeat;
    background-position: right 50px top 30px;
    background-size: auto 300px;
}

#home > nav > div > button > span {
    color: #58101a;
}