/****************************************************
                MEDICAMENTOS
****************************************************/

#medicamentos{

    position:relative;

    padding:55px 0 80px;

    background-color:#fff;

    background-image:
    url("../img/general/texturasuperior.png"),
    url("../img/general/text_inferior.png");

    background-repeat:
    no-repeat,
    no-repeat;

    background-position:
    left top,
    right bottom;

    background-size:
    auto,
    auto;

}


/****************************************************
                    CONTENEDOR
****************************************************/

#medicamentos .container{

    max-width:1180px;

}


/****************************************************
                    TITULO
****************************************************/

.titulo-medicamentos{

    display:inline-block;

    margin-bottom:35px;

    font-size:18px;

    font-weight:700;

    color:#17397D;

}


/****************************************************
                ACCORDION
****************************************************/

#accordionMedicamentos{

    border:1px solid #BFBFBF;

    border-bottom:none;

    background:#fff;

}


/****************************************************
                    ITEM
****************************************************/

#accordionMedicamentos .accordion-item{

    border:none;

    border-bottom:1px solid #BFBFBF;

    border-radius:0;

}


/****************************************************
                CABECERA
****************************************************/

#accordionMedicamentos .accordion-button{

    background:#fff;

    color:#1A1A1A;

    font-size:20px;

    font-weight:800;

    padding:14px 20px;

    box-shadow:none;

    border:none;

}


#accordionMedicamentos .accordion-button:hover{

    background:#FAFAFA;

}


#accordionMedicamentos .accordion-button:not(.collapsed){

    background:#fff;

    color:#17397D;

    box-shadow:none;

}


/****************************************************
                    FLECHA
****************************************************/

#accordionMedicamentos .accordion-button::after{

    width:18px;

    height:18px;

    background-size:18px;

}


/****************************************************
                CUERPO ABIERTO
****************************************************/

#accordionMedicamentos .accordion-body{

    position:relative;

    background:#F7F7F7;

    padding:38px 52px 55px;

}


/****************************************************
            FRANJA NARANJA
****************************************************/

#accordionMedicamentos .accordion-body::before{

    content:"";

    position:absolute;

    left:0;

    top:132px;

    width:22px;

    height:160px;

    background:#F39843;

    border-radius:0 8px 8px 0;

}

/****************************************************
                TITULO FICHA
****************************************************/

.ficha-titulo{

    display:inline-block;

    padding:3px 10px 0;

    border:2px solid #F39843;

    color:#17397D;

    font-size:62px;

    font-weight:800;

    line-height:1;

    margin-bottom:8px;

}


/****************************************************
                DATOS
****************************************************/

.ficha-info{

    font-size:18px;

    line-height:1.2;

    color:#5A5A5A;

    margin-bottom:35px;

}
.bullet-cruz{

    width:10px;
    height:10px;

    margin-right:8px;

    margin-top:-1px;

    vertical-align:middle;

    flex-shrink:0;

}

/****************************************************
                SUBTITULOS
****************************************************/

.ficha-subtitulo{

    display:inline-block;

    /*background:#F7D86A;*/

    padding:2px 6px;

    font-size:18px;

    font-weight:800;

    color:#17397D;

    margin-bottom:12px;

}


/****************************************************
                    TEXTO
****************************************************/

.ficha-texto{

    color:#333;

    font-size:18px;

    line-height:1.75;

}


.ficha-texto ul{

    margin:10px 0;

    padding-left:28px;

}


.ficha-texto li{

    margin-bottom:10px;

}


/****************************************************
                CUADRITOS
****************************************************/

.ficha-dots-top{

    position:absolute;

    top:35px;

    right:35px;

    width:90px;

}


.ficha-dots-bottom{

    position:absolute;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

    width:75px;

}

.plus{

    color:#F39843;

    font-size:28px;

    font-weight:700;

    margin-right:6px;

}
/****************************************************
                RESPONSIVE
****************************************************/

@media(max-width:991px){

    #medicamentos{

        padding:40px 0 60px;

        background-size:auto,auto;

    }

    .titulo-medicamentos{

        font-size:17px;

        margin-bottom:25px;

    }

    #accordionMedicamentos .accordion-button{

        font-size:18px;

        padding:14px 18px;

    }

    #accordionMedicamentos .accordion-body{

        padding:30px 25px;

    }

    #accordionMedicamentos .accordion-body::before{

        display:none;

    }

    .ficha-titulo{

        font-size:42px;

    }

    .ficha-info{

        font-size:16px;

    }

    .ficha-subtitulo{

        font-size:24px;

    }

    .ficha-texto{

        font-size:16px;

    }

    .ficha-dots-top,
    .ficha-dots-bottom{

        display:none;

    }

}


@media(max-width:768px){

    #medicamentos{

        padding:30px 0 50px;

    }

    .titulo-medicamentos{

        font-size:16px;

    }

    #accordionMedicamentos .accordion-button{

        font-size:16px;

        padding:12px 15px;

    }

    #accordionMedicamentos .accordion-body{

        padding:20px;

    }

    .ficha-titulo{

        font-size:34px;

    }

}


@media(max-width:480px){

    .titulo-medicamentos{

        font-size:15px;

    }

    #accordionMedicamentos .accordion-button{

        font-size:15px;

    }

    .ficha-titulo{

        font-size:28px;

    }

}