.ipWidget-GenericBanner .banner {
  position: relative; }
  .ipWidget-GenericBanner .banner .desktop, .ipWidget-GenericBanner .banner .mobile, .ipWidget-GenericBanner .banner .tablet, .ipWidget-GenericBanner .banner .content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .ipWidget-GenericBanner .banner .content {
    z-index: 2;
    padding: 7% 60px; }
  .ipWidget-GenericBanner .banner .dtable {
    display: table;
    width: 100%;
    height: 100%; }
    .ipWidget-GenericBanner .banner .dtable .drow {
      display: table-row; }
      .ipWidget-GenericBanner .banner .dtable .drow .dcell {
        display: table-cell;
        vertical-align: middle; }
  .ipWidget-GenericBanner .banner .wrapper {
    width: 350px;
    margin: 0 auto;
    background: transparent !important; }
  .ipWidget-GenericBanner .banner a {
    text-decoration: none; }
  .ipWidget-GenericBanner .banner.team .title {
    font-family: "Archivo Black";
    font-size: 66px;
    padding-top: 135px; }
  .ipWidget-GenericBanner .banner.team .subtitle {
    font-size: 18px;
    font-weight: 600;
    margin-top: 60px; }
  .ipWidget-GenericBanner .banner.voy-a-ser .voy-a-ser {
    position: absolute;
    top: 50px;
    right: 30px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 21px; }
  .ipWidget-GenericBanner .banner.voy-a-ser .button-wrapper .icon {
    display: inline-block;
    vertical-align: text-top; }
  .ipWidget-GenericBanner .banner.voy-a-ser .title {
    font-size: 30px; }
  .ipWidget-GenericBanner .banner.voy-a-ser .subtitle {
    font-size: 14px; }
  .ipWidget-GenericBanner .banner.digital .link {
    float: left;
    margin-top: 20px; }
    .ipWidget-GenericBanner .banner.digital .link a {
      color: #39346b;
      font-size: 15px;
      text-decoration: none; }
  .ipWidget-GenericBanner .banner.l_aula_v1 .wrapper {
    padding-left: 310px;
    box-sizing: content-box; }
    .ipWidget-GenericBanner .banner.l_aula_v1 .wrapper .title {
      font-weight: 800;
      margin-top: 40px; }
    .ipWidget-GenericBanner .banner.l_aula_v1 .wrapper .subtitle {
      line-height: 35px; }
    .ipWidget-GenericBanner .banner.l_aula_v1 .wrapper .buttons {
      margin-top: 40px; }
  .ipWidget-GenericBanner .banner.l_aula_v2 .dcell {
    position: relative; }
  .ipWidget-GenericBanner .banner.l_aula_v2 .wrapper {
    top: 18px;
    margin: 0;
    position: absolute;
    left: 50%; }
    .ipWidget-GenericBanner .banner.l_aula_v2 .wrapper .subtitle {
      margin-top: 45px;
      margin-bottom: 100px;
      line-height: 40px; }
  .ipWidget-GenericBanner .banner .fullClick {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 3; }

@media only screen and (min-width: 1900px) {
  .ipWidget-GenericBanner .desktop {
    display: none; }
  .ipWidget-GenericBanner .extra-large {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; } }
@media only screen and (max-width: 764px) {
  .ipWidget-GenericBanner .banner .content {
    padding-left: 25px;
    padding-right: 25px; }
    .ipWidget-GenericBanner .banner .content .wrapper {
      padding-top: 30px;
      max-width: 100%; }
      .ipWidget-GenericBanner .banner .content .wrapper .title {
        line-height: 36px; }
  .ipWidget-GenericBanner .banner.l_aula_v1 .wrapper {
    padding-left: inherit; }
  .ipWidget-GenericBanner .banner.l_aula_v2 .dcell {
    position: inherit; }
  .ipWidget-GenericBanner .banner.l_aula_v2 .wrapper {
    top: inherit;
    margin: 0 auto;
    position: inherit;
    left: inherit; }
  .ipWidget-GenericBanner .educational-projects .item {
    margin-bottom: 10px; }
    .ipWidget-GenericBanner .educational-projects .item .text {
      font-size: 12px; }
  .ipWidget-GenericBanner.ipSkin-digital .link {
    display: none; }
  .ipWidget-GenericBanner.ipSkin-voy-a-ser .voy-a-ser {
    top: 30px; } }
@media only screen and (min-width: 764px) and (max-width: 1200px) {
  .ipWidget-GenericBanner .banner .content {
    max-width: 100%; }
    .ipWidget-GenericBanner .banner .content .wrapper {
      max-width: 100%;
      padding-top: 30px; }
      .ipWidget-GenericBanner .banner .content .wrapper .title {
        line-height: 30px; }
    .ipWidget-GenericBanner .banner .content .dtable .wrapper {
      max-width: 80%; }
  .ipWidget-GenericBanner .banner.l_aula_v1 .wrapper {
    padding-left: inherit; }
  .ipWidget-GenericBanner .banner.l_aula_v2 .dcell {
    position: inherit; }
  .ipWidget-GenericBanner .banner.l_aula_v2 .wrapper {
    top: inherit;
    margin: 0 auto;
    position: inherit;
    left: inherit; } }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .ipWidget-GenericBanner .banner .content {
    max-width: 100%; }
    .ipWidget-GenericBanner .banner .content .wrapper {
      max-width: 100%;
      padding-top: 30px; }
    .ipWidget-GenericBanner .banner .content .dtable .wrapper {
      max-width: 100%; } }

/*# sourceMappingURL=banner.css.map */