/* Cabecera microsite Curso de verano: desktop + mobile */

.row--subheader {
  margin-top: 0;
}

.header-info.home-microsite .header-v2-sectionbar {
  margin-top: 0;
}

.header-v2-sectionbar__custom img {
  max-width: 380px;
}

.header-v2-sectionbar__custom a {
  padding: 0 16px;
}

.header-v2-sectionbar__custom+.header-v2-sectionbar__custom img {
  max-width: 440px;
  padding: 0 16px;
}

@media only screen and (max-width: 768px) {

  .header-info.home-microsite .header-v2-sectionbar__section,
  .header-info.microsite .header-v2-sectionbar__section {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    padding: 0;
    background: #000;
  }

  .header-info.home-microsite .sectionheader .htitle .customise,
  .header-info.microsite .sectionheader .htitle .customise {
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }

  .header-info.home-microsite .header-v2-sectionbar__custom:first-child,
  .header-info.microsite .header-v2-sectionbar__custom:first-child {
    justify-content: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    margin-left: 0;
  }

  .header-info.home-microsite .header-v2-sectionbar__custom:last-child,
  .header-info.microsite .header-v2-sectionbar__custom:last-child {
    justify-content: flex-start;
    padding: 4px 16px;
  }

  .header-v2-sectionbar__custom a img {
    max-width: 340px;
    min-width: 320px;
  }

  .header-v2-sectionbar__custom+.header-v2-sectionbar__custom img {
    max-width: 360px;
    min-width: 320px;
    padding: 0 0 0 4px;
  }
}