/*
 * catalogo.css
 *
 * Autor: Wilson da Silva Cabrera
 * Atualizado em 02/12/2025 às 14h57
 *
 */
.hero-block {height: 268px; background: #0d1013; margin-top: 38px;} .hero-block-h1 {font-size: 64px; font-weight: bold; color: #fff; text-align: center; padding-top: 64px;} .hero-block-h6 {font-size: 24px; font-weight: normal; color: #e5e7eb; text-align: center;}

.content-block {min-height: 800px; background: #f9fafb;}

.content-breadcrumb {padding-left: 16px;}
.breadcrumb-item {color: #747b86 !important; font-size: 14px; !important; text-decoration: none !important;} .breadcrumb-item-link {color: #16191d !important;}

.content-filter-block {background: #fff; border-radius: 16px; padding: 16px; box-shadow: #eee 1px 1px 1px;}
.input-group-text {height: 36px; border-radius: 25px; background: #ffffff; color: #0f1419; border-color: #d1d5db; font-size: 0.85rem;}
.search-dropdown {border-radius: 25px; background: #ffffff; color: #0f1419; border-color: #d1d5db; width: 100%; height: 36px; font-size: 0.85rem; text-align: left;} .search-dropdown:hover {background: #f9fafb; border-color: #d1d5db; color: #111111;}
.search-dropdown-menu {border-radius: 25px; background: #ffffff; color: #0f1419; border-color: #d1d5db; width: 100%; font-size: 0.85rem; text-align: left; padding: 16px;}

.btn-filtros {display: inline-block; background: #16191d; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 0.9rem; font-weight: bold;} .btn-filtros:hover {background: #1f2937; color: #ffffff !important;}

.content-cards {min-height: 800px;}
.content-total {padding-left: 6px; color: #111827; font-size: 18px; font-weight: bold;}

.carta-block {background: #f9fafb; padding-top: 56px; padding-bottom: 56px;} .carta-h1 {font-weight: bold; font-size: 36px; color: #000000;}
.carta-card {display: inline-block; width: 312px; height: 360px; border-radius: 16px; border: none; background: #ffffff; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out;} .carta-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.carta-foto-container {width: 100%; height: 160px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px 16px 0 0;}
.carta-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px 16px 0 0; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.carta-flutuante {position: absolute; top: 0; left: 0;}
.carta-flutuante-visitas {display: inline-block; border-radius: 16px; background: rgba(0, 0, 0, 0.7); color: #ffffff; font-size: 12px; font-weight: bold; padding: 2px 8px 2px 8px; text-align: center;}
.carta-card-body {padding: 12px 16px 16px 16px;}
.carta-rotulo {color: #555f6c; font-weight: normal; font-size: 12px; margin-top: 8px;}
.carta-valor {color: #c4a245; font-weight: bold; font-size: 15px;}
.carta-encerramento {color: #374151; font-weight: bold; font-size: 12px; margin-top: 4px;}
.carta-mais {background: #16191d; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .carta-mais:hover {background: #1f2937; color: #ffffff !important;}
.carta-titulo {height: 20px; overflow: hidden; color: #16191d; font-weight: bold; font-size: 16px;}
.carta-resumo {height: 42px; overflow: hidden; color: #555f6c; font-weight: normal; font-size: 14px; margin-top: 8px;}
.carta-tag-categoria {display: inline-block; font-weight: bold; font-size: 12px; color: #ffffff; padding: 4px 16px 4px 16px; background: #2563eb; border-radius: 12px; margin-top: 8px; margin-bottom: 6px;}
.carta-mais {background: #c4a245; color: #ffffff; border-radius: 25px; padding: 8px 12px 8px 12px; font-size: 0.8rem; font-weight: bold; margin-top: 8px;} .carta-mais:hover {background: #ab8b36; color: #ffffff !important;}

@media (max-width: 767px) {
    .hero-block {height: 180px; background: #0d1013; margin-top: 0;} .hero-block-h1 {font-size: 32px; font-weight: bold; color: #fff; text-align: center; padding-top: 76px;} .hero-block-h6 {font-size: 14px; font-weight: normal; color: #e5e7eb; text-align: center;}

    .content-filter-block {background: #fff; border-radius: 16px; padding: 12px; box-shadow: #eee 1px 1px 1px;}
    .content-total {padding-left: 6px; color: #111827; font-size: 14px; font-weight: bold;}

    .carta-block {background: #f9fafb; padding-top: 16px; padding-bottom: 16px;} .carta-h1 {font-weight: bold; font-size: 36px; color: #000000;}
    .carta-card {display: inline-block; width: 100%; height: 360px; border-radius: 16px; border: none; background: #ffffff; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out; margin-bottom: 16px;} .carta-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
}

@media (min-width: 768px) and (max-width: 1199px) {
}