/* Corregido: fondo oscuro en lugar de #fff */
.services-slider{

    padding:140px 0;

    background: var(--bg-section, #121318);

}

.services-slider .container{

    max-width:1400px;

}

.section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 90px;

}

.section-tag{

    display:inline-block;

    color:var(--gold);

    font-size:.85rem;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.section-heading h2{

    font-size:3rem;

    margin-bottom:25px;

    color:var(--heading);

}

.section-heading p{

    font-size:1.1rem;

    line-height:1.9;

    color:var(--text);

}

.services-slider-wrapper{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:80px;

    align-items:center;

}

.services-menu{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.service-item{

    background:none;

    border:none;

    text-align:left;

    cursor:pointer;

    padding:18px 0;

    font-size:1.05rem;

    color:var(--text);

    border-left:3px solid transparent;

    padding-left:25px;

    transition:.35s;

}

.service-item:hover{

    color:var(--heading);

    padding-left:35px;

}

.service-item.active{

    border-color:#c8a86b;

    color:var(--heading);

    font-weight:600;

    padding-left:35px;

}



.service-content{

    display:grid;

    grid-template-columns:55% 45%;

    gap:60px;

    align-items:center;

}


.service-image{

    overflow:hidden;

    border-radius:22px;

}

.service-image img{

    width:100%;

    height:560px;

    object-fit:cover;

    display:block;

    transition:.6s;

}

.service-category{

    color:#c8a86b;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:.8rem;

    font-weight:700;

}

.service-info h3{

    font-size:2.7rem;

    margin:18px 0 25px;

    color:var(--heading);

}

.service-info p{

    color:var(--text);

    line-height:1.9;

    margin-bottom:35px;

}

.service-info ul{

    margin-bottom:45px;

}

.service-info li{

    list-style:none;

    margin-bottom:16px;

    color:var(--text-light);

    position:relative;

    padding-left:30px;

}

.service-info li::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:#c8a86b;

    position:absolute;

    left:0;

    top:10px;

}

.service-info .btn{

    display:inline-flex;

}

.fade{

    opacity:0;

    transform:translateY(20px);

    transition:.45s;

}

@media(max-width:1100px){

.services-slider-wrapper{

grid-template-columns:1fr;

}

.service-content{

grid-template-columns:1fr;

}

.service-image{

order:1;

}

.service-info{

order:2;

}

.services-menu{

flex-direction:row;

overflow-x:auto;

padding-bottom:15px;

gap:25px;

}

.service-item{

border-left:none;

border-bottom:3px solid transparent;

padding:10px 0;

white-space:nowrap;

}

.service-item.active{

border-bottom-color:#c8a86b;

padding-left:0;

}

}

@media(max-width:768px){

.services-slider{

padding:90px 0;

}

.section-heading{

margin-bottom:50px;

}

.section-heading h2{

font-size:2rem;

}

.service-image img{

height:320px;

}

.service-info h3{

font-size:2rem;

}

}