/*
REALESTATE CSS 
*/
 /* Apply Inter font */

        body {
            font-family: 'Inter', sans-serif;
        }
        /* Define custom colors based on the provided palette */
        :root {
           --color-primary: #B39533; /* dourado */
           --color-secondary: #6B6357; /* cinza-ameixa */
           --bg-color: #F7F7F7;       /* fundo claro */
        }
        /* Apply custom background color to body */
        body {
            background-color: var(--bg-color);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        /* Style for the title underline using the primary color */
        .title-underline {
            border-bottom: 4px solid var(--color-primary);
            display: inline-block;
            padding-bottom: 5px;
        }
        /* Style for heading accents using the primary color */
        .heading-accent {
           color: var(--color-primary);
           border-left-color: var(--color-primary);
        }
        /* Style for list checkmarks using the primary color */
        .checkmark-accent {
            color: var(--color-primary);
        }
        /* Style for secondary text color */
        .text-secondary-custom {
            color: var(--color-secondary);
        }
        /* Style for footer background using the secondary color */
        .bg-secondary-custom {
             background-color: var(--color-secondary);
             color: white;
        }
        /* Explicitly set header background */
        .header-bg {
             background-color: var(--bg-color);
             box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .btn-primary-custom {
            box-sizing: border-box;
            border: 2px solid var(--color-primary);
            background-color: var(--color-primary);
            color: #fff;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem;
            font-weight: 600;
            transition: background-color 0.2s, color 0.2s, border-color 0.2s;
        }
        .btn-primary-custom:hover {
            border-color: var(--color-primary);       /* reinforce 2px border */
            background-color: transparent;
            color: var(--color-primary);
            
            /* kill any browser outline/box-shadow that could shift things */
            outline: none;
            box-shadow: none;
        }
        .btn-outline-primary-custom {
            border: 2px solid var(--color-primary);
            color: var(--color-primary);
            font-weight: 600;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem;
            transition: all 0.2s;
            background-color: transparent;
        }
        .btn-outline-primary-custom:hover {
            background-color: var(--color-primary);
            color: white;
        }
        /* Secondary custom button */
        .btn-secondary-custom {
            box-sizing: border-box;
            border: 2px solid var(--color-secondary);   /* #6B6357 */
            background-color: var(--color-secondary);
            color: #fff;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem;
            font-weight: 600;
            transition: background-color 0.2s, color 0.2s, border-color 0.2s;
        }

        /* hover uses the same border, but swaps bg/text color */
        .btn-secondary-custom:hover {
            border-color: var(--color-secondary);       /* reinforce 2px border */
            background-color: transparent;
            color: var(--color-secondary);
            
            /* kill any browser outline/box-shadow that could shift things */
            outline: none;
            box-shadow: none;
        }
        .navbar-brand {
            font-weight: 700;
            color: var(--color-primary);
        }
        .nav-link {
            color: var(--color-secondary);
            font-weight: 500;
            transition: color 0.2s;
        }
        .nav-link:hover, .nav-link.active {
            color: var(--color-primary);
        }
        .nav-link.active {
            position: relative;
        }
        .nav-link.active::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: var(--color-primary);
        }
        .footer-links a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            transition: color 0.2s;
        }
        .footer-links a:hover {
            color: white;
        }
        .social-icon {
            width: 36px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(255,255,255,0.1);
            border-radius: 50%;
            margin-right: 10px;
            transition: background-color 0.2s;
        }
        a.social-icon {
            color: transparent !important;
        }
        .social-icon:hover {
            background-color: rgba(255,255,255,0.2);
        }
        main {
            flex: 1;
        }
        /* Custom card styling */
        .card-custom {
            border: none;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .card-custom:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
        }
        /* Custom section styling */
        .section-title {
            position: relative;
            margin-bottom: 2rem;
        }
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 60px;
            height: 4px;
            background-color: var(--color-primary);
        }
        /* Custom form controls */
        .form-control:focus {
            border-color: var(--color-primary);
            box-shadow: 0 0 0 0.25rem rgba(179, 149, 51, 0.25);
        }
        .logo {
            width: 180px;
            height: auto;
        }

        /* Style for heading accents using the primary color */
        .heading-accent {
           color: var(--color-primary);
           border-left-color: var(--color-primary);
        }

        /* Lista de valores – refinamentos visuais */
.checkmark-accent {
  color: var(--color-primary);
  font-weight: 700;
  display: inline-block;
  width: 1.25rem;        /* largura fixa ajuda no alinhamento vertical */
  text-align: center;
  margin-top: 0.2rem;    /* leve ajuste para alinhar com o texto */
}

/* Texto secundário já existe como .text-secondary-custom, 
   mas aqui seu HTML usa .text-secondary (Bootstrap).
   Se quiser um tom personalizado, pode mapear: */
.text-secondary { color: #6c757d; } /* opcional */

/* Títulos com barra lateral dourada */
/* Títulos com barra lateral e texto dourado */
.section-heading {
  border-left: 4px solid var(--color-primary); /* barra dourada */
  padding-left: 0.75rem;                       /* espaço entre barra e texto */
  color: var(--color-primary);                 /* texto dourado */
  font-weight: 600;
  margin-bottom: 1rem;
}

.section-subheading {
  color: var(--color-secondary); /* cinza-ameixa */
  font-weight: 500;
  margin-bottom: 1rem;
}