.footer {
    background: #2f2f2f;
    color: #e5e5e5;
    padding: 50px 80px 20px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.footer-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* ESQUERDA */
.footer-left {
    width: 280px;
}

.newsletter-title {
    font-size: 13px;
    margin-bottom: 10px;
    color: #cfcfcf;
}

.newsletter-box input {
    width: 100%;
    padding: 10px 14px;
    border-radius: 20px;
    border: none;
    outline: none;
    background: #e5e5e5;
    font-size: 12px;
}

/* INPUT FOCUS MELHORADO */
.newsletter-box input:focus {
    box-shadow: 0 0 0 2px #ffffff;
}

.social-title {
    margin-top: 25px;
    font-size: 13px;
    color: #cfcfcf;
    font-weight: bold;
}

.social-icons {
    display: flex;
    gap: 12px;
    margin-top: 10px;
}

/* ESTILO BASE DOS ÍCONES */
.social-icons a {
    width: 35px;
    height: 35px;
    border: 1px solid #777;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e5e5e5;
    font-size: 16px;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* =========================
   CORES DAS REDES SOCIAIS
========================= */

/* INSTAGRAM */
.social-icons a.instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
    border: none;
}

/* WHATSAPP */
.social-icons a.whatsapp {
    color: #25D366;
    border-color: #25D366;
}

/* TIKTOK */
.social-icons a.tiktok {
    color: #fff;
    border-color: #fff;
}

/* FACEBOOK */
.social-icons a.facebook {
    color: #1877F2;
    border-color: #1877F2;
}

/* =========================
   EFEITOS DE HOVER (AO PASSAR O MOUSE)
========================= */

.social-icons a:hover {
    transform: translateY(-3px); /* Levanta levemente o ícone */
}

.social-icons a.instagram:hover {
    filter: brightness(1.2);
    box-shadow: 0 4px 12px rgba(220, 39, 67, 0.4);
}

.social-icons a.whatsapp:hover {
    background-color: #25D366;
    color: #fff;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}

.social-icons a.tiktok:hover {
    background-color: #fff;
    color: #000;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.social-icons a.facebook:hover {
    background-color: #1877F2;
    color: #fff;
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.4);
}

/* COLUNAS */
.footer-columns {
    display: flex;
    gap: 60px;
}

.col {
    display: flex;
    flex-direction: column;
    min-width: 120px;
}

.col p {
    font-size: 13px;
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: bold;
}

.col a {
    font-size: 12px;
    color: #bfbfbf;
    text-decoration: none;
    margin-bottom: 8px;
    transition: 0.2s;
}

/* HOVER LINKS */
.col a:hover {
    color: #ffffff;
    padding-left: 5px; /* Efeito suave de deslocamento */
}

/* LINHA + COPYRIGHT */
.footer-bottom {
    border-top: 1px solid #444;
    margin-top: 40px;
    padding: 20px 0;
    text-align: center;
}

.footer-bottom p {
    font-size: 11px;
    color: #a0a0a0;
    margin: 0;
}

.footer {
    padding: 30px 60px 10px; /* ↓ diminui altura geral */
}

/* WRAPPER */
.footer-wrapper {
    gap: 25px; /* ↓ menos espaço entre blocos */
}

/* ESQUERDA */
.footer-left {
    width: 240px; /* ↓ um pouco menor */
}

.newsletter-title {
    font-size: 12px;
    margin-bottom: 6px;
}

.newsletter-box input {
    padding: 8px 12px;
    font-size: 11px;
}

/* SOCIAL */
.social-title {
    margin-top: 15px;
    font-size: 12px;
}

.social-icons {
    gap: 10px;
    margin-top: 8px;
}

.social-icons a {
    width: 30px;
    height: 30px;
    font-size: 14px;
}

/* COLUNAS */
.footer-columns {
    gap: 40px; /* ↓ menos espaço horizontal */
}

.col p {
    font-size: 12px;
    margin-bottom: 10px;
}

.col a {
    font-size: 11px;
    margin-bottom: 6px;
}

/* FOOTER BOTTOM */
.footer-bottom {
    margin-top: 25px;
    padding: 15px 0;
}

.footer-bottom p {
    font-size: 10px;
}