header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

nav a {
    color: #EEE;
    text-decoration: none;
    font-weight: 500;
    margin-left: 35px;
    transition: .3s;
    text-shadow: 10px 4px 10px rgba(0, 0, 0, 0.2);
}

nav a:hover {
    color: #FFF;
    text-shadow: 10px 4px 20px rgba(0, 0, 0, 0.8);
}

nav a.active {
    color: #FFF;
}

.hero {
    position: relative;
    height: 100vh;
    background-image: url("../media/asesoria-y-estudios-pensionales/hero.webp");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-attachment: fixed; /* Puede mejorar el efecto de desplazamiento */
}

.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* En lugar de reutilizar el fondo, usa un color transparente */
    z-index: 1;
}


.hero .row {
    position: relative;
    z-index: 2; /* Eleva el contenido por encima del pseudo-elemento */
}

@media (max-width: 768px) {
    .hero {
        background-position: right;
    }
}

#descripcion .lead {
    font-size: 1.1rem;
    color: #555;
}

#descripcion ul {
    padding-left: 1rem;
}

#descripcion ul li {
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #333;
}

#descripcion ul li strong {
    color: var(--brand-secondary);
}

#descripcion ul li strong svg {
    fill: var(--brand-secondary);
}

#testimonios {
    min-height: 100vh;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='45' height='110' patternTransform='scale(4) rotate(35)'><rect x='0' y='0' width='100%' height='100%' fill='%23421117ff'/><path d='M21.78 52.88a1.4 1.4 0 01-.51-1.9l5.87-10.18a1.4 1.4 0 011.9-.5c.68.38.9 1.23.52 1.9l-5.87 10.17a1.4 1.4 0 01-1.91.51zm18 49.07a1.1 1.1 0 01-.8-.35l-4-4.24a1.1 1.1 0 01.19-1.67l6.22-4.19-3.58-1.98a1.1 1.1 0 111.08-1.92l5.13 2.87c.33.2.55.53.56.91.02.38-.17.74-.48.96l-6.63 4.46 3.1 3.3c.43.44.4 1.14-.04 1.55-.21.2-.48.3-.75.3z'  stroke-width='1' stroke='none' fill='%235e1921ff'/><path d='M-8.75 72c-.07 0-.13-.02-.2-.03a1.1 1.1 0 01-.88-1.28L-6.4 52.3a1.1 1.1 0 012.02-.38l6.06 9.73 3.77-11.78c.14-.43.53-.74.98-.76.45-.03.88.23 1.07.64l4.89 10.61a1.1 1.1 0 01-.54 1.46 1.1 1.1 0 01-1.46-.54l-3.7-8.04-3.65 11.34c-.13.41-.5.7-.91.76-.43.05-.84-.15-1.07-.5l-5.82-9.36-2.92 15.61c-.1.53-.56.9-1.08.9zm39.12-40.6c-.07 0-.13 0-.2-.02a1.12 1.12 0 01-.9-.92l-2.8-19a1.1 1.1 0 012.19-.33l2.33 15.83 7.23-12.85c.2-.36.59-.58 1-.56.4.02.78.26.96.63l3.9 8.4a1.1 1.1 0 11-1.98.92l-3.01-6.45-7.76 13.8c-.2.34-.56.55-.96.55zM36.25 72c-.07 0-.13-.02-.2-.03a1.1 1.1 0 01-.88-1.28L38.6 52.3a1.1 1.1 0 012.02-.38l6.06 9.73 3.77-11.78c.14-.43.53-.74.98-.76.45-.03.88.23 1.07.64l4.89 10.61a1.1 1.1 0 01-.54 1.46 1.1 1.1 0 01-1.46-.54l-3.7-8.04-3.65 11.34c-.13.41-.5.7-.91.76-.43.05-.84-.15-1.07-.5l-5.82-9.36-2.92 15.61c-.1.53-.56.9-1.08.9z'  stroke-width='1' stroke='none' fill='%236c1d26ff'/><path d='M16.8 91.46a1.1 1.1 0 01-1.09-.98L14.2 77.64a1.1 1.1 0 01.96-1.22 1.1 1.1 0 011.22.96l1.18 10.05 7.88-10.79a1.1 1.1 0 011.78 1.3l-9.53 13.07c-.21.28-.55.45-.9.45zm-6.28-53.42a1.1 1.1 0 01-1.06-.8L5.83 24.1a1.1 1.1 0 01.77-1.35 1.1 1.1 0 011.35.77l3.32 12.01 6.02-2.12a1.1 1.1 0 01.73 2.07l-7.13 2.5c-.12.04-.24.06-.37.06z'  stroke-width='1' stroke='none' fill='%237a212bff'/><path d='M14.39 9.63C18.89 7.5 20.52 1.45 18-3.86c-2.51-5.3-8.22-7.9-12.72-5.77C.79-7.5-.84-1.45 1.67 3.87c1.9 4.04 5.68 6.5 9.37 6.5 1.14 0 2.28-.24 3.35-.74zm1.63-12.56c1.99 4.21.84 8.95-2.57 10.56a5.6 5.6 0 01-2.44.54c-2.84 0-5.82-2-7.35-5.26-2-4.2-.84-8.95 2.57-10.56a5.6 5.6 0 012.44-.54c2.84 0 5.8 2.01 7.35 5.26zm-1.63 122.56c4.5-2.13 6.13-8.18 3.62-13.49-2.51-5.3-8.22-7.9-12.72-5.77-4.5 2.13-6.13 8.18-3.62 13.5 1.9 4.04 5.68 6.5 9.37 6.5 1.14 0 2.28-.24 3.35-.74zm1.63-12.56c1.99 4.21.84 8.95-2.57 10.56a5.6 5.6 0 01-2.44.54c-2.84 0-5.82-2-7.35-5.26-2-4.2-.84-8.95 2.57-10.56a5.6 5.6 0 012.44-.54c2.84 0 5.8 2.01 7.35 5.26z'  stroke-width='1' stroke='none' fill='%235e1921ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-80,-344)' fill='url(%23a)'/></svg>");
}

#beneficios {
    min-height: 100vh;
}

.benefit-card {
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 0.5rem;
    margin-bottom: 2rem;
}

.benefit-card h3 {
    padding: 0.5rem 0;
}