/* Forzar que todos los enlaces del menú sean negros en la página About */
.header-area .nav li a {
    color: #1a1a1a !important; 
    font-weight: 500;
}

/* Color al pasar el ratón por encima (hover) o al estar activo */
.header-area .nav li a:hover,
.header-area .nav li a.active {
    color: #714C1F !important; /* Si usas otro color principal, cámbialo aquí */
}

/* Ajustar el botón hamburguesa en móviles para que también sea oscuro */
.header-area .menu-trigger span,
.header-area .menu-trigger span:before,
.header-area .menu-trigger span:after {
    background-color: #1a1a1a !important;
}

.about-hero-section {
    width: 100%;
    height: 55vh; /* Ocupa un poco más de la mitad de la pantalla, como en tu foto */
    background-image: url('assets/images/about_hero.jpg'); /* Reemplaza por tu imagen real */
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 80px; /* Compensa el header fijo */
}
.about-text-content {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #7a7a7a;
    font-weight: 300;
}
.about-title {
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1.2rem;
    color: #000;
}
.about-signature {
    font-weight: 600;
    font-size: 1.1rem;
}