@charset "UTF-8";



/* História Catarina | Codificado por: Ueek Agência Digital | Ano: 2017 */



.itemBanner{

    height: 135px;

}



/* Geral */

.pg { padding: 50px 0 70px; }



.pg h1{

    color: #333333;

    font-size: 30px;

    font-weight: 700;

}



.pg .texto-pagina {

    margin-top: 50px;

    line-height: 18px;

}



.pg .texto-pagina .col-6 {

    float: left;

    width: 700px;

}



.pg .texto-pagina .col-6 p { margin-bottom: 15px; }



.pg .texto-pagina .col-2 {

    float: right;

    width: 420px;

}



/*Filtro*/

.pg .filtrar-pg {

    float: right;

    width: 255px;

}



.pg .filtrar-pg form input[type="text"] {

    background: #ececec;

    border: 0;

    border-radius: 5px 0 0 5px;

    color: #444;#BD903B
#BD903B
    float: left;

    font-family: 'Ruda', sans-serif;

    font-size: 12px;

    height: 30px;

    width: 205px;

    padding-left: 15px;

}



.pg .filtrar-pg form input[type="text"]::placeholder {

    color: #999;

    font-size: 12px;

}



.pg .filtrar-pg form label {

    background: #ececec;

    border: 0;

    border-radius: 0 5px 5px 0;

    cursor: pointer;
#BD903B
    float: left;

    line-height: 30px;

    height: 30px;

    width: 35px;

    text-align: center;

}



.pg .filtrar-pg form label:hover {

    background: #cdcdcd;

    color: #ececec;

}



.pg .filtrar-pg form input[type="submit"]{

    display: none;

}



/*Breadcrumb*/

.pg nav.nivel-pg ul li {

    list-style: none;

    float: left;

    font-size: 12px;

    margin-right: 5px;

}



.pg nav.nivel-pg ul li a { color: #333; }

.pg nav.nivel-pg ul li a:hover { color: #deb305; }

.pg .nivel-pg li.atual { color: #deb305; }





/********Multimidia********/

.pg #container { margin: 45px 0 30px; }



.pg #container .item-multimidia {

    background: url('../img/video.jpg') no-repeat center;

    background-size: cover;

    cursor: pointer;

    float: left;

    margin: 5px 2px 0 3px;

    height: 185px;

    position: relative;

    width: 290px;

}



.pg #container .item-multimidia .hover-multimidia {

    background: rgba(0,0,0, 0.7);

    height: 100%;

    opacity: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}



.pg #container .item-multimidia:hover .hover-multimidia { opacity: 1; }

.pg #container .item-multimidia .hover-multimidia img { margin-top: 65px; }



.pg #container .item-multimidia .hover-multimidia h2 {

    color: #fff;

    font-size: 13px;

    font-weight: 700;

    margin-top: 30px;

}



.pg #container .item-multimidia .hover-multimidia h2 span { color: #deb305; }





/********Página da Galeria********/

.pg #container p#descricao {

    clear: both;

    line-height: 18px;

    margin-bottom: 30px;

}



.pg #container img.foto {

    float: left;

    margin: 3px;

}



.img-galeria{

    float: left;

    margin: 3px;

    height: 220px;

    width: 24.49%;

}



.video-galeria{

    border: 0;

    margin-top: 30px;

    height: 530px;

    width: 100%;

}



/********Assine Já********/

.pg .texto-pagina ul#vantagens { float: left; }



.pg .texto-pagina ul#vantagens li {

    font-size: 20px;

    list-style: none;

    line-height: 35px;

}



.pg .texto-pagina ul#vantagens li i { margin-right: 10px; }



.pg .texto-pagina ul#vantagens li i.fa-star { 

    color: #ffc601; 

    margin: 0 15px 0 3px; 

}



.pg .texto-pagina ul#vantagens li i.fa-plus-circle { 

    color: #f65e45; 

    margin: 0 14px 0 4px; 

}



.pg .texto-pagina ul#vantagens li i.fa-laptop { 

    color: #818181; 

    margin: 0 14px 0 2px; 

}



.pg .texto-pagina ul#vantagens li i.fa-shield { 

    color: #1fb15d; 

    margin: 0 15px 0 6px; 

}



.pg .texto-pagina ul#vantagens li i.fa-credit-card-alt { color: #007eff; }

.pg .texto-pagina ul#vantagens li span { font-size: 10px; }



.pg .texto-pagina #assinar { padding-top: 30px; }



