/* Footer New Layout - Novo layout com larguras responsivas */

/* Base layout do footer new layout */
footer.footer-new-layout {
    width: 100%;
    position: relative;
    z-index: 10;
    border-top: 1px solid #1f2937;
    background: linear-gradient(to bottom, #111827, #000000);
}

/* Container com largura adaptável */
.footer-new-layout-container {
    margin: 0 auto;
    width: 100%;
    /* Largura padrão para páginas de rifa (600px) */
    max-width: 600px;
    padding: 16px 20px 20px 20px;
}

/* Largura de 700px para páginas home/index */
.home-page .footer-new-layout-container,
.index-page .footer-new-layout-container {
    max-width: 700px;
}

.footer-new-layout-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.footer-new-layout-copy {
    font-size: 14px;
    font-family: Montserrat, Arial, sans-serif;
    text-align: left;
    margin: 0 0 2px 0;
    color: #9ca3af;
}

.footer-new-layout-copy a {
    color: #d1d5db;
    text-decoration: none;
    transition: color 0.2s;
    cursor: pointer;
    pointer-events: auto !important;
}

.footer-new-layout-copy a:hover {
    color: #ffffff;
}

.footer-new-layout-developed {
    font-size: 12px;
    font-family: Montserrat, Arial, sans-serif;
    text-align: right;
    margin: 0;
    color: #6b7280;
}

.footer-new-layout-heart {
    color: #ef4444;
}

/* Layout responsivo: no mobile, frases empilhadas */
@media (max-width: 768px) {
    .footer-new-layout-container {
        max-width: 100%;
        padding: 16px 16px 20px 16px;
    }

    .footer-new-layout-content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .footer-new-layout-copy {
        text-align: center;
        width: 100%;
    }

    .footer-new-layout-developed {
        text-align: center;
        width: 100%;
    }
}

/* Tema Light (caso necessário no futuro) */
.light footer.footer-new-layout {
    border-top: 1px solid #d1d5db;
    background: linear-gradient(to bottom, #f9fafb 0%, #e5e7eb 50%, #d1d5db 100%);
}

.light .footer-new-layout-copy {
    color: #4b5563;
}

.light .footer-new-layout-copy a {
    color: #2563eb;
}

.light .footer-new-layout-copy a:hover {
    color: #1d4ed8;
}

.light .footer-new-layout-developed {
    color: #6b7280;
}