@import url("../../assets/css/tema.css");

.catalogo-topo{width:100%;float:left;background:#080808;border-bottom:1px solid #ececec;padding:16px 0;box-shadow:0 3px 14px rgba(0,0,0,.06)}
.catalogo-topo img{display:block;max-width:210px;max-height:78px;margin:0 auto}
.catalogo-conteudo{padding:55px 0 80px;background:#f7f7f7;min-height:520px}
.catalogo-conteudo h1{color:var(--cor_primaria);font-size:38px;font-weight:700;margin:12px 0 10px}
.catalogo-intro{font-size:17px;color:#626262;max-width:760px;margin-bottom:35px}
.catalogo-voltar{display:inline-block;color:#666;font-size:14px;margin-bottom:5px}
.catalogo-voltar:hover{color:var(--cor_primaria);text-decoration:none}
.catalogo-sobrelinha{color:#888;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}
.catalogo-vazio{background:#fff;border-left:4px solid var(--cor_primaria);padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.catalogo-filtro-marca{background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.09);margin:0 0 35px;padding:22px;max-width:560px}
.catalogo-filtro-marca label{color:var(--cor_primaria);display:block;font-size:15px;font-weight:700;margin-bottom:8px}
.catalogo-filtro-marca .form-control{border:1px solid #d8d8d8;border-radius:7px;height:46px;box-shadow:none}
.catalogo-card{width:100%;display:block;float:left;background:#fff;border:0;border-radius:10px;overflow:hidden;margin:0 0 30px;padding:0;text-align:left;color:#333;box-shadow:0 5px 20px rgba(0,0,0,.10);transition:.25s ease;cursor:pointer}
.catalogo-card:hover,.catalogo-card:focus{color:#333;text-decoration:none;transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.16);outline:0}
.catalogo-card-imagem{height:210px;background:#e9e9e9;overflow:hidden}
.catalogo-card-imagem img{width:100%;height:100%;object-fit:cover;display:block}
.catalogo-sem-imagem{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ececec;color:#bbb;font-size:64px}
.catalogo-card-corpo{padding:20px 22px 24px;min-height:142px}
.catalogo-card-corpo h2{font-size:21px;color:var(--cor_primaria);font-weight:700;margin:0 0 9px}
.catalogo-card-corpo p{color:#666;min-height:22px;margin:0 0 15px}
.catalogo-card-corpo span{color:var(--btn_whatsapp);font-weight:700}

.modal-modelo .modal-dialog{margin-top:7vh}
.modal-modelo .modal-content{border:0;border-radius:12px;overflow:hidden;min-height:520px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.modal-modelo-fechar{position:absolute;right:16px;top:10px;z-index:5;width:36px;height:36px;border-radius:50%;background:#fff!important;opacity:.9!important;font-size:28px!important}
.modal-modelo-grid{display:flex;min-height:520px}
.modal-modelo-imagem{width:50%;min-height:520px;background:#e9e9e9;overflow:hidden}
.modal-modelo-imagem img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}
.modal-modelo-imagem .catalogo-sem-imagem{min-height:520px}
.modal-modelo-info{width:50%;padding:55px 45px 40px;display:flex;flex-direction:column;justify-content:center}
.modal-modelo-info h2{font-size:32px;color:var(--cor_primaria);font-weight:700;margin:8px 0}
.modal-modelo-subtitulo{font-size:16px;color:#666;margin-bottom:18px}
.modal-modelo-valor{font-size:29px;color:var(--btn_whatsapp);font-weight:800;margin:5px 0 22px}
.modal-modelo-descricao{font-size:16px;line-height:1.65;color:#444;white-space:pre-line}
.modal-modelo-whatsapp{display:inline-block;align-self:flex-start;margin-top:28px;background:#25d366;color:#fff!important;border-radius:7px;padding:13px 22px;font-size:16px;font-weight:700;box-shadow:0 5px 14px rgba(37,211,102,.25)}
.modal-modelo-whatsapp:hover,.modal-modelo-whatsapp:focus{background:#1eaf54;color:#fff;text-decoration:none}
.modal-modelo-whatsapp i{font-size:20px;margin-right:7px;vertical-align:-1px}

@media(max-width:767px){
 .catalogo-conteudo{padding:35px 0 55px}.catalogo-conteudo h1{font-size:30px}.catalogo-card-imagem{height:190px}
 .modal-modelo .modal-dialog{margin:15px}.modal-modelo-grid{display:block;min-height:0}.modal-modelo-imagem,.modal-modelo-info{width:100%}
 .modal-modelo-imagem,.modal-modelo-imagem img,.modal-modelo-imagem .catalogo-sem-imagem{min-height:260px;height:260px}.modal-modelo-info{padding:32px 25px}.modal-modelo-info h2{font-size:27px}
}