.pg .texto-pagina #btn-assinar {

    background: #2faa66;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

    font-size: 16px;

    font-weight: 700;

    margin: 0 auto;

    margin-top: 60px;

    line-height: 50px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    width: 378px;

}



.pg .texto-pagina #btn-assinar:hover { background: #2e8254; }





/********Página Assinatura********/

#redirecionar-assinante-impressaedigital,

#redirecionar-assinante-digital,

#redirecionar-assinante-impressa{

    line-height: 40px;

    display: none;

}



.pg .texto-pagina form#assinante-revista input[type="text"],

.pg .texto-pagina form#assinante-revista input[type="mail"] {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #444;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    float: left;

    margin-bottom: 20px;

    padding-left: 15px;

    height: 40px;

    line-height: 40px;

    width: 315px;

}



.pg .texto-pagina form#assinante-revista label.ref {

    display: block;

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    width: 330px;

}



.item-radio-left{

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    width: 373px;

}
#BD903B


.item-radio-right{

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    width: 327px;

}



.pg .texto-pagina form#assinante-revista .right { float: right !important; }

.pg .texto-pagina form#assinante-revista .maior { width: 685px !important; }



.pg .texto-pagina form#assinante-revista label[for="end0"],

.pg .texto-pagina form#assinante-revista label[for="end1"] { margin: 10px 20px 0 8px; }



.pg .texto-pagina form#assinante-revista input[type="submit"] {

    background: #2faa66;

    border-radius: 5px;

    border: 0;

    color: #fff;

    cursor: pointer;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    font-weight: 700;

    float: right;

    margin: 0 auto;

    margin-top: 20px;

    line-height: 50px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    width: 250px;

}



.pg .texto-pagina form#assinante-revista input[type="submit"]:hover { background: #2e8254; }



.pg #revistas { margin-top: 80px; }



.pg #revistas h3 {

    font-family: 'Ruda', sans-serif;

    font-size: 18px;

    font-weight: 900;

    margin-bottom: 10px;

    text-transform: uppercase;

}



.pg #revistas .item {

    background: #ccc;

    

    /*margin: 20px;*/

    height: 300px;

    position: relative;

    width: 250px;

}



.item-geral {

    float: left;

    margin: 20px;

    height: 350px;

    position: relative;

    width: 250px;

}



.btn-solicitar{

    background: #f0ad4e;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

    font-size: 14px;

    font-weight: 700;

    margin: 0 auto;

    margin-top: 15px;

    text-align: center;

    line-height: 35px;

    height: 35px;

    width: 150px;

}



.btn-solicitar:hover{

    background: #ec971f;

}







form.solicitar-compra input[type="text"],

form.solicitar-compra input[type="mail"] {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #444;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    float: left;

    margin-bottom: 20px;

    padding-left: 15px;

    height: 40px;

    line-height: 40px;

    width: 315px;

}



form.solicitar-compra textarea {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #999;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    padding: 15px 0 0 15px;

    height: 90px;

    resize: none;

    width: 685px;

}



form.solicitar-compra label.ref {

    display: block;

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    width: 330px;

}



form.solicitar-compra .right { float: right !important; }

form.solicitar-compra .maior { width: 685px !important; }



form.solicitar-compra input[type="submit"] {

    background: #2faa66;

    border-radius: 5px;

    border: 0;

    color: #fff;

    cursor: pointer;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    font-weight: 700;

    float: right;

    margin: 0 auto;

    margin-top: 20px;

    line-height: 50px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    width: 250px;

}



form.solicitar-compra input[type="submit"]:hover { background: #2e8254; }





.capa-solicitar{    

    border: 1px solid #ccc;

    height: 263px;

    width: 185px;

}





/********Página Revista********/

.pg .texto-pagina #a-revista { margin-top: -30px; }

.pg .texto-pagina #a-revista #btn-assinar { margin-top: 40px; }





/********Editora Leão Baio********/

.pg .texto-pagina #titulos-publicados { margin-top: 10px; }



.pg .texto-pagina #titulos-publicados .item {

    background: #ccc;

    /*float: left;

    margin: 20px;*/

    height: 300px;

    position: relative;

    width: 250px;

}





/********Página Geográfica ********/

.pg .texto-pagina #geografica { margin-top: 10px; }







/********Página Contato********/

.pg .texto-pagina form#envia-contato input[type="text"],

