
/*
    Created on : 14 Mar 2023, 12:01:34
    Author     : pgoncalves
    design: https://xd.adobe.com/view/6cae8ef3-fcf6-418c-8b15-cd25f7cf3116-39fd/specs/
*/

/*******************************************************************************
VARIABLES
*******************************************************************************/
:root {
    --blue: #0D4295;
    --white: #ffffff;
}
/*******************************************************************************
GENERAL
*******************************************************************************/
html, body {
    height: 100%;
    font-family: 'Lato', sans-serif;
}
body {
    font-family: 'Lato', sans-serif;
    display: flex;
    flex-direction: column;
}
body * {
    /*zoom: 0.95;*/
}
.fill-heigth {
    flex: 1 0 auto;
    /*background: red;*/
}
.footer {
    flex-shrink: 0;
}
.ds_logo {
    background: #FAE4ED;
    padding: 15px;
}
@media all and (min-width: 768px) {
    .ds_logo {
        padding: 20px;
    }
}
.btn_voltar {
    background: transparent;
    color: #0D4295;
    border: 1px solid #0D4295;
    padding: 7px 25px;
}
.btn_voltar:hover {
    background: #0D4295;
}
.btn_cookies {
    background: orange;
    border: 1px solid orange;
    padding: 7px 25px;
    font-size: 12px;
    color: #0D4295;
}
.ds_logo_perrigo {
    max-width: 148px;
}
/*******************************************************************************
HELPERS
*******************************************************************************/
.font_size_12px {
    font-size: 12px;
}
br.br_sm_show {
    display: block;
}
br.br_sm_hide {
    display: none;
}
/*******************************************************************************
FORM ESCOLHAS
*******************************************************************************/
.form_escolha_p1 {
    padding-bottom: 50px;
}
.ds_box_form_mulheres {
    max-width: 300px;
}
@media all and (min-width: 768px) {
    .ds_box_form_mulheres {
        max-width: 354px;
    }
}
.form_escolha_p1_mensagem {
    font-size: 12px;
    color: red;
    /*    padding-top: 25px;
        padding-bottom: 25px;*/
}
.form_escolha_p1_top {
    padding-top: 50px;
}
.form_escolha_p1_top img {
    padding: 0px 25px 0px 25px;
}
@media all and (min-width: 768px) {
    .form_escolha_p1_top img {
        padding: 0px;
    }
}
.form_escolha_p1_title {
    font-size: 32px;
    line-height: 40px;
    color: #0D4295;
    font-weight: 700;
    margin-top: 15px;
}
.form_escolha_p1_box_form {
    background: #FAE4ED;
    border-radius: 30px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 1px 22px 1px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 1px 22px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 1px 22px 1px rgba(0,0,0,0.14);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 0px;
}
.form_escolha_p1 label {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 5px;
    color: #0D4295;
}
.form_escolha_p1_select {
    padding-left: 30px;
    padding-right: 30px;
}
@media all and (min-width: 768px) {
    .form_escolha_p1_select {
        padding-left: 50px;
        padding-right: 50px;
    }
}
.form_escolha_p1_select select {
    font-size: 12px;
    font-style: italic;
    padding: 10px 30px 10px 10px;
    color: #8E8E8E;
    border: 1px solid transparent;
}
@media all and (min-width: 1024px) {
    .form_escolha_p1 {
        background: url(images/formulario_background.png) no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}
.btn_submit {
    background: #0D4295;
    padding: 7px 25px;
}
.container-1500 {
    width: 100%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
}
/*******************************************************************************
ESCOLHAS
*******************************************************************************/
.escolha_necessidade {
    display: none;
    padding-top: 50px;
    padding-bottom: 50px;

}
.escolha_necessidade_box_padding {
    padding: 10px 25px;
}
@media all and (min-width: 768px) {
    .escolha_necessidade_box_padding {
        padding: 10px 30px;
    }
}
.escolha_necessidade_title {
    font-size: 24px;
    font-weight: 700;
    color: #0D4295;
}
.escolha_necessidade_subtitle {
    color: #0D4295;
}
.escolha_necessidade_box {
    padding: 10px;
    border-radius: 0px 0px 30px 30px;
    -webkit-box-shadow: 0px 1px 22px 1px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 1px 22px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 1px 22px 1px rgba(0,0,0,0.14);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 0px;
    margin-top: -1px;
}
@media all and (min-width: 768px) {
    .escolha_necessidade_box {
        padding: 50px;
    }
}
.escolha_necessidade_text {
    color: #0D4295;
    letter-spacing: -0.4px;
}
.escolha_necessidade {

}
@media all and (min-width: 1024px) {
    .escolha_necessidade_001 {
        background: url(images/escolha_necessidade_001_produto_background.png) no-repeat center center;
        /*        background-position: center;
                background-position-y: 25px;*/
        background-position: center 25px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}
.escolha_necessidade_001_background {
    background: #FAE4ED;
}
@media all and (min-width: 1024px) {
    .escolha_necessidade_002 {
        background: url(images/escolha_necessidade_002_produto_background.png) no-repeat bottom center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
}
.escolha_necessidade_002a_background {
    background: #EEECE5;
}
.escolha_necessidade_002b_background {
    background: #FDF7F3;
}
@media all and (min-width: 1024px) {
    .escolha_necessidade_003 {
        background: url(images/escolha_necessidade_003_produto_background.png) no-repeat center center;
        background-position: center;
        background-position-y: 120px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}
@media all and (min-width: 1024px) {
    .escolha_necessidade_004 {
        background: url(images/escolha_necessidade_004_produto_background.png) no-repeat center center;
        background-position: center;
        background-position-y: 150px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}
.escolha_necessidade_003_background {
    background: #F3F9FC;
}

.escolha_necessidade_004_background {
    background: #FDF2F2;
}
@media all and (min-width: 1024px) {
    .escolha_necessidade_005 {
        background: url(images/escolha_necessidade_005_produto_background.png) no-repeat;
        background-position: center;
        background-position-y: 150px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}
.escolha_necessidade_005_background {
    background: #FEF9FA;
}
@media all and (min-width: 1024px) {
    .escolha_necessidade_006 {
        background: url(images/escolha_necessidade_006_produto_background.png) no-repeat;
        background-position: center;
        background-position-y: 150px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}
.escolha_necessidade_006_background {
    background: #FBFAFD;
}
@media all and (min-width: 1024px) {
    .escolha_necessidade_007 {
        background: url(images/escolha_necessidade_007_produto_background.png) no-repeat;
        background-position: center;
        background-position-y: 150px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}
.escolha_necessidade_007_background {
    background: #F5FBFB;
}
.escolha_necessidade .accordion {
    margin-top: 15px;
}
.escolha_necessidade .accordion * {
    background: transparent !important;
    background-color: transparent !important;
}
.escolha_necessidade .accordion-header p {
    margin-bottom: 0;
    padding-left: 10px;
    font-weight: 700;
    color: #0D4295;
}
.escolha_necessidade .accordion-collapse p {
    margin-bottom: 5px;
}
.accordion-button::after {
    background-image: url("images/accordion-arrow-down.svg");
    width: 14px;
    height: 9px;
    background-size: 14px 9px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("images/accordion-arrow-down.svg");
}
.escolha_necessidade .accordion-body {
    color: #0D4295;
}
.escolha_necessidade .accordion-item {
    margin-bottom: 15px;
    border-radius: 10px !important;
    border: 1px solid #0D4295 !important;
    overflow: hidden;
    /*background: yellow !important;*/
}
.escolha_necessidade .accordion-button {
    box-shadow: none;
}

.escolha_necessidade .accordion-body {
    border-top: 1px solid #0D4295;
}
/*******************************************************************************
FOOTER
*******************************************************************************/
.footer p {
    margin-bottom: 0;
}
.footer A {
    color: #0D4295;
    text-decoration: none;
}
.ds_footer_top {
    background-color: #E6E6E6;
    color: #0D4295;
    padding-top: 50px;
    padding-bottom: 50px;
}
.ds_footer_bottom {
    background-color: #00235B;
    color: #E6E6E6;
    padding: 10px;
}
.ds_footer_bottom p {
    font-size: 12px;
}
/*******************************************************************************
TO DELETE
*******************************************************************************/
body * {
    /*    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
        box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);*/
}
.form_escolha_p1 {
    /*background: yellow;*/
}
.privacypolicy{padding: 10px;}
.privacy-links{padding: 10px 0px;}
.privacy-links a{color: #fff; padding: 0px 5px;}