/* =========================================
   CONTACT PAGE SPECIFIC OVERRIDES
   Matches Reference: https://ywq.wek.mybluehost.me/website_33577b3c/contacto.html
   ========================================= */

/* 1. HEADER & OVERLAY FIXES */
/* Header must be FIXED and TRANSPARENT initially to overlay the hero image */
.header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: transparent !important;
    border-bottom: 1px solid transparent !important;
    z-index: 1000;
    transition: background 0.35s ease, border-bottom-color 0.35s ease, box-shadow 0.35s ease;
}

/* Scrolled State: Solid Cream Background */
.header.scroll {
    background-color: rgba(248,246,243,0.97) !important;
    border-bottom: 1px solid #d4c4b8 !important; 
    box-shadow: 0 4px 18px rgba(0,0,0,0.04);
}

/* --- TEXT COLORS LOGIC --- */

/* INITIAL STATE (Transparent over dark hero): WHITE Text */
.header .navbar-brand,
.header .menu-btn-text {
    color: #ffffff !important;
}
.header .hamburger span {
    background-color: #ffffff !important;
}

/* SCROLLED STATE (Cream background): DARK Text */
.header.scroll .navbar-brand,
.header.scroll .menu-btn-text {
    color: #2f2e2e !important;
}
.header.scroll .hamburger span {
    background-color: #2f2e2e !important;
}


/* !!! FIX FOR BEIGE STRIP (Navbar Collapse hidden by default) !!! */
/* The global style puts .navbar-collapse with #e9dfd2 bg absolute top:0. */
/* We must hide it or reset it for this page until menu is opened */
.header .navbar-collapse:not(.show) {
    background-color: transparent !important;
    height: 0 !important;
    pointer-events: none;
    opacity: 0;
}

/* 2. BODY / LAYOUT FIXES */
.contact-page-body {
    background-color: #fefbf2; /* Cream body */
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* 3. INPUT FIELDS (Exact Copy from Reference) */
.contact-form .form-group label {
    color: #000000 !important;
}

.contact-form .form-group input,
.contact-form .form-group select,
.contact-form .form-group textarea {
    background-color: #ffffff !important;
    border: 1px solid #d4c4b8 !important;
    border-radius: 0 !important;
    color: #5a5755 !important;
    width: 100%;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
    background-color: #fffcf8 !important;
    border-color: #a59182 !important;
    outline: none !important;
    box-shadow: none !important;
}

.contact-form .form-group input::placeholder,
.contact-form .form-group textarea::placeholder {
    color: #b5a89f !important;
}

/* 4. BUTTONS */
.contact-form .btn-submit {
    background-color: #2f2e2e !important;
    color: #ffffff !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 5. REMOVE STRANGE STRIPS */
.intro-overlay {
    display: none !important; 
}

/* 6. FOOTER GAP FIXES */
/* Ensure no margin/padding leaks beige body background below the footer on Contact Page */
.contact-footer, .footer {
    margin-bottom: 0 !important;
}

/* Ensure the copyright paragraph doesn't push the container with margins */
.contact-footer .contact-footer-bottom p,
.footer .f-bottom p {
    margin-bottom: 0 !important;
}

.contact-page-body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}