/* Sections */
section {
  position: relative;
}

.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  z-index: 0;
  background: rgba(0, 0, 0, 0.59);
  opacity: .5;
}
.bg-overlay[data-style="1"] {
  background: #fff;
}
.bg-overlay[data-style="2"] {
  background: #2250fc;
  opacity: .9;
}
.bg-overlay[data-style="3"] {
  background: linear-gradient(140deg, #7c1bd6 0%, #31049b 100%);
  opacity: .9;
}
.bg-overlay[data-style="4"] {
  background: linear-gradient(140deg, rgba(236, 0, 83, 0.979) 0%, rgba(231, 46, 0, 0.71) 100%);
  opacity: .9;
}
.bg-overlay[data-style="5"] {
  background: radial-gradient(circle at left top, #09c8e6 20%, #2250fc 38%, #5839e4 66%);
  opacity: .9;
}
.bg-overlay[data-style="6"] {
  background: radial-gradient(circle at left top, #FE68BB 38%, #4294FA 66%);
  opacity: .9;
}
.bg-overlay[data-style="7"] {
  background: radial-gradient(circle at right top, #c4d622 20%, #93d839 38%, #4294FA 66%);
  opacity: .9;
}
.bg-overlay[data-style="8"] {
  background: linear-gradient(180deg, #e02b20 0%, #720462 100%);
  opacity: .9;
}
.bg-overlay[data-style="9"] {
  background: radial-gradient(circle at center, #00a6c0 0%, #0c71c3 100%);
  opacity: .9;
}
.bg-overlay[data-style="10"] {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.99) 100%);
  opacity: 1;
}
.bg-overlay[data-style="11"] {
  background: linear-gradient(90deg, #0090f0 0%, #5d08e6 100%);
  opacity: .9;
}
.bg-overlay[data-style="12"] {
  background: linear-gradient(to bottom, #ba01ff 0, #ff0092 100%);
  opacity: .8;
}
.bg-overlay ~ .container,
.bg-overlay ~ .container-fluid {
  position: relative;
  z-index: 2;
}

.shape-divider {
  position: absolute;
  width: 100%;
  z-index: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  display: block;
}
.shape-divider svg {
  width: 101%;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translatex(-50%);
  bottom: -2px;
}
.shape-divider[data-position="bottom"] {
  bottom: -2px;
  top: auto;
}
.shape-divider[data-position="top"] {
  bottom: auto;
  top: -2px;
}
.shape-divider[data-flip-horizontal="true"] {
  transform: rotateY(180deg);
}
.shape-divider[data-flip-vertical="true"] {
  transform: rotateX(180deg);
}
.shape-divider[data-flip-horizontal="true"][data-flip-vertical="true"] {
  transform: rotateY(180deg) rotateX(180deg);
}



/*custom*/

.bloque-separador-top{
    bottom: auto;
    top: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}