/* FAQS HOTELES*/
.block-faqs-title {
  margin-top: 30px;
  margin-bottom: 15px;
  @media (max-width: $grid-float-breakpoint-max) {
    margin-top: 0;
  }
  @media (min-width: $grid-float-breakpoint) and (max-width: 1024px) {
    margin-top: 25px;
  }
}
.faqs-modules-group {
  border: 1px solid $colorBordes;
  border-radius: 4px;
  padding: 1px;
  @media (min-width: $grid-float-breakpoint) and (max-width: 1024px) {
    margin-bottom: 20px;
  }
  .faqs-module {
    .faqs-accordion {
      .collapse-group {
        border-bottom: 1px solid $colorBordes;
        background: $brand-white;
        .collapse-title {
          display: block;
          cursor: pointer;
          padding: 19px 50px 19px 15px;
          text-decoration: none;
          color: $brand-grey-dark;
          background: $brand-white;
          transition: background 0.3s;
          appearance: none;
          width: 100%;
          border: 0;
          text-align: left;
          line-height: 1;
          position: relative;
          &:before {
            content: '';
            display: inline-block;
            background-image: url('/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-ui-chevron-up-46403c.svg');
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 100% 100%;
            width:16px;
            height:16px;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
          }
          &.collapsed {
            border-bottom: 0;
            &:before {
              background-image: url('/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-ui-chevron-down-46403c.svg');
            }
          }
        }
        .collapse-text-box {
          padding: 0 50px 0 15px;
          overflow: hidden;
        }
        .collapse-text {
          font-size: $font-size-base;
          font-weight: $roboto-medium;
        }
        .faqs-text {
          margin: 0 0 20px;
        }
      }
      .collapse-title.collapsed{
        &:hover {
          background-color: $menu-hover-bg;
        }
        @media (max-width: $grid-float-breakpoint-max) {
          &:focus {
            background: $brand-white;
          }
        }
      }
      .collapse-group:last-child {
        border-bottom: 0;
      }
    }
  }
}