.grid-desplegables .acordeon{
    margin-bottom: 32px;
    max-width: 633px;
    transition: max-width linear 0.4s;
}
.grid-desplegables .acordeon.acordeon-activo{
    max-width: 100%;
    transition: max-width linear 0.3s;
}
.acordeon{
    width: 100%;
    overflow: hidden;
}
.acordeon-titulo{
    position: relative;
    padding-bottom: 15px;
}
.acordeon-titulo::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #589CBC 0%, #EE5B91 53.02%, #F5CA32 100%);
}
.grid-desplegables .acordeon-titulo{
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    padding-right: 40px;
}
.acordeon-descripcion{
    padding: 0 15px;
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.25s ease-out;
    opacity: 0;
}
.acordeon-titulo > p:last-child{
    margin-bottom: 0;
}
.acordeon-activo .acordeon-descripcion{
    padding: 15px;
    opacity: 1;
}
.acordeon .masmenos{
    position: absolute;
    top: 8px;
    right: 0;
    width: 16px;
    height: 16px;
}
.acordeon.acordeon-activo .masmenos:before{
  transform: translateY(-50%) rotate(-90deg);
  opacity: 0;
}
.acordeon.acordeon-activo .masmenos:after{
  transform: translateY(-50%) rotate(90deg);
}
.acordeon .masmenos:before, 
.acordeon .masmenos:after{
  content: "";
  display: block;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 0;
  transition: 0.35s;
  width: 2px;
  height: 16px;
}
.acordeon .masmenos:before{
  transform: translatey(-50%);
}
.acordeon .masmenos:after{
  transform: translatey(-50%) rotate(90deg);
}
.listado-ventajas{
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-gap: 60px 25px;
    list-style: none;
    padding-inline-start: 0;
    padding-top: 70px;
    padding-bottom: 60px;
}
.listado-ventajas .item-ventaja{
    display: flex;
    align-items: start;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
}
.listado-ventajas .item-ventaja img{
    max-width: 55px;
    margin-right: 33px;
}
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera{
    margin-top: 48px;
}
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera > a{
    display: inline-block;
}
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda{
    max-width: 636px;
    margin-top: 20px;
}
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda > p,
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda > h1,
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda > h2,
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda > h3,
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda > h4,
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda > h5,
.bloque-desplegable-ventajas .interior-desplegable-ventajas .botonera .leyenda > h6{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}
/* Pantallas pequeñas */
@media only screen and (max-width: 1270px) {
    .listado-ventajas {
        grid-template-columns: repeat(1, minmax(auto, 1fr));
        grid-gap: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .grid-desplegables .acordeon-titulo > p,
    .grid-desplegables .acordeon-titulo > h1,
    .grid-desplegables .acordeon-titulo > h2,
    .grid-desplegables .acordeon-titulo > h3,
    .grid-desplegables .acordeon-titulo > h4,
    .grid-desplegables .acordeon-titulo > h5,
    .grid-desplegables .acordeon-titulo > h6{
        font-weight: 600;
        font-size: 20px;
        line-height: 34px;
    }
    .listado-ventajas .item-ventaja .descripcion > p,
    .listado-ventajas .item-ventaja .descripcion > h1,
    .listado-ventajas .item-ventaja .descripcion > h2,
    .listado-ventajas .item-ventaja .descripcion > h3,
    .listado-ventajas .item-ventaja .descripcion > h4,
    .listado-ventajas .item-ventaja .descripcion > h5,
    .listado-ventajas .item-ventaja .descripcion > h6{
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
    }
    .grid-desplegables .acordeon{
        margin-bottom: 32px;
    }
    .grid-desplegables .acordeon-activo .acordeon-descripcion{
        max-height: 100% !important;
    }
}