:root {
  --servicios-rounded : 15px;
}

body > main > .contenido-wrapper {
  display : none;
}

.header-soluciones {
  position                : relative;
  transform               : translateY(-100%);
  background-color        : #FFF;
  max-width               : 280px;
  padding                 : 16px 23px;
  border-top-left-radius  : 15px;
  border-top-right-radius : 15px;
  font-size               : .7em;
  margin                  : 0 auto;
  text-align              : center;
  top:1px;
}

.header-soluciones :is(.bisel-l,.bisel-r) {position : absolute;bottom : 0;}

.header-soluciones .bisel-l {left : 0;transform : translateX(-100%);}

.header-soluciones .bisel-r {right : 0;transform : translateX(100%);}

@media (min-width : 993px) {
  .header-soluciones {
    margin     : 0;
    max-width  : 480px;
    text-align : left;
  }
}

#negocio, #negocio2 {
  position         : absolute;
  background-color : #FFF;
  padding          : 1.5rem 1rem 1.5rem 1rem;
  font-size        : .7rem;
}

#negocio {
  border-top-right-radius    : var(--servicios-rounded);
  border-bottom-right-radius : var(--servicios-rounded);
  top                        : 20%;
  left                       : 0;
  padding-right              : 1.5rem;
  width                      : 95%;
}

#negocio2 {
  top                       : 50%;
  right                     : 0;
  border-top-left-radius    : var(--servicios-rounded);
  border-bottom-left-radius : var(--servicios-rounded);
  padding-left              : 2rem;
  text-align                : right;
  width                     : 70%;
}

@media (min-width : 768px) {
  #negocio, #negocio2 {
    font-size    : 1rem;
    width        : 70%;
    padding-left : 3rem;
  }
}

@media (min-width : 992px) {
  #negocio {
    width : 60%;
  }

  #negocio2 {
    width : 50%;
  }
}

@media (min-width : 1200px) {
  #negocio {
    left                      : 8.5%;
    border-top-left-radius    : var(--servicios-rounded);
    border-bottom-left-radius : var(--servicios-rounded);
    text-align                : center;
    padding-left              : 2rem;
    padding-right             : 2rem;
    box-shadow                : 0 0 8px #CCC;
  }

  #negocio2 {
    padding-left               : 2rem;
    padding-right              : 2rem;
    right                      : 8.5%;
    border-top-right-radius    : var(--servicios-rounded);
    border-bottom-right-radius : var(--servicios-rounded);
    text-align                 : center;
    box-shadow                 : 0 0 8px #CCC;
  }
}