.pg .texto-pagina form#envia-contato input[type="mail"] {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #444;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    float: left;

    margin-bottom: 20px;

    padding-left: 15px;

    height: 40px;

    line-height: 40px;

    width: 315px;

}



.pg .texto-pagina form#envia-contato textarea {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #999;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    padding: 15px 0 0 15px;

    height: 90px;

    resize: none;

    width: 685px;

}



.pg .texto-pagina form#envia-contato label.ref {

    display: block;

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    width: 330px;

}



.pg .texto-pagina form#envia-contato .right { float: right !important; }

.pg .texto-pagina form#envia-contato .maior { width: 685px !important; }



.pg .texto-pagina form#envia-contato input[type="submit"] {

    background: #2faa66;

    border-radius: 5px;

    border: 0;

    color: #fff;

    cursor: pointer;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    font-weight: 700;

    float: right;

    margin: 0 auto;

    margin-top: 20px;

    line-height: 50px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    width: 250px;

}



.pg .texto-pagina form#envia-contato input[type="submit"]:hover { background: #2e8254; }



.pg .texto-pagina h4.ctt {

    font-family: 'Ruda', sans-serif;

    font-size: 16px;

    font-weight: 900;

    margin-bottom: 10px;

}



.pg .texto-pagina a#seu-artigo {

    color: #deb305;

    display: block;

    font-size: 16px;

    font-weight: 900;

    margin-top: 30px;

    text-decoration: underline;

}



.pg .texto-pagina a#seu-artigo:hover { color: #333; }









/********Página Enviar Artigo********/

.pg .texto-pagina form#envia-artigo input[type="text"],

.pg .texto-pagina form#envia-artigo input[type="mail"] {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #444;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    float: left;

    margin-bottom: 20px;

    padding-left: 15px;

    height: 40px;

    line-height: 40px;

    width: 315px;

}



.pg .texto-pagina form#envia-artigo textarea {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #999;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    padding: 15px 0 0 15px;

    height: 90px;

    resize: none;

    width: 685px;

}



.pg .texto-pagina form#envia-artigo label.ref {

    display: block;

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    width: 330px;

}



.pg .texto-pagina form#envia-artigo .right { float: right !important; }

.pg .texto-pagina form#envia-artigo .maior { width: 685px !important; }



.pg .texto-pagina form#envia-artigo input[type="submit"] {

    background: #2faa66;

    border-radius: 5px;

    border: 0;

    color: #fff;

    cursor: pointer;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    font-weight: 700;

    float: right;

    margin: 0 auto;

    margin-top: 20px;

    line-height: 50px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    width: 250px;

}



.pg .texto-pagina form#envia-artigo input[type="submit"]:hover { background: #2e8254; }







/********Página Anuncie********/

.pg .texto-pagina form#envia-anuncie input[type="text"],

.pg .texto-pagina form#envia-anuncie input[type="mail"] {

    background: #f2f2f2;

    border: 0;

    border-radius: 5px;

    color: #444;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    float: left;

    margin-bottom: 20px;

    padding-left: 15px;

    height: 40px;

    line-height: 40px;

    width: 405px;

}



.pg .texto-pagina form#envia-anuncie label.ref {

    display: block;

    float: left;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    width: 420px;

}



.pg .texto-pagina form#envia-anuncie input[type="submit"] {

    background: #2faa66;

    border-radius: 5px;

    border: 0;

    color: #fff;

    cursor: pointer;

    font-family: 'Ruda', sans-serif;

    font-size: 13px;

    font-weight: 700;

    float: right;

    margin: 0 auto;

    margin-top: 20px;

    line-height: 50px;

    height: 50px;

    text-align: center;

    text-transform: uppercase;

    width: 250px;

}



.pg .texto-pagina form#envia-anuncie input[type="submit"]:hover { background: #2e8254; }



.pg .texto-pagina form#envia-anuncie h3 {

    font-family: 'Ruda', sans-serif;

    font-size: 18px;

    font-weight: 900;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.pg .texto-pagina ul#vantagens-anuncio { margin-top: 50px; }



.pg .texto-pagina ul#vantagens-anuncio li {

    list-style: none;

    margin-bottom: 10px;

}



.pg .texto-pagina ul#vantagens-anuncio li i { margin-right: 10px; }

.pg .texto-pagina ul#vantagens-anuncio li i.fa-star { color: #ffc601; }


#audiobooks-publicados{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;

    .frame-item{
        display: flex;
        flex-direction: column;
        gap: 5px;
        max-width: 350px;
    }
}