/* Scoped Footer CSS Replicated from post-160.css and htmlPaginaComercial.html */

/* Using a specific namespace to avoid conflicts */
.taurus-footer {
    width: 100%;
    font-family: "Roboto Condensed", Sans-serif;
    color: #4B4F58; /* Fallback for --e-global-color-text */
    box-sizing: border-box;
    margin-top: 50px; /* Separation from page content */
}

.taurus-footer * {
    box-sizing: border-box;
}

/* Sticky Footer Implementation */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh !important;
    height: auto !important; /* Override potential inline styles */
}

section.content-area {
    flex: 1; /* Pushes footer down */
}

/* --- Top Section (Contact & Support) --- */
.taurus-footer .footer-top {
    background-color: #F9F9F9;
    padding: 5px 0 60px 0; /* Added bottom padding to prevent overlap */
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.taurus-footer .footer-container {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 15px;
}

.taurus-footer .footer-column {
    flex: 1;
    min-width: 250px; /* Collapse on smaller screens */
    padding: 5px 10px 0 10px; /* Removed bottom padding */
}

/* Logo Column Specifics */
.taurus-footer .logos-column {
    flex: 1.5; /* Slightly wider for logos */
    text-align: left;
}

.taurus-footer .logos-column img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5px; /* Reduced from 15px */
}

.taurus-footer .logos-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.taurus-footer .logos-row img {
    margin-bottom: 0;
}

/* Contact Column Specifics */
.taurus-footer .contact-column {
    /* Corresponds to elementor-element-1d15b80 and children */
}

/* Support Column Specifics */
.taurus-footer .support-column {
    margin-left: 40px; /* From elementor-element-38afcb1f margin */
}

/* Headings */
.taurus-footer h4 {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 24px; /* Reduced from 28px */
    font-weight: 400;
    text-transform: uppercase;
    color: #41A6D7;
    margin-bottom: 10px; /* Reduced from 20px */
    margin-top: 0;
}

/* Text Content */
.taurus-footer p {
    margin: 0 0 5px; /* Reduced from 10px */
    line-height: 1.4; /* Reduced from 1.6 */
    font-size: 14px; /* Reduced from 15px */
}

.taurus-footer a {
    color: #4B4F58;
    text-decoration: none;
    transition: color 0.3s;
}

.taurus-footer a:hover {
    color: #41A6D7;
}

/* Ensure no bottom margin on last elements to flush with bottom bar */
.taurus-footer .footer-column p:last-child,
.taurus-footer .footer-column img:last-child,
.taurus-footer .footer-column div:last-child {
    margin-bottom: 0;
}

/* --- Bottom Section (Copyright & Social) --- */
.taurus-footer .footer-bottom {
    background-color: #43464c;
    color: #fff;
    padding: 10px 0;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.taurus-footer .footer-bottom-container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.taurus-footer .copyright-column {
    flex: 1;
}

.taurus-footer .copyright-column p {
    margin: 0;
    color: #7a0492; /* From elementor-36f77b76 color var( --e-global-color-7a04926 )? No, checking HTML source... actually looks like elementor-heading-title has color var(--e-global-color-7a04926). Let's use a placeholder or white if unsure. HTML shows "Webmail" link. */
    font-family: "Alfa Slab One", Sans-serif;
    font-size: 23px;
    font-weight: 300;
}
.taurus-footer .copyright-column a {
    color: #b0b0b0; /* Light gray for webmail link */
}

.taurus-footer .social-column {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.taurus-footer .social-icon {
    color: rgba(255, 255, 255, 0.45);
    font-size: 18px;
    /* transition: color 0.3s; */
    /* Use SVG fill or color depending on icon type. Assuming FontAwesome <i> tags. */
}

.taurus-footer .social-icon i {
    color: rgba(255, 255, 255, 0.45);
    transition: color 0.3s;
}

.taurus-footer .social-icon:hover i {
    color: #f49ac3;
}

/* Responsive */
@media (max-width: 768px) {
    .taurus-footer .footer-container, 
    .taurus-footer .footer-bottom-container {
        flex-direction: column;
        text-align: center;
    }
    
    .taurus-footer .support-column {
        margin-left: 0;
        margin-top: 20px;
    }

    .taurus-footer .social-column {
        justify-content: center;
        margin-top: 10px;
    }
}