/* ================================================= VARIÁVEIS PADRÃO (tema escuro) Para mudar em qualquer página, cole isso no : ================================================= */ * { font-family: 'Nimbus Roman No9 L', 'Times New Roman', Times, Roboto, serif; } :root { --footer-bg: radial-gradient(circle at top, #111 0%, #000 60%); --footer-color: #e4c48c; --footer-copy-bg: #000; --footer-copy-color: #e4c48c; --footer-copy-border: rgba(220,186,127,0.15); --footer-col-bg: rgba(255,255,255,0.02); --footer-col-border: rgba(220,186,127,0.08); --footer-col-border-hover: rgba(220,186,127,0.25); --footer-title-color: #fff; --footer-explore-border: rgba(214,179,119,0.3); --footer-menu-color: #e4c48c; --footer-menu-hover: #fff; --footer-menu-line: #dcba7f; --footer-subtitle-line: linear-gradient(90deg, #dcba7f, transparent); --footer-glow: rgba(220,186,127,0.15); --footer-btn-bg: #000; --footer-btn-color: #e4c48c; --footer-btn-border: #D6B377; --footer-explore-bg: #111; --footer-explore-item-border: rgba(220,186,127,0.25); --footer-explore-title: #D6B377; --footer-explore-text: #D6B377; --footer-explore-h3: #fff; } /* ================================================= RESET DE LINKS ================================================= */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; } a { text-decoration: none; color: inherit; } /* ================================================= SEÇÃO EXPLORE ================================================= */ .explore-section { background: var(--footer-explore-bg); padding: 70px 50px; border-top: 1px solid var(--footer-explore-border); margin-top: 50px; } .explore-container { max-width: 1500px; margin: auto; text-align: center; } .explore-title { font-size: 55px; color: var(--footer-explore-title); font-weight: 600; letter-spacing: 1px; position: relative; display: inline-block; } .explore-title::after { content: ""; display: block; width: 90%; height: 1px; border-bottom: 1px solid var(--footer-explore-border); margin: 0 auto; } .explore-sub { color: var(--footer-explore-title); font-size: 20px; font-style: italic; margin: 10px 0 60px; font-size: 500; } .explore-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; } .explore-item { position: relative; padding: 25px 15px; border-radius: 12px; background: var(--footer-col-bg); backdrop-filter: blur(6px); box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.20); border: 1px solid var(--footer-explore-item-border); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease; z-index: 1; overflow: hidden; } .explore-item:hover { transform: translateY(-6px); border-color: var(--footer-col-border-hover); box-shadow: 0 15px 40px rgba(0,0,0,0.15); } .explore-item h3 { color: var(--footer-explore-h3); font-size: 20px; margin-bottom: 10px; font-weight: 500; } .explore-item p { color: var(--footer-explore-text); font-size: 14px; line-height: 1.5; letter-spacing: 0.7px; } /* ================================================= FOOTER ================================================= */ /* FOOTER PRINCIPAL */ .footer { position: relative; background: var(--footer-bg); color: var(--footer-color); padding-top: 60px; padding-left: 0; padding-right: 0; margin: 0; width: 100%; overflow: visible; } .footer::before { content: ""; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); width: 800px; height: 300px; background: radial-gradient(circle, var(--footer-glow) 0%, transparent 70%); filter: blur(60px); pointer-events: none; z-index: 0; } /* CONTAINER DO FOOTER - SEM MARGENS LATERAIS */ .footer-container { position: relative; z-index: 1; width: 100%; max-width: 1800px; margin: 0 auto; padding: 0 30px; display: grid; grid-template-columns: 1.8fr 1.8fr 1.4fr 1.2fr; gap: 40px; box-sizing: border-box; } .footer-col { padding: 25px; border-radius: 14px; background: var(--footer-col-bg); backdrop-filter: blur(6px); border: 1px solid var(--footer-col-border); transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.20); } .footer-col:hover { transform: translateY(-6px); border-color: var(--footer-col-border-hover); } .footer-logo { display: block; margin-top: -10px; max-width: 150px; height: auto; } .footer-title, .footer-subtitle { font-size: 27px; color: var(--footer-title-color); margin-bottom: 18px; position: relative; font-weight: 700; } .footer-title::after, .footer-subtitle::after { content: ""; position: absolute; bottom: -8px; left: 0; width: 45px; height: 2px; background: var(--footer-subtitle-line); } .footer-subtitle-small { color: var(--footer-title-color); font-size: 18px; font-weight: 500; margin: 5px 0 15px; } .footer-p, .footer-text { line-height: 1.8; font-size: 15px; letter-spacing: 0.5px; color: var(--footer-color); } .btn-ver-rodape { display: inline-block; padding: 4px 25px; background: var(--footer-btn-bg); color: var(--footer-btn-color); font-weight: 500; border: 1px solid var(--footer-btn-border); border-radius: 5px; margin-top: 20px; text-decoration: none; transition: transform 0.4s ease, box-shadow 0.4s ease; } .btn-ver-rodape:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(220,186,127,0.4); } .footer-menu { list-style: none; padding: 0; margin: 0; } .footer-menu li { margin-bottom: 10px; } .footer-menu a { color: var(--footer-menu-color); text-decoration: none; position: relative; font-size: 15px; line-height: 1.8; letter-spacing: 0.5px; transition: color 0.3s ease; } .footer-menu a::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: var(--footer-menu-line); transition: width 0.3s ease; } .footer-menu a:hover { color: var(--footer-menu-hover); } .footer-menu a:hover::after { width: 100%; } .menus-lado-a-lado { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; } .whatsapp-link { color: #25D366 !important; font-weight: 700; text-decoration: none; transition: color 0.3s; } .whatsapp-link:hover { color: #128C7E !important; } .nome-guia { font-weight: 600; font-size: 20px; color: var(--footer-title-color); /* mantém a cor definida */ margin-bottom: 18px; position: relative; line-height: 1.2; } /* COPYRIGHT */ .footer-copy { display: block; width: 100%; padding: 20px; text-align: center; font-size: 14px; letter-spacing: 1px; border-top: 1px solid var(--footer-copy-border); background: var(--footer-copy-bg); color: var(--footer-copy-color); box-sizing: border-box; } /* ================================================= RESPONSIVO ================================================= */ @media (max-width: 1024px) { .footer-container { grid-template-columns: 1fr 1fr; gap: 40px; } } @media (max-width: 768px) { .explore-section { padding: 30px 10px; } .explore-title { font-size: 28px; display: block; text-align: center; } .explore-title::after { width: 100%; } .explore-sub { font-size: 16px; } .explore-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } .explore-item { text-align: left; } .footer-container { grid-template-columns: 1fr; padding: 0 25px 30px; } .footer-col { text-align: left; } } @media (max-width: 480px) { .explore-title { font-size: 30px; } .explore-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } } @media (max-width: 360px) { .explore-title { font-size: 27px; } .explore-sub { font-size: 15px; } }