.container-service {
    background: rgb(148, 172, 178);
    background: linear-gradient(180deg, rgba(148, 172, 178, 25%) 0%, rgba(215, 223, 230, 0) 100%);

    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);

    border-radius: 0.5rem;
    border: 1px solid #94acb2;

    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 4;
    padding: 10px 12px;
    cursor: pointer;
    text-decoration: none;
}
.container-advantage{

    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.title-advantage {
    font-family: Poppins;
    font-weight: 600;
    font-size: clamp(24px, 5vw, 36px);
    margin-bottom: 0px;
    color: var(--blanco, #fff);
  }
.container-img-advantage{
    text-align: center;margin: 0px 50px;
    margin-top: 40px;
}
.space-advantage{
    height: 115px;width: 1px;background-color: #BEC0CD;  
    margin-top: 50px;
}
.subtitle-advantage{
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: var(--blanco, #fff);
    max-width: 95px;
}
.section-subtitle.advantage-text{
    max-width: 700px;margin: auto;
}
ul{
    padding: 0!important;
    margin: 0!important;
    list-style: none;
}

.container-service.active div{
    position: relative;
    z-index: 5;
    background-color:  var(--Primario-Black-900, #040F16) !important;
    border-radius: 6px;
}
.container-service.active {
    background-color:  var(--Primario-Green-500, #2FBC6C) !important;
}
.container-service.active h2{
    color: var(--Primario-Black-900, #040F16) !important;
}
.container-service img{
    max-width: 28px;
}

.container-service:hover div{
    position: relative;
    z-index: 5;
    background-color:  var(--Primario-Black-900, #040F16) !important;
    border-radius: 6px;
}
.container-service:hover {
    background-color:  var(--Primario-Green-500, #2FBC6C) !important;
}
.container-service:hover h2{
    color: var(--Primario-Black-900, #040F16) !important;
}

.title-service{
    font-family: Poppins;
    font-weight: 600;
    font-size: clamp(20px,5vw,32px);
    margin-bottom: 0px;
    color: var(--blanco, #fff);
}
aside{
    flex: 0 0 100%;
}

#section-content{
    flex: 0 0 100%;
}
.service-blur1 {
    position: absolute;
    content: '';
    width: 0px;
    height: 50px;
    -webkit-box-shadow: 0px 30px 250px 70px #2FBC6C;
    -moz-boxshadow: 0px 30px 250px 70px #2FBC6C;
    box-shadow: 0px 30px 250px 70px #2FBC6C;
    top: -100px;
    right: 400px;
    z-index: 2;
    transform: translateY(-50%);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}
.service-blur2 {
    position: absolute;
    content: '';
    width: 0px;
    height: 50px;
    -webkit-box-shadow: 0px 30px 250px 70px #2FBC6C;
    -moz-boxshadow: 0px 30px 250px 70px #2FBC6C;
    box-shadow: 0px 30px 250px 70px #2FBC6C;
    bottom: 100px;
    left: 200px;
    z-index: 2;
    transform: translateY(-50%);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}
.service-blur3{
    position: absolute;
    content: '';
    width: 0px;
    height: 50px;
    -webkit-box-shadow: 0px 30px 250px 70px #2FBC6C;
    -moz-boxshadow: 0px 30px 250px 70px #2FBC6C;
    box-shadow: 0px 30px 250px 70px #2FBC6C;
    top: 0px;
    right: 0px;
    z-index: 2;
    transform: translateY(-50%);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}
.container-img-article1{
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    width: max-content;
}
.container-img-article1 img{
    position: relative;
    z-index: 2;
}
.container-img-article1::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 0px;
    -webkit-box-shadow: 0px 60px 200px 100px #E4FFAB;
    -moz-boxshadow: 0px 60px 200px 100px #E4FFAB;
    box-shadow: 0px 60px 200px 100px #E4FFAB;
    top: 50%;
    left: 32%;
    z-index: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.container-advantage::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 0px;
    -webkit-box-shadow: 0px 30px 180px 50px #EFB94B;
    -moz-boxshadow: 0px 30px 180px 50px #EFB94B;
    box-shadow: 0px 30px 180px 50px #EFB94B;
    top: -70px;
    right: 20%;
    z-index: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.container-warning{
    padding: 14px 21px;
    border-radius: 1rem;
    border: 1px solid rgba(239, 185, 75, 1);
}

.container-custom-swiper-main{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.custom-swiper-main{

}

.container-slide-img{
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 400px;
}
.container-custom-swiper-miniatura{
    background:rgba(148, 172, 178, 25%)!important;
    padding: 1rem 68px;
    margin-top: 1rem;
    position: relative;
    border-radius: 4px;
}
.custom-swiper-miniatura{
    max-height: 80px;
    position: relative;
}



.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    border-radius: 50%;
    bottom: 0px;
    border: 2px solid #FFF;
    z-index: 9999;
    width: 40px!important;
    height: 40px!important;
}
.swiper-button-next , .swiper-button-prev { 
    color: #FFF!important;
    background-color: rgba(4, 15, 22, 0.5);
    border-radius: 50%;
}
.swiper-button-prev{
    right: auto!important;
    left: 14px!important;
}
.swiper-button-next{

    left: auto!important;
    right: 14px!important;
}
.swiper-button-prev::after {
    padding: 6px 4px!important;
    width: 20px!important;
    font-size: 14px!important;
    font-weight: 700!important;
  }
  
  .swiper-button-next::after {
    padding: 4px 8px!important;
    width: 20px!important;
    font-size: 14px!important;
    font-weight: 700!important;
    
  }

  .invierte-title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0px;
    color: var(--blanco, #fff);
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .invierte-number {
    font-family: Poppins;
    font-weight: 700;
    font-size: 44px;
    margin-bottom: 0px;
    color: #EFB94B;
  }
  .invierte-text{
    font-family: Poppins;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0px;
    color: var(--blanco, #fff);
  }

  .content_preview,.load_preview-active{
    padding: 8px 48px;
}
.container-registrar {
    border-bottom: 10px solid #279A59;
    background-color: #279A59;
    border-radius: 6px;
}

.container-img-article-inversion{
    position: absolute;
    left: -10px;
    bottom: -10px;
    width: 100%;
}

@media (min-width: 768px) {}


@media (min-width: 992px) {
    .container-invierte-body{
        padding: 39px 26px 39px 32px;
    }
    .container-invierte{
        background: rgb(148, 172, 178);
        background: linear-gradient(180deg, rgba(148, 172, 178, 25%) 0%, rgba(215, 223, 230, 0) 100%);
    
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
    
        border-radius: 1rem;
        border: 1px solid #94acb2;
    
        position: relative;
        z-index: 4;
        overflow: hidden;
    }
    .container-advantage{
        background: rgb(148, 172, 178);
        background: linear-gradient(180deg, rgba(148, 172, 178, 25%) 0%, rgba(215, 223, 230, 0) 100%);
    
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
    
        border-radius: 1rem;
        border: 1px solid #94acb2;
    }
    
    .container-service {
        padding: 12px 22px;
    }
    .container-service img{
        max-width: 36px;
    }
}

@media (min-width: 1200px) {
  
    aside{
        flex: 0 0 340px;
        max-width: 340px;
        margin-right: 70px;
    }
    
    #section-content{
        flex: 0 0 calc(100% - 410px);
        max-width: calc(100% - 410px);
        position: relative;
    }

}