*{
    box-sizing: border-box;
     font-family:'Montserrat', sans-serif;
     margin: 0px;
     padding: 0px;
}

body {
    color: #263138;

}
header{
    background-color: #ff9a6c;
    padding: 24px 80px 24px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header  nav a{
    color: #ffffff;
    font-weight: 600;
    padding:32px ;
    text-decoration: none;

}
#inicio{
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 24px 80px 128px 80px;
    position: relative;

}
h1,
h2{
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 32px;
}
.paragrafo{
    line-height: 150%;
    margin-bottom: 32px;
}
.button{
    background-color: #ff725e;
    padding: 16px 32px;
    border-radius: 8px;
    color:#ffffff;
    text-decoration: none;
}
.button-transparent{
    background-color: transparent;
    color: #ff725e;
    padding: 16px 32px;
    text-underline-offset: 4px;

}
.absolute{
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    z-index: -10;
}
#clinica{
    display: flex;
    align-items: center;
    gap: 64px;
    padding:64px 80px;

}
#clinica li{
    margin-bottom: 16px;
    margin-left:32px;
}
#farmacia{
    padding: 64px 80px;
    text-align: center;
}
#farmacia img{
    margin: 64px auto;

}
#farmacia .paragrafo{
    max-width: 950px;
    margin: 0 auto;
}
#duvidas{
    display: flex;
    align-items: center;
    gap: 64px;
    padding: 64px 80px;
}
.duvida{
    position: relative;
}

.duvida h3 {
    border: 3px solid #ff725e;
    border-radius:8px;
    cursor: pointer;
    padding: 24px;
}
.duvida img{
    top: 32px;
    position: absolute;
    right: 24px;

}
.duvida .paragrafo{
    border-right:1px solid  #ff715e7a;
    border-bottom: 1px solid  #ff715e7a;
    border-left: 1px solid  #ff715e7a;
    border-radius: 0 0 8px 8px;
    margin-top: -8px;
    padding: 24px;
    height: 0 ;
    overflow:hidden;
    padding: 0 24px;
    opacity: 0;
    transition: .2s;
}
.duvida.ativa .paragrafo{
height: fit-content;
opacity: 1;
padding: 24px;
}
footer{
    background-color: rgba(255, 152,108,0.25);
    display: flex;
    gap:80px ;
    padding:64px 80px ;
}
.footter img{

}
.footer .titulo{
    font-weight: 600;
    margin-bottom: 24px;

}
footer nav a {
    color: #263138;
    display: block;
    margin-bottom: 16px;
    text-decoration: none;
    max-width: 350px;

}
footer p{
    margin-bottom:16px ;
}
footer p a {
    color: #263138;
    text-decoration: none;
}
#copyright{
    background-color: #263138;
    color: #ffffff;
    padding: 24px;
    text-align: center;

}
#copyright a{
    color:#ff9a6c ;

}