/* == @losdelvolcan - Mixins genéricos == */
.module--media-text {
  position: relative;
}

.module--media-text .inner {
  max-width: 1232px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 20px;
}

.module--media-text .inner .title {
  font-size: 2.5em;
  color: #00336E;
  display: block;
  font-weight: normal;
  line-height: 1.1em;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.module--media-text .inner .title:before {
  content: "";
  width: 100px;
  height: 7px;
  display: block;
  background-color: #FDCA00;
  margin-bottom: 14px;
}

.module--media-text .inner .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.module--media-text .inner .container.mode--reverse {
  flex-direction: row-reverse;
}

.module--media-text .inner .container .column {
  width: 50%;
}

.module--media-text .inner .container.mode--no-media .column {
  width: 100%;
}

.module--media-text .inner .container .column--media > img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.module--media-text .inner .container .column--media .video--container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.module--media-text .inner .container .column--media .video--container iframe,
.module--media-text .inner .container .column--media .video--container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Valores por defecto: los ajustes de Gutenberg (color, tamaño, alineación) los sobrescriben */
.module--media-text .column--text p,
.module--media-text .column--text li {
  font-size: 1em;
  color: #00336E;
  font-weight: normal;
  line-height: 1.5em;
}

.module--media-text .column--text p {
  margin-bottom: 20px;
}

.module--media-text .column--text > :last-child {
  margin-bottom: 0;
}

.module--media-text .column--text h2,
.module--media-text .column--text h3,
.module--media-text .column--text h4 {
  color: #00336E;
  margin-bottom: 15px;
}

@media screen and (max-width: 970px) {
  .module--media-text .inner .container,
  .module--media-text .inner .container.mode--reverse {
    flex-direction: column;
    align-items: stretch;
    gap: 30px;
  }
  .module--media-text .inner .container .column {
    width: 100%;
  }
}

@media screen and (max-width: 670px) {
  .module--media-text .inner .title {
    font-size: 1.8em;
  }
}