/* Importar variáveis e estilos globais */@import url("../../../assets/css/style.css");/* Estilos para o login e registro */.login-section, .register-section, .post-anuncio-section, .anuncie-classificados-section {padding-top: 80px;padding-bottom: 100px;}.login-card, .register-card, .form-card {max-width: 500px;margin: 0 auto;background-color: var(--white);border-radius: var(--border-radius);box-shadow: var(--shadow);padding: 32px;}.login-card h3, .register-card h3, .form-card h3 {font-size: 1.5rem;font-weight: 700;color: var(--secondary-color);margin-bottom: 24px;text-align: center;}.form-group {margin-bottom: 20px;}.form-group label {display: block;font-weight: 600;margin-bottom: 8px;color: var(--gray-dark);}.form-group input, .form-group textarea, .form-group select {width: 100%;padding: 12px;border: 1px solid var(--gray-medium);border-radius: var(--border-radius);font-size: 1rem;color: var(--gray-dark);transition: border-color 0.3s ease;}.form-group input:focus, .form-group textarea:focus, .form-group select:focus {outline: none;border-color: var(--secondary-color);}.submit-btn {display: block;width: 100%;padding: 15px;background-color: var(--primary-color);color: var(--white);border: none;border-radius: var(--border-radius);font-size: 1.1rem;font-weight: 700;cursor: pointer;transition: var(--transition);}.submit-btn:hover {background-color: #a60507;transform: translateY(-2px);box-shadow: var(--shadow-hover);}.text-center {text-align: center;}/* Estilos da página Anunciar */.anuncie-classificados-section {padding-top: 80px;padding-bottom: 100px;}.anuncie-header {text-align: center;margin-bottom: 40px;}.anuncie-header h3 {font-size: 1.8rem;font-weight: 700;color: var(--primary-color);margin-bottom: 12px;}.anuncie-header p {font-size: 1rem;color: var(--gray-dark);}.plans-grid {display: flex;flex-direction: column;gap: 24px;max-width: 900px;margin: 0 auto;}.plan-card {background-color: var(--white);border-radius: var(--border-radius);box-shadow: var(--shadow);padding: 32px;text-align: center;}.plan-header h4 {font-size: 1.5rem;font-weight: 700;color: var(--secondary-color);margin-bottom: 8px;}.plan-price {font-size: 2rem;font-weight: 800;color: var(--primary-color);margin-bottom: 24px;}.plan-features {list-style: none;padding: 0;margin-bottom: 24px;}.plan-features li {display: flex;align-items: center;justify-content: center;margin-bottom: 12px;color: var(--gray-dark);font-size: 1rem;}.plan-features li i {color: var(--secondary-color);margin-right: 10px;}.plan-btn {display: block;width: 100%;padding: 15px;background-color: var(--secondary-color);color: var(--white);border: none;border-radius: var(--border-radius);font-size: 1.1rem;font-weight: 700;cursor: pointer;transition: var(--transition);text-decoration: none;}.plan-btn:hover {background-color: #022a7a;transform: translateY(-2px);box-shadow: var(--shadow-hover);}.text-center {text-align: center;}/* Estilos Específicos para a página de Classificados *//* Header e Footer */.header {background-color: var(--primary-color);}.back-btn, .login-btn {background-color: var(--secondary-color);color: var(--white);}.header-title {color: var(--white);}.footer-item.active {color: var(--primary-color);background-color: var(--gray-light);}/* Seção de busca /.search-section {margin-top: 0; / Removendo a margem superior para eliminar o espaço */padding: 16px;background-color: var(--white);box-shadow: var(--shadow);}.search-container {display: flex;gap: 12px;max-width: 1200px;margin: 0 auto;}.search-box {flex: 1;position: relative;display: flex;align-items: center;background-color: var(--gray-light);border-radius: var(--border-radius);padding: 0 16px;}.search-box i {color: var(--gray-dark);margin-right: 12px;}.search-box input {flex: 1;border: none;background: none;padding: 12px 0;font-size: 1rem;color: var(--gray-dark);outline: none;}.search-box input::placeholder {color: #999;}/* Estilo do botão de filtro com a lupa */.filter-btn {background-color: var(--secondary-color);color: var(--white);border: none;width: 48px;height: 48px;border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition);}.filter-btn:hover {background-color: #022a7a;transform: scale(1.05);}/* Seção de Categorias */.categories-section {background-color: var(--white);padding: 16px 0;border-bottom: 1px solid var(--gray-medium);}.categories-container {display: flex;gap: 8px;padding: 0 16px;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;max-width: 1200px;margin: 0 auto;}.categories-container::-webkit-scrollbar {display: none;}.category-item {display: flex;flex-direction: column;align-items: center;padding: 12px 16px;background-color: var(--gray-light);border-radius: var(--border-radius);cursor: pointer;transition: var(--transition);min-width: 80px;text-align: center;}.category-item:hover,.category-item.active {background-color: var(--secondary-color);color: var(--white);transform: translateY(-2px);}.category-item i {font-size: 1.2rem;margin-bottom: 4px;}.category-item span {font-size: 0.85rem;font-weight: 500;white-space: nowrap;}/* Conteúdo Principal */.main-content {padding: 24px 16px;max-width: 1200px;margin: 0 auto;min-height: calc(100vh - 200px);}/* Grid de Anúncios */.ads-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 16px;}.ad-card {background-color: var(--white);border-radius: var(--border-radius);box-shadow: var(--shadow);overflow: hidden;transition: var(--transition);cursor: pointer;animation: fadeInUp 0.6s ease forwards;opacity: 0;transform: translateY(20px);display: flex;flex-direction: column;text-decoration: none !important; /* Adicionado para remover a sublinhação do link do card */}.ad-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-hover);}.ad-image {position: relative;height: 120px;overflow: hidden;}.ad-image img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}.ad-card:hover .ad-image img {transform: scale(1.05);}.ad-info {padding: 16px;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;}.ad-title {font-size: 1rem;font-weight: 700;color: var(--gray-dark);margin-bottom: 8px;line-height: 1.3;}.ad-price {font-size: 1.2rem;font-weight: 800;color: var(--primary-color);margin-bottom: 8px;}.ad-details {display: flex;justify-content: space-between;align-items: center;font-size: 0.75rem;color: #888;margin-top: auto;text-decoration: none !important; /* Adicionado para remover a sublinhação dos detalhes */}.ad-location, .ad-date {display: flex;align-items: center;gap: 4px;}.ad-location i, .ad-date i {font-size: 0.8rem;}/* Estilos para a página de detalhes do anúncio */.ad-detail-section {padding: 24px;background-color: var(--white);border-radius: var(--border-radius);box-shadow: var(--shadow);display: flex;flex-direction: column;gap: 24px;}.ad-gallery {display: flex;flex-direction: column;gap: 16px;}.main-image-container {width: 100%;overflow: hidden;border-radius: var(--border-radius);}.main-image-container img {width: 100%;height: auto;display: block;}.thumbnail-images {display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;}.thumbnail-images img {width: 80px;height: 60px;object-fit: cover;border-radius: var(--border-radius);cursor: pointer;border: 2px solid transparent;transition: border-color 0.3s ease;}.thumbnail-images img:hover,.thumbnail-images img.active {border-color: var(--secondary-color);}.ad-details-info {display: flex;flex-direction: column;gap: 16px;}.ad-details-title {font-size: 1.8rem;font-weight: 700;color: var(--gray-dark);}.ad-details-price {font-size: 2rem;font-weight: 800;color: var(--primary-color);}.ad-details-meta {display: flex;flex-direction: column;gap: 8px;color: var(--gray-dark);font-size: 1rem;}.ad-details-meta i {margin-right: 8px;color: var(--secondary-color);}.ad-details-description h3 {font-size: 1.2rem;font-weight: 700;color: var(--gray-dark);margin-bottom: 8px;}/* Botoes de acao na pagina de detalhes */.ad-details-actions {display: flex;flex-direction: column;gap: 16px;margin-top: 24px;}.btn-whatsapp, .btn-share {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 15px;border: none;border-radius: var(--border-radius);font-size: 1.1rem;font-weight: 700;cursor: pointer;transition: var(--transition);text-decoration: none;color: var(--white);}.btn-whatsapp {background-color: #25D366; /* Cor do WhatsApp */}.btn-share {background-color: #033393; /* Cor azul para o botão de compartilhamento */}.btn-whatsapp:hover {background-color: #128C7E;transform: translateY(-2px);box-shadow: var(--shadow-hover);}.btn-share:hover {background-color: #011f5d;transform: translateY(-2px);box-shadow: var(--shadow-hover);}/* Botões de ação do card na página de classificados /.ad-actions {display: flex;justify-content: flex-end; / Alinha os botões à direita /align-items: center;gap: 10px; / Espaço entre os botões */margin-top: 10px;padding: 0 16px 16px;}/* Botões de WhatsApp e Compartilhar /.whatsapp-btn,.share-btn {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%; / Torna os botões redondos */font-size: 1.2rem;color: #fff;transition: background-color 0.3s ease, transform 0.3s ease;cursor: pointer;border: none;outline: none;}.whatsapp-btn {background-color: #25D366; /* Cor do WhatsApp */}.share-btn {background-color: #033393; /* Cor azul para o botão de compartilhamento */}.whatsapp-btn:hover,.share-btn:hover {transform: scale(1.1); /* Efeito de zoom ao passar o mouse */}/* Carrossel de banners */.banner-carousel {position: relative;width: 100%;padding-top: 42.857%;overflow: hidden;}.carousel-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.carousel-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease-in-out;}.carousel-slide.active {opacity: 1;}.carousel-image {width: 100%;height: 100%;object-fit: contain;}/* Responsive Design para a página de detalhes */@media (min-width: 768px) {.ad-detail-section {flex-direction: row;}.ad-gallery {flex: 1;}.ad-details-info {flex: 1;}}@media (min-width: 1024px) {.ad-detail-section {gap: 48px;}}