/** ADD YOUR AWESOME CODES HERE **/

/* ==========================================================================
   Footer Logo Fix: visibility on dark background + spacing
   ========================================================================== */

/* Logo container in the footer: add bottom margin for separation from text */
.footer .col-md-6.col-lg-3:first-child .widget-title {
    margin-bottom: 20px;
}

/* Footer logo: white pill background so it's visible on dark bg, slightly smaller */
.footer .widget-title img {
    background: #fff;
    border-radius: 8px;
    padding: 10px 14px;
    max-width: 200px;
    height: auto;
    display: block;
}

/* Add right padding/margin to the logo column for spacing from Enlaces column */
.footer .col-md-6.col-lg-3:first-child {
    padding-right: 30px;
}

/* Add left padding to the Enlaces column for extra spacing from logo */
.footer .col-md-6.col-lg-3:nth-child(2) {
    padding-left: 30px;
}

/* ==========================================================================
   Mobile responsive fixes
   ========================================================================== */

/* Parallax CTA sections: responsive font sizing */
.parallax h3 {
    font-size: 32px;
}
.parallax .container p {
    font-size: 18px;
}

/* Ensure all images are responsive */
img { max-width: 100%; height: auto; }

/* Google Maps: aspect-ratio wrapper on all screens */
iframe[src*="google.com/maps"] {
    width: 100%;
    border: 0;
    border-radius: 6px;
}

/* Scroll-to-top: proper touch target */
#scroll-to-top {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Footer links: proper touch targets */
.footer-links li a {
    display: block;
    padding: 6px 0;
    min-height: 38px;
    line-height: 1.6;
}

/* Copyrights: text wrap on mobile */
.footer-company-name {
    word-wrap: break-word;
}

@media (max-width: 767px) {
    /* Footer: reset excessive padding on mobile */
    .footer .col-md-6.col-lg-3:first-child { padding-right: 15px; }
    .footer .col-md-6.col-lg-3:nth-child(2) { padding-left: 15px; }

    /* Service cards: space between them */
    .service-widget { margin-bottom: 25px; }

    /* Top bar: compact on mobile */
    .top-bar .email-box a,
    .top-bar .phone-box a {
        font-size: 12px;
        display: inline-block;
        padding: 4px 0;
    }

    /* Contact info list: better spacing */
    .message-box .list-unstyled li {
        margin-bottom: 8px;
        line-height: 2;
    }

    /* Prevent horizontal overflow */
    body { overflow-x: hidden; }
    .container { overflow-x: hidden; }
}