/**
 * @file
 * GRanmat header class = "cid-rpRmsCyWoD" styling.
 */

.cid-rpRmsCyWoD {
    padding-top: 105px;
    padding-bottom: 105px;
    background-color: #ffffff;
}

.cid-rpRmsCyWoD .back {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 65%;
    height: 100%;
    background-image: url("imagen/inicio-banner.jpg"); background-size: cover; background-repeat: no-repeat;
    background-color: #002f7d;
}

.cid-rpRmsCyWoD img {
    width: 100%;
}

.cid-rpRmsCyWoD .pos-fas-play {
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cid-rpRmsCyWoD .icon-fas-play {
  width: 90px;
  height: 55px;
  border: 3px solid #fff;
  text-align: center;
  display: inline-flex;
  align-items: center;
  border-radius: 20%;
  background-color: #002f7d;
}
.cid-rpRmsCyWoD .btn-play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #ffffff;
  text-align: center;
  margin: 0 35px;
}
.cid-rpRmsCyWoD .icon-fas-play:hover {
  border-color: #002f7d;
  background-color: #002f7d;
}

.cid-rpRmsCyWoD p {
    margin-top: 6rem;
}

.cid-rpRmsCyWoD .content-wrapper {
    max-width: 750px;
    margin: auto;
    position: relative;
    padding: 0 2rem;
}

.cid-rpRmsCyWoD .content-wrapper {
    padding-top: 6rem;
}

.cid-rpRmsCyWoD h4 {
    position: absolute;
    transform: rotate(-270deg);
    transform-origin: bottom right;
    width: fit-content;
    padding: 0;
    margin: 0;
    right: 6rem;
    bottom: 0;
}

@media (max-width: 1200px) {
    .cid-rpRmsCyWoD .content-wrapper {
        padding-top: 0rem;
    }
    .cid-rpRmsCyWoD p {
        margin-top: 1rem;
    }
}

@media (max-width: 991px) {
    .cid-rpRmsCyWoD .back {
        width: 100%;
        height: 75%;
    }
    .cid-rpRmsCyWoD .content-wrapper {
        padding: 0 3rem;
        padding-top: 4rem;
    }
    .cid-rpRmsCyWoD p {
        margin-top: 1rem;
    }
}

@media (max-width: 767px) {
    .cid-rpRmsCyWoD .content-wrapper {
        padding: 0rem;
        padding-top: 4rem;
    }
    .cid-rpRmsCyWoD h4 {
        right: 2rem;
    }
}

.cid-rpRmsCyWoD H1 {
    color: #ffffff;
}

.cid-rpRmsCyWoD H2 {
    color: #ffffff;
}

.cid-rpRmsCyWoD .mbr-text,
.cid-rpRmsCyWoD .mbr-section-btn {
    color: #ffffff;
}

.cid-rpRmsCyWoD H4 {
    color: #ffffff;
}
