﻿.historico { margin-bottom: 2.75vw; }

.beefup { margin-top: 0; width: auto; position: relative; padding: 0; margin-bottom: 0; margin-right: 0; }

.beefup:hover { border-color: #000; }

.beefup:first-child { margin-top: 0; }

.beefup__head, .beefup__body { padding: 0; }

.beefup__head { padding: 0; }

/*conteudo acordion*/
.beefup__body, .beefup__body a { letter-spacing: 0.07vw; font-family: Arial; font-size: 1.4vw; color: #fff; }

.beefup__body { margin-left: 0; padding-top: 1.5vw; text-align: left; margin-bottom: -2vw; background-color: transparent; padding-left: 1.5vw; padding-right: 1.5vw }

.beefup__body a { background-color: transparent; }

/*cabeçalho acordion*/
.beefup__head 
{ width: 100%; background-color: rgb(176, 22, 110); text-align: left; height: 5vw; cursor: pointer; position: relative; padding-left: 0; margin: 0; 
  padding-right: 0; letter-spacing: 0.07vw; font-family: Arial; color: #fff; font-size: 2.6vw; }

/*área seta*/
.button.beefup__head, .beefup__head > button 
{ cursor: pointer; position: relative; padding-right: 0; display: block; border: 0; letter-spacing: 0.07vw; font-family: Arial; color: #fff; 
  font-size: 2.6vw; height: 5vw; }

.button.beefup__head[aria-disabled], .beefup__head > button[aria-disabled] { cursor: default; outline: 0; }

.beefup__head > button { position: relative; z-index: 9999999; margin: 0; padding: inherit; width: 100%; background: inherit; border: inherit; }

.beefup__head::after 
{ transition: transform 0.2s ease-out; content: ""; transform: translate(0, -50%) rotate(45deg); position: absolute; top: 50%; right: 20px; z-index: 0;
  margin-top: -2px; padding: 3px; border-width: 0 2px 2px 0; border-style: solid; color: #fff; z-index: 9999999; }

.beefup.is-open > .beefup__head::after { transform: translate(0, -50%) rotate(225deg); margin-top: 2px; }

/*+celular*/

@media only screen and (max-device-width : 500px), handheld
{
.historico { margin-bottom: 10vw; }

.beefup { margin-top: 0; width: auto; position: relative; padding: 0; margin-bottom: 3.2vw; margin-right: 0; }

.beefup__body, .beefup__body a { letter-spacing: 0.07vw; font-family: arial; font-size: 5.5vw; color: #fff; }

.beefup__head 
{ width: 100%; background-color: rgb(176, 22, 110); text-align: center; height: 13vw; cursor: pointer; position: relative; padding-left: 0; margin: 0; 
  padding-right: 0; letter-spacing: 0.07vw; font-family: arial; color: #fff; font-size: 7vw; }

/*área seta*/
.button.beefup__head, .beefup__head > button 
{ cursor: pointer; position: relative; padding-right: 0; display: block; border: 0; letter-spacing: 0.07vw; font-family: arial;color: #fff; 
  font-size: 7vw; height: 13vw; }

.beefup__body { margin-left: 0; padding-top: 2.5vw; text-align: left; margin-bottom: -9.5vw; background-color: transparent; padding-left: 2.5vw; padding-right: 2.5vw }
}

/*IPAD*/
@media only screen and (min-device-width:501px) and (max-device-width:768px) and (orientation:portrait)
{
.historico { margin-bottom: 7vw; }

.beefup { margin-top: 0; width: auto; position: relative; padding: 0; margin-bottom: 2.1vw; margin-right: 0; }

.beefup__body, .beefup__body a { letter-spacing: 0.07vw; font-family: arial; font-size: 3.2vw; color: #fff; }

.beefup__head 
{ width: 100%; background-color: rgb(176, 22, 110); text-align: center; height: 8vw; cursor: pointer; position: relative; padding-left: 0; margin: 0; 
  padding-right: 0; letter-spacing: 0.07vw; font-family: arial; color: #fff; font-size: 4.7vw; }

/*área seta*/
.button.beefup__head, .beefup__head > button 
{ cursor: pointer; position: relative; padding-right: 0; display: block; border: 0; letter-spacing: 0.07vw; font-family: arial;color: #fff; 
  font-size: 4.7vw; height: 8vw; }

.beefup__body { margin-left: 0; padding-top: 1.5vw; text-align: left; margin-bottom: -6vw; background-color: transparent; padding-left: 1.5vw; padding-right: 1.5vw }
}

/*Mídia móvel deitado*/

/*Celulares grandes*/

@media only screen and (min-device-width: 415px) and (max-device-width: 950px) and (max-device-height: 414px) and (orientation: landscape), handheld
{
.historico { margin-bottom: 10vh; }

.beefup { margin-top: 0; width: auto; position: relative; padding: 0; margin-bottom: 3.5vh; margin-right: 0; }

.beefup__body, .beefup__body a { letter-spacing: 0.07vh; font-family: arial; font-size: 5.9vh; color: #fff; }

.beefup__head 
{ width: 100%; background-color: rgb(176, 22, 110); text-align: center; height: 14.5vh; cursor: pointer; position: relative; padding-left: 0; margin: 0; 
  padding-right: 0; letter-spacing: 0.07vh; font-family: arial; color: #fff; font-size: 7.5vh; }

/*área seta*/
.button.beefup__head, .beefup__head > button 
{ cursor: pointer; position: relative; padding-right: 0; display: block; border: 0; letter-spacing: 0.07vh; font-family: arial;color: #fff; 
  font-size: 7.5vh; height: 14.5vh; }

.beefup__body { margin-left: 0; padding-top: 2.5vh; text-align: left; margin-bottom: -9vh; background-color: transparent; padding-left: 2.5vh; padding-right: 2.5vh }
}

/*tim*/
@media screen and (max-device-width : 350px) and (orientation : landscape)
{
.historico { margin-bottom: 6vw; }

.beefup { margin-top: 0; width: auto; position: relative; padding: 0; margin-bottom: 2.1vw; margin-right: 0; }

.beefup__body, .beefup__body a { letter-spacing: 0.07vw; font-family: arial; font-size: 3.4vw; color: #fff; }

.beefup__head 
{ width: 100%; background-color: rgb(176, 22, 110); text-align: center; height: 7vw; cursor: pointer; position: relative; padding-left: 0; margin: 0; 
  padding-right: 0; letter-spacing: 0.07vw; font-family: arial; color: #fff; font-size: 3.8vw; }

/*área seta*/
.button.beefup__head, .beefup__head > button 
{ cursor: pointer; position: relative; padding-right: 0; display: block; border: 0; letter-spacing: 0.07vw; font-family: arial;color: #fff; 
  font-size: 3.8vw; height: 7vw; }

.beefup__body { margin-left: 0; padding-top: 1.5vw; text-align: left; margin-bottom: -6vw; background-color: transparent; padding-left: 1.5vw; padding-right: 1.5vw }
}

/*IPHONE MÃE*/
@media screen and (min-device-width : 351px) and (max-device-width : 570px) and (orientation : landscape) 
{
.historico { margin-bottom: 10vh; }

.beefup { margin-top: 0; width: auto; position: relative; padding: 0; margin-bottom: 3.5vh; margin-right: 0; }

.beefup__body, .beefup__body a { letter-spacing: 0.07vh; font-family: arial; font-size: 6.1vh; color: #fff; }

.beefup__head 
{ width: 100%; background-color: rgb(176, 22, 110); text-align: center; height: 14.5vh; cursor: pointer; position: relative; padding-left: 0; margin: 0; 
  padding-right: 0; letter-spacing: 0.07vh; font-family: arial; color: #fff; font-size: 7.7vh; }

/*área seta*/
.button.beefup__head, .beefup__head > button 
{ cursor: pointer; position: relative; padding-right: 0; display: block; border: 0; letter-spacing: 0.07vh; font-family: arial;color: #fff; 
  font-size: 7.7vh; height: 14.5vh; }

.beefup__body { margin-left: 0; padding-top: 2.5vh; text-align: left; margin-bottom: -10.5vh; background-color: transparent; padding-left: 2.5vh; padding-right: 2.5vh }
}

/*Ipad*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 600px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), handheld
{
.historico { margin-bottom: 7vh; }

.beefup { margin-top: 0; width: auto; position: relative; padding: 0; margin-bottom: 1.8vh; margin-right: 0; }

.beefup__body, .beefup__body a { letter-spacing: 0.07vh; font-family: arial; font-size: 3.5vh; color: #fff; }

.beefup__head 
{ width: 100%; background-color: rgb(176, 22, 110); text-align: center; height: 8.5vh; cursor: pointer; position: relative; padding-left: 0; margin: 0; 
  padding-right: 0; letter-spacing: 0.07vh; font-family: arial; color: #fff; font-size: 5vh; }

/*área seta*/
.button.beefup__head, .beefup__head > button 
{ cursor: pointer; position: relative; padding-right: 0; display: block; border: 0; letter-spacing: 0.07vh; font-family: arial;color: #fff; 
  font-size: 5vh; height: 8.5vh; }

.beefup__body { margin-left: 0; padding-top: 1.6vh; text-align: left; margin-bottom: -6vh; background-color: transparent; padding-left: 1.6vh; padding-right: 1.6vh }
}
