@charset "UTF-8";
/* Para utilizar las variables basta con reemplazar el atributo por el nombre de la variable en nuestro código ej: "color: $main_azul" */
/* al modificar el atributo de cualquier variable afectará a todos los selectores donde se utilizó */
@font-face {
  font-family: "Urbanist-Regular";
  font-style: woff2 woff;
  font-weight: normal;
  src: url("../fonts/urbanist/Urbanist-Regular.woff2") format("woff2"), url("../fonts/urbanist/Urbanist-Regular.woff") format("woff");
}
@font-face {
  font-family: "Urbanist-Medium";
  font-style: woff2 woff;
  font-weight: normal;
  src: url("../fonts/urbanist/Urbanist-Medium.woff2") format("woff2"), url("../fonts/urbanist/Urbanist-Medium.woff") format("woff");
}
@font-face {
  font-family: "Urbanist-SemiBold";
  font-style: woff2 woff;
  font-weight: normal;
  src: url("../fonts/urbanist/Urbanist-SemiBold.woff2") format("woff2"), url("../fonts/urbanist/Urbanist-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Urbanist-Bold";
  font-style: woff2 woff;
  font-weight: normal;
  src: url("../fonts/urbanist/Urbanist-Bold.woff2") format("woff2"), url("../fonts/urbanist/Urbanist-Bold.woff") format("woff");
}
@font-face {
  font-family: "Urbanist-ExtraBold";
  font-style: woff2 woff;
  font-weight: normal;
  src: url("../fonts/urbanist/Urbanist-ExtraBold.woff2") format("woff2"), url("../fonts/urbanist/Urbanist-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Urbanist-Black";
  font-style: woff2 woff;
  font-weight: normal;
  src: url("../fonts/urbanist/Urbanist-ExtraBold.woff2") format("woff2"), url("../fonts/urbanist/Urbanist-ExtraBold.woff") format("woff");
}
/* para utilizar los mixins llamarlos de la siguiente forma en el código sass: @include nombre_mixin */ /* para utilizar los mixins llamarlos de la siguiente forma en el código sass: @mixin nombre_mixin */
.CUERPO {
  border-color: #ccc;
}
.CUERPO.CUERPO, .CUERPO p {
  font-size: 21px;
  line-height: 170%;
  margin-bottom: 40px;
  color: #1A1A1A;
  font-family: "Urbanist-Regular", sans-serif;
}
@media (max-width: 426px) {
  .CUERPO.CUERPO, .CUERPO p {
    font-size: 20px;
    line-height: 176.5%;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO.CUERPO, .CUERPO p {
    font-size: 20px;
    line-height: 176.5%;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .CUERPO.CUERPO, .CUERPO p {
    font-size: 16px;
  }
}
@media (min-width: 991px) and (max-width: 1277px) {
  .CUERPO.CUERPO, .CUERPO p {
    font-size: 18px;
  }
}
.CUERPO a {
  font-family: "Urbanist-Regular", sans-serif;
  color: #34847F;
  text-decoration: underline;
}
.CUERPO a:hover {
  color: #000000;
  transition: 0.2s all ease;
}
.CUERPO strong {
  font-family: "Urbanist-Bold", sans-serif;
}
.CUERPO i {
  font-family: "Urbanist-Regular", sans-serif;
  font-style: italic;
}
.CUERPO figure {
  display: table;
  margin: 0 20px 20px;
  font-size: smaller;
  color: #666666;
  font-style: italic;
  text-align: center;
}
.CUERPO figure figcaption {
  display: table-caption;
  caption-side: bottom;
}
.CUERPO img.responsive-img {
  max-width: 100%;
  height: auto !important;
}
.CUERPO img.no-responsive-img {
  width: auto !important;
}
@media (max-width: 426px) {
  .CUERPO img.no-responsive-img {
    max-width: 100%;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO img.no-responsive-img {
    max-width: 100%;
  }
}
.CUERPO iframe {
  width: 100%;
}
.CUERPO h1, .CUERPO h2, .CUERPO h3, .CUERPO h4, .CUERPO h5, .CUERPO h6 {
  color: #666666;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Urbanist-Bold", sans-serif;
}
.CUERPO h1 {
  font-size: 40px;
}
@media (max-width: 426px) {
  .CUERPO h1 {
    font-size: 19px;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO h1 {
    font-size: 19px;
  }
}
.CUERPO h2 {
  font-size: 30px;
}
@media (max-width: 426px) {
  .CUERPO h2 {
    font-size: 19px;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO h2 {
    font-size: 19px;
  }
}
.CUERPO h3 {
  font-size: 25px;
}
@media (max-width: 426px) {
  .CUERPO h3 {
    font-size: 16px;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO h3 {
    font-size: 16px;
  }
}
.CUERPO h4 {
  font-size: 20px;
}
@media (max-width: 426px) {
  .CUERPO h4 {
    font-size: 14px;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO h4 {
    font-size: 14px;
  }
}
.CUERPO h5 {
  font-size: 18px;
}
@media (max-width: 426px) {
  .CUERPO h5 {
    font-size: 14px;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO h5 {
    font-size: 14px;
  }
}
.CUERPO h6 {
  font-size: 16px;
}
@media (max-width: 426px) {
  .CUERPO h6 {
    font-size: 12px;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO h6 {
    font-size: 12px;
  }
}
.CUERPO address {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  font-style: italic;
}
.CUERPO pre {
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  text-align: justify;
  text-indent: 10px;
}
.CUERPO blockquote {
  border-left: 0 solid #213F99;
  color: #828282;
  font-family: "Urbanist-Regular", sans-serif;
  font-style: italic;
  font-size: 30px;
  line-height: 150%;
  margin: 40px 0;
}
@media (max-width: 426px) {
  .CUERPO blockquote {
    font-size: 30px;
    line-height: 150%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO blockquote {
    font-size: 30px;
    line-height: 150%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.CUERPO ul {
  margin-left: 30px;
  list-style: disc;
  display: block !important;
  line-height: 2;
  padding-left: 0 !important;
}
.CUERPO ul li {
  margin-bottom: 20px;
}
.CUERPO ol {
  margin-left: 30px;
  list-style-type: decimal;
  line-height: 2;
}
.CUERPO ol li {
  margin-bottom: 20px;
}
.CUERPO table, .CUERPO table tr, .CUERPO table td {
  border-collapse: collapse;
  text-align: left;
  vertical-align: middle;
}
.CUERPO table th {
  padding: 10px;
}
.CUERPO .CUERPO table tr {
  padding: 10px;
}
.CUERPO .CUERPO table td {
  padding: 10px;
}
.CUERPO .table-responsive {
  margin: 0 0 20px;
  overflow: auto;
  width: 100%;
}
@media (min-width: 426px) and (max-width: 767px) {
  .CUERPO .table-responsive .table-responsive {
    padding: 20px 0;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .CUERPO .table-responsive .table-responsive {
    padding: 20px 0;
  }
}
@media (min-width: 991px) and (max-width: 1277px) {
  .CUERPO .table-responsive .table-responsive {
    padding: 20px 0;
  }
}

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