@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

body {
  background-color: #a2cbdb; }

h1 {
  font-family: "Metrophobic", sans-serif; }

h2, h3, h4, h5, h6 {
  font-family: "Cairo", sans-serif; }

p, a, li, td {
  font-family: "Telex", sans-serif; }

a {
  text-decoration: none; }

.nav {
  background-color: #293241;
  height: 80px;
  color: white; }

.nav__container {
  display: flex;
  height: 100%;
  width: 90%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }

.nav__logo__div {
  display: flex;
  flex-direction: row;
  align-items: center; }

.nav__img__logo {
  width: 10rem;
  margin-top: 1.7rem; }

.nav__logo {
  font-size: 1.5em;
  font-weight: 900; }

.nav__menu {
  display: grid;
  grid-auto-flow: column;
  gap: 3em; }

.nav__item {
  color: white;
  text-decoration: none;
  --clippy: polygon(0 1%, 0 0, 0 100%, 0 100%); }

.nav__item:after {
  content: "";
  display: block;
  background: white;
  width: 90%;
  margin-top: 3px;
  height: 3px;
  clip-path: var(--clippy);
  transition: clip-path .5s; }

.nav__item:hover {
  --clippy: polygon(0 1%, 100% 0, 100% 100%, 0 100%); }

.nav__input:checked + .nav__menu {
  background: #083892; }

.nav__label, .nav__input {
  display: none; }

.header {
  background-color: #083892;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .header .contenedor__h1 {
    background-color: #a2cbdb88;
    align-self: center;
    height: 20vh;
    display: flex;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px; }
  .header .header__titulo {
    font-size: 3rem;
    align-self: center;
    align-self: center;
    padding: 0 2rem; }
  .header .header__fondo {
    background-image: url(../media/boysLearning-min.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    height: 90vh;
    display: flex; }

.footer {
  background-color: #121212;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .footer .footer__contacto {
    display: flex;
    flex-direction: column;
    margin: 3rem 0 0 3rem;
    color: white; }
    .footer .footer__contacto .footer__contacto--titulo {
      margin: 0 0 20px 0;
      font-size: 1.5rem;
      color: #083892; }
    .footer .footer__contacto .footer__contacto--lista {
      list-style-type: none; }
    .footer .footer__contacto .footer__contacto--li {
      margin: 15px 0 0 0; }
    .footer .footer__contacto .footer__contacto--enlace {
      text-decoration: none;
      color: white; }
  .footer .footer__redes {
    display: flex;
    flex-direction: column;
    margin: 50px 50px 0 0;
    align-items: center;
    color: white; }
    .footer .footer__redes .footer__redes--parrafo {
      margin: 3rem 0 3rem 0; }
    .footer .footer__redes .footer__redes--logos {
      display: flex;
      flex-direction: row; }
    .footer .footer__redes .footer__redes--enlace {
      color: white;
      text-decoration: none; }
      .footer .footer__redes .footer__redes--enlace .fa-facebook-square {
        font-size: 40px;
        color: #3b5998;
        margin-right: 30px; }
      .footer .footer__redes .footer__redes--enlace .fa-instagram {
        font-size: 40px;
        color: #E1306C;
        margin-right: 30px; }
      .footer .footer__redes .footer__redes--enlace .fa-twitter {
        font-size: 40px;
        color: #00acee;
        margin-right: 30px; }
      .footer .footer__redes .footer__redes--enlace .fa-linkedin-in {
        font-size: 40px;
        color: #2867B2;
        margin-right: 30px; }
  .footer .footer__logo {
    display: flex;
    flex-direction: column;
    align-self: center; }
  .footer .footer__logo--img {
    width: 300px;
    height: 300px; }

@media (max-width: 320px) {
  .header {
    background-color: #083892;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .header .contenedor__h1 {
      background-color: #a2cbdb88;
      align-self: center;
      height: 20vh;
      display: flex;
      width: 90vw;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem; }
    .header .header__titulo {
      font-size: 3rem;
      padding-left: .5rem; }
    .header .header__fondo {
      background-image: url(../media/boysLearning-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center;
      height: 85vh;
      display: flex; }

  .footer {
    background-color: #121212;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .footer .footer__contacto {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem 0 0 0;
      color: white; }
      .footer .footer__contacto .footer__contacto--titulo {
        margin: 0;
        font-size: 2.8rem;
        color: #083892; }
      .footer .footer__contacto .footer__contacto--lista {
        list-style-type: none; }
      .footer .footer__contacto .footer__contacto--li {
        margin: 15px 0 0 0;
        font-size: 1.5rem; }
      .footer .footer__contacto .footer__contacto--enlace {
        text-decoration: none;
        color: white; }
    .footer .footer__redes {
      display: flex;
      flex-direction: column;
      margin: .5rem 0 3rem 0;
      align-items: center;
      color: white; }
      .footer .footer__redes .footer__redes--parrafo {
        padding: 2rem;
        margin: 0;
        font-size: 1.8rem;
        text-align: center; }
      .footer .footer__redes .footer__redes--logos {
        display: flex;
        flex-direction: row;
        margin-left: 2.5rem; }
      .footer .footer__redes .footer__redes--enlace {
        color: white;
        text-decoration: none; }
        .footer .footer__redes .footer__redes--enlace .fa-facebook-square {
          font-size: 4rem;
          color: #3b5998;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-instagram {
          font-size: 4rem;
          color: #E1306C;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-twitter {
          font-size: 4rem;
          color: #00acee;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-linkedin-in {
          font-size: 4rem;
          color: #2867B2;
          margin-right: 30px; }
    .footer .footer__logo {
      display: flex;
      align-self: center; }
    .footer .footer__logo--img {
      width: 300px;
      height: 300px; }

  .nav {
    background-color: #293241;
    height: 80px;
    color: white;
    width: 100vw; }

  .nav__logo {
    font-size: 2rem;
    font-weight: 900; }

  .nav__label {
    display: block;
    cursor: pointer; }

  .nav__item {
    font-size: 1.5rem; }

  .nav__menu {
    position: fixed;
    top: 80px;
    bottom: 0;
    background: #083892;
    width: 100vw;
    left: 0;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    clip-path: circle(0 at center);
    transition: clip-path 1s ease-in-out;
    margin: 0; }

  .nav__input:checked + .nav__menu {
    clip-path: circle(90% at center); } }
@media (min-width: 321px) and (max-width: 480px) {
  .header {
    background-color: #083892;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .header .contenedor__h1 {
      background-color: #a2cbdb88;
      align-self: center;
      height: 20vh;
      display: flex;
      width: 90vw;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem; }
    .header .header__titulo {
      font-size: 3.5rem;
      padding-left: .5rem; }
    .header .header__fondo {
      background-image: url(../media/boysLearning-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center;
      height: 85vh;
      width: 100vw;
      display: flex; }

  .footer {
    background-color: #121212;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .footer .footer__contacto {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem 0 0 0;
      color: white; }
      .footer .footer__contacto .footer__contacto--titulo {
        margin: 0;
        font-size: 4rem;
        color: #083892; }
      .footer .footer__contacto .footer__contacto--lista {
        list-style-type: none; }
      .footer .footer__contacto .footer__contacto--li {
        margin: 15px 0 0 0;
        font-size: 1.9rem; }
      .footer .footer__contacto .footer__contacto--enlace {
        text-decoration: none;
        color: white; }
    .footer .footer__redes {
      display: flex;
      flex-direction: column;
      margin: .5rem 0 3rem 0;
      align-items: center;
      color: white; }
      .footer .footer__redes .footer__redes--parrafo {
        padding: 2rem;
        margin: 0;
        font-size: 2rem;
        text-align: center; }
      .footer .footer__redes .footer__redes--logos {
        display: flex;
        flex-direction: row;
        margin-left: 2.5rem; }
      .footer .footer__redes .footer__redes--enlace {
        color: white;
        text-decoration: none; }
        .footer .footer__redes .footer__redes--enlace .fa-facebook-square {
          font-size: 4.5rem;
          color: #3b5998;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-instagram {
          font-size: 4.5rem;
          color: #E1306C;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-twitter {
          font-size: 4.5rem;
          color: #00acee;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-linkedin-in {
          font-size: 4.5rem;
          color: #2867B2;
          margin-right: 30px; }
    .footer .footer__logo {
      display: flex;
      align-self: center; }
    .footer .footer__logo--img {
      width: 350px;
      height: 350px; }

  .nav {
    background-color: #293241;
    height: 80px;
    color: white;
    width: 100vw; }

  .nav__logo {
    font-size: 2.5rem;
    font-weight: 900; }

  .nav__img {
    width: 5.5rem; }

  .nav__label {
    display: block;
    cursor: pointer; }

  .nav__item {
    font-size: 2rem; }

  .nav__item:after {
    content: "";
    display: block;
    background: white;
    width: 90%;
    margin-top: 3px;
    height: 3px;
    clip-path: var(--clippy);
    transition: clip-path .5s; }

  .nav__item:hover {
    --clippy: polygon(0 1%, 100% 0, 100% 100%, 0 100%); }

  .nav__menu {
    position: fixed;
    top: 80px;
    bottom: 0;
    background: #083892;
    width: 100vw;
    left: 0;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    clip-path: circle(0 at center);
    transition: clip-path 1s ease-in-out;
    margin: 0;
    height: 90vh; }

  .nav__input:checked + .nav__menu {
    clip-path: circle(90% at center); } }
@media (min-width: 481px) and (max-width: 600px) {
  .header {
    background-color: #083892;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .header .contenedor__h1 {
      background-color: #a2cbdb88;
      align-self: center;
      height: 20vh;
      display: flex;
      width: 90vw;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem; }
    .header .header__titulo {
      font-size: 4.5rem;
      padding-left: .5rem; }
    .header .header__fondo {
      background-image: url(../media/boysLearning-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center;
      height: 85vh;
      display: flex; }

  .footer {
    background-color: #121212;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .footer .footer__contacto {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem 0 0 0;
      color: white; }
      .footer .footer__contacto .footer__contacto--titulo {
        margin: 0;
        font-size: 4.5rem;
        color: #083892; }
      .footer .footer__contacto .footer__contacto--lista {
        list-style-type: none; }
      .footer .footer__contacto .footer__contacto--li {
        margin: 15px 0 0 0;
        font-size: 2.2rem; }
      .footer .footer__contacto .footer__contacto--enlace {
        text-decoration: none;
        color: white; }
    .footer .footer__redes {
      display: flex;
      flex-direction: column;
      margin: .5rem 0 3rem 0;
      align-items: center;
      color: white; }
      .footer .footer__redes .footer__redes--parrafo {
        padding: 2rem;
        margin: 0;
        font-size: 2.5rem;
        text-align: center; }
      .footer .footer__redes .footer__redes--logos {
        display: flex;
        flex-direction: row;
        margin-left: 2.5rem; }
      .footer .footer__redes .footer__redes--enlace {
        color: white;
        text-decoration: none; }
        .footer .footer__redes .footer__redes--enlace .fa-facebook-square {
          font-size: 5.5rem;
          color: #3b5998;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-instagram {
          font-size: 5.5rem;
          color: #E1306C;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-twitter {
          font-size: 5.5rem;
          color: #00acee;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-linkedin-in {
          font-size: 5.5rem;
          color: #2867B2;
          margin-right: 30px; }
    .footer .footer__logo {
      display: flex;
      align-self: center; }
    .footer .footer__logo--img {
      width: 450px;
      height: 450px; }

  .nav {
    background-color: #293241;
    height: 100px;
    color: white;
    width: 100vw; }

  .nav__logo {
    font-size: 3rem;
    font-weight: 900; }

  .nav__img {
    width: 6.5rem; }

  .nav__label {
    display: block;
    cursor: pointer; }

  .nav__item {
    font-size: 1.5rem; }

  .nav__menu {
    position: fixed;
    top: 100px;
    bottom: 0;
    background: #083892;
    width: 100vw;
    left: 0;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    clip-path: circle(0 at center);
    transition: clip-path 1s ease-in-out;
    margin: 0; }

  .nav__input:checked + .nav__menu {
    clip-path: circle(90% at center); } }
@media (min-width: 601px) and (max-width: 768px) {
  .header {
    background-color: #083892;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .header .contenedor__h1 {
      background-color: #a2cbdb88;
      align-self: center;
      height: 20vh;
      display: flex;
      width: 90vw;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem; }
    .header .header__titulo {
      font-size: 3.5rem;
      padding-left: .5rem; }
    .header .header__fondo {
      background-image: url(../media/boysLearning-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center;
      height: 90vh;
      display: flex; }

  .footer {
    background-color: #121212;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .footer .footer__contacto {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem 0 0 0;
      color: white; }
      .footer .footer__contacto .footer__contacto--titulo {
        margin: 0;
        font-size: 3.8rem;
        color: #083892; }
      .footer .footer__contacto .footer__contacto--lista {
        list-style-type: none; }
      .footer .footer__contacto .footer__contacto--li {
        margin: 15px 0 0 0;
        font-size: 1.8rem;
        line-height: 2; }
      .footer .footer__contacto .footer__contacto--enlace {
        text-decoration: none;
        color: white; }
    .footer .footer__redes {
      display: flex;
      flex-direction: column;
      margin: .5rem 0 3rem 0;
      align-items: center;
      color: white; }
      .footer .footer__redes .footer__redes--parrafo {
        padding: 2rem;
        margin: 0;
        font-size: 2rem;
        text-align: center; }
      .footer .footer__redes .footer__redes--logos {
        display: flex;
        flex-direction: row;
        margin-left: 2.5rem; }
      .footer .footer__redes .footer__redes--enlace {
        color: white;
        text-decoration: none; }
        .footer .footer__redes .footer__redes--enlace .fa-facebook-square {
          font-size: 4rem;
          color: #3b5998;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-instagram {
          font-size: 4rem;
          color: #E1306C;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-twitter {
          font-size: 4rem;
          color: #00acee;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-linkedin-in {
          font-size: 4rem;
          color: #2867B2;
          margin-right: 30px; }
    .footer .footer__logo {
      display: flex;
      align-self: center; }
    .footer .footer__logo--img {
      width: 450px;
      height: 450px; }

  .nav {
    background-color: #293241;
    height: 125px;
    color: white;
    width: 100vw; }

  .nav__logo {
    font-size: 2.5rem;
    font-weight: 900; }

  .nav__img {
    width: 5.5rem; }

  .nav__label {
    display: block;
    cursor: pointer; }

  .nav__item {
    font-size: 1.5rem; }

  .nav__menu {
    position: fixed;
    top: 125px;
    bottom: 0;
    background: #083892;
    width: 100vw;
    left: 0;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    clip-path: circle(0 at center);
    transition: clip-path 1s ease-in-out;
    margin: 0; }

  .nav__input:checked + .nav__menu {
    clip-path: circle(90% at center); } }
@media (min-width: 769px) and (max-width: 1024px) {
  .header {
    background-color: #083892;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .header .contenedor__h1 {
      background-color: #a2cbdb88;
      align-self: center;
      height: 20vh;
      display: flex;
      width: 90vw;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem; }
    .header .header__titulo {
      font-size: 3.5rem;
      padding-left: .5rem; }
    .header .header__fondo {
      background-image: url(../media/boysLearning-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center;
      height: 90vh;
      display: flex; }

  .footer {
    background-color: #121212;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .footer .footer__contacto {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem 0 0 0;
      color: white; }
      .footer .footer__contacto .footer__contacto--titulo {
        margin: 0;
        font-size: 4.5rem;
        color: #083892; }
      .footer .footer__contacto .footer__contacto--lista {
        list-style-type: none; }
      .footer .footer__contacto .footer__contacto--li {
        margin: 15px 0 0 0;
        font-size: 2.2rem;
        line-height: 2; }
      .footer .footer__contacto .footer__contacto--enlace {
        text-decoration: none;
        color: white; }
    .footer .footer__redes {
      display: flex;
      flex-direction: column;
      margin: .5rem 0 3rem 0;
      align-items: center;
      color: white; }
      .footer .footer__redes .footer__redes--parrafo {
        padding: 2rem;
        margin: 0;
        font-size: 2.5rem;
        text-align: center; }
      .footer .footer__redes .footer__redes--logos {
        display: flex;
        flex-direction: row;
        margin-left: 2.5rem; }
      .footer .footer__redes .footer__redes--enlace {
        color: white;
        text-decoration: none; }
        .footer .footer__redes .footer__redes--enlace .fa-facebook-square {
          font-size: 5.5rem;
          color: #3b5998;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-instagram {
          font-size: 5.5rem;
          color: #E1306C;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-twitter {
          font-size: 5.5rem;
          color: #00acee;
          margin-right: 30px; }
        .footer .footer__redes .footer__redes--enlace .fa-linkedin-in {
          font-size: 5.5rem;
          color: #2867B2;
          margin-right: 30px; }
    .footer .footer__logo {
      display: flex;
      align-self: center; }
    .footer .footer__logo--img {
      width: 650px;
      height: 650px; }

  .nav {
    background-color: #293241;
    height: 130px;
    color: white;
    width: 100vw; }

  .nav__logo {
    font-size: 3rem;
    font-weight: 900; }

  .nav__img {
    width: 6.5rem; }

  .nav__label {
    display: block;
    cursor: pointer; }

  .nav__item {
    font-size: 1.5rem; }

  .nav__menu {
    position: fixed;
    top: 130px;
    bottom: 0;
    background: #083892;
    width: 100vw;
    left: 0;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    clip-path: circle(0 at center);
    transition: clip-path 1s ease-in-out;
    margin: 0; }

  .nav__input:checked + .nav__menu {
    clip-path: circle(90% at center); } }
.main__index {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 4rem 0 0 0;
  text-align: left; }
  .main__index .main__index__div {
    width: 800px; }
    .main__index .main__index__div .main__index__titulo {
      text-align: left;
      font-size: 2.5rem;
      color: #073486; }
    .main__index .main__index__div .main__index__parrafo {
      text-align: left;
      margin: 2rem 0 0 0;
      line-height: 2;
      font-size: 1.2rem; }
  .main__index .main__index__img {
    width: 400px;
    height: 500px;
    border-radius: 10px;
    align-self: center; }

.section__index {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .section__index .section__index__div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .section__index .section__index__div .section__index__article2 {
      background-color: #0C5CED;
      margin: 50px 0 50px 0;
      text-align: center;
      width: 50%; }
      .section__index .section__index__div .section__index__article2 .section__index__article2--titulo {
        font-size: 2.5rem;
        margin: 1rem 2rem; }
      .section__index .section__index__div .section__index__article2 .section__index__article2--img {
        width: 300px;
        margin: 30px 0; }
      .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo {
        line-height: 2;
        margin: 1rem 2rem;
        text-align: left;
        font-size: 1.2rem; }
      .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 {
        line-height: 2;
        margin: 1rem 2rem;
        text-align: center;
        font-size: 1.2rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 .section__index__article2--enlace {
          color: black;
          font-weight: 600; }
    .section__index .section__index__div .section__index__article3 {
      background-color: #121212;
      color: white;
      margin: 50px 0 50px 0;
      padding: 0 0 30px 0;
      text-align: center;
      width: 50%; }
      .section__index .section__index__div .section__index__article3 .section__index__article3--titulo {
        font-size: 4rem;
        margin: 10px 0 15px 0;
        color: #0C5CED; }
      .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo {
        text-align: left;
        line-height: 2;
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        width: 600px; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo .section__index__article3--enlace {
          color: #0C5CED; }
      .section__index .section__index__div .section__index__article3 .section__index__article3--img {
        width: 300px;
        border-radius: 10px;
        margin: 0 0 0 10px; }
  .section__index .section__index__div2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    .section__index .section__index__div2 .section__index__article4 {
      width: 300px;
      text-align: center;
      border-radius: 15px;
      height: 250px;
      margin: 4rem 0;
      padding: 1rem;
      box-shadow: 0px 0px 15px 2px #3f3f3f;
      height: 20rem;
      padding-bottom: 2rem; }
      .section__index .section__index__div2 .section__index__article4:hover {
        background-color: #121212;
        color: white;
        transform: scale(1.2);
        transition: .5s; }
      .section__index .section__index__div2 .section__index__article4 .section__index__article4--parrafo {
        margin: 10px 0 0 0;
        line-height: 2;
        font-size: 1.2rem; }
      .section__index .section__index__div2 .section__index__article4 .section__index__article4--titulo {
        font-size: 2.5rem; }
      .section__index .section__index__div2 .section__index__article4 .fa-assistive-listening-systems {
        font-size: 40px;
        margin: 0 0 2rem 0; }
    .section__index .section__index__div2 .section__index__article5 {
      width: 300px;
      text-align: center;
      border-radius: 15px;
      height: 250px;
      margin: 4rem 0;
      padding: 1rem;
      box-shadow: 0px 0px 15px 2px #3f3f3f;
      margin: 4rem 4rem;
      height: 20rem;
      padding-bottom: 2rem; }
      .section__index .section__index__div2 .section__index__article5:hover {
        background-color: #121212;
        color: white;
        transform: scale(1.2);
        transition: .5s; }
      .section__index .section__index__div2 .section__index__article5 .fa-map-marked-alt {
        font-size: 40px;
        margin: 0 0 2rem 0; }
      .section__index .section__index__div2 .section__index__article5 .section__index__article5--titulo {
        font-size: 2.5rem; }
      .section__index .section__index__div2 .section__index__article5 .section__index__article5--parrafo {
        font-size: 1.2rem;
        line-height: 1.5; }
      .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista {
        text-align: left;
        margin: 20px 0 0 2rem; }
      .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista--li {
        margin: 5px 0 0 0;
        font-size: 1.2rem; }
    .section__index .section__index__div2 .section__index__article6 {
      width: 300px;
      text-align: center;
      border-radius: 15px;
      height: 250px;
      margin: 4rem 0;
      padding: 1rem;
      box-shadow: 0px 0px 15px 2px #3f3f3f;
      height: 20rem;
      padding-bottom: 2rem; }
      .section__index .section__index__div2 .section__index__article6:hover {
        background-color: #121212;
        color: white;
        transform: scale(1.2);
        transition: .5s; }
      .section__index .section__index__div2 .section__index__article6 .section__index__article6--titulo {
        font-size: 2.5rem; }
      .section__index .section__index__div2 .section__index__article6 .fa-handshake {
        font-size: 40px;
        margin: 0 0 2rem 0; }
      .section__index .section__index__div2 .section__index__article6 .section__index__article6--lista {
        text-align: left;
        font-size: 1.2rem;
        margin: 20px 0 0 2rem; }
  .section__index .section__index__article7 {
    background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
    background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
    color: #0a46b6;
    height: 70vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 4rem 0 0 0; }
    .section__index .section__index__article7 .section__index__article7--div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo {
        font-size: 3rem;
        margin: 0 0 80px 0; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo:hover {
          color: white;
          font-size: 3.2rem;
          transition: 1s; }
      .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace {
        font-size: 2.5rem;
        color: #0a46b6; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace:hover {
          color: white;
          font-size: 3rem;
          transition: 1s; }
    .section__index .section__index__article7 .section__index__article7--svg {
      height: 65vh; }

@media (max-width: 320px) {
  .main__index {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 2rem 0 0 0;
    text-align: left; }
    .main__index .main__index__div {
      width: 100vw; }
      .main__index .main__index__div .main__index__titulo {
        text-align: left;
        font-size: 3rem;
        color: #073486;
        margin-left: 1rem; }
      .main__index .main__index__div .main__index__parrafo {
        margin: 1rem 1rem 2rem 1rem;
        line-height: 1.5;
        text-align: left;
        padding: 0 2rem 0 1rem;
        font-size: 1.7rem; }
    .main__index .main__index__img {
      width: 200px;
      height: 300px;
      border-radius: 10px;
      margin-top: 3rem;
      align-self: center; }

  .section__index {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .section__index .section__index__div {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; }
      .section__index .section__index__div .section__index__article2 {
        background: -webkit-linear-gradient(to left, #0C9EF7, #0C5CED);
        background: linear-gradient(to left, #0C9EF7, #0C5CED);
        margin: 50px 0 0 0;
        text-align: center;
        width: 100vw;
        padding-bottom: 3rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--titulo {
          font-size: 3rem;
          margin: 10px 0 25px 0;
          padding: 0 2rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--img {
          width: 300px;
          margin: 30px 0; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
          .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo .section__index__article2--enlace, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 .section__index__article2--enlace {
            color: black; }
      .section__index .section__index__div .section__index__article3 {
        background-color: #121212;
        color: white;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
        width: 100vw; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--titulo {
          font-size: 4rem;
          margin: 10px 0 15px 0;
          color: #0C5CED; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left;
          width: 90%; }
          .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo .section__index__article3--enlace {
            font-weight: 600;
            color: white; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--img {
          width: 200px;
          border-radius: 10px;
          margin: 3rem 0 0 0; }
    .section__index .section__index__div2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .section__index .section__index__div2 .section__index__article4 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        height: 250px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article4:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.4rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--titulo {
          font-size: 25px; }
        .section__index .section__index__div2 .section__index__article4 .fa-assistive-listening-systems {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
      .section__index .section__index__div2 .section__index__article5 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        height: 250px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article5:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article5 .fa-map-marked-alt {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--titulo {
          font-size: 25px; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.4rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista {
          text-align: left;
          margin: 20px 0 0 2rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista--li {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.4rem;
          text-align: left; }
      .section__index .section__index__div2 .section__index__article6 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        height: 250px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article6:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--titulo {
          font-size: 25px; }
        .section__index .section__index__div2 .section__index__article6 .fa-handshake {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--lista {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.4rem;
          text-align: left; }
    .section__index .section__index__article7 {
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      color: #0a46b6;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin: 4rem 0 0 0; }
      .section__index .section__index__article7 .section__index__article7--div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo {
          font-size: 3rem;
          margin: 0 0 2rem 0;
          text-align: center;
          padding: 1rem 2rem; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo:hover {
            color: white;
            transition: 1s; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace {
          font-size: 3rem;
          color: #0a46b6;
          border-bottom: 1px solid white; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace:hover {
            color: white;
            transition: 1s; }
      .section__index .section__index__article7 .section__index__article7--svg {
        height: 65vh;
        margin: 2rem 2rem 2rem 0; } }
@media (min-width: 321px) and (max-width: 480px) {
  .main__index {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 2rem 0 0 0;
    text-align: left; }
    .main__index .main__index__div {
      width: 100vw; }
      .main__index .main__index__div .main__index__titulo {
        text-align: left;
        font-size: 3.5rem;
        color: #073486;
        margin-left: 1rem; }
      .main__index .main__index__div .main__index__parrafo {
        margin: 1rem 1rem 2rem 1rem;
        line-height: 1.5;
        text-align: left;
        padding: 0 2rem 0 1rem;
        font-size: 1.9rem; }
    .main__index .main__index__img {
      width: 300px;
      height: 400px;
      border-radius: 10px;
      margin-top: 3rem;
      align-self: center; }

  .section__index {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .section__index .section__index__div {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; }
      .section__index .section__index__div .section__index__article2 {
        background: -webkit-linear-gradient(to left, #0C9EF7, #0C5CED);
        background: linear-gradient(to left, #0C9EF7, #0C5CED);
        margin: 50px 0 0 0;
        text-align: center;
        width: 100vw;
        padding-bottom: 3rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--titulo {
          font-size: 3.5rem;
          margin: 10px 0 25px 0;
          padding: 0 2.5rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--img {
          width: 300px;
          margin: 30px 0; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left; }
          .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo .section__index__article2--enlace, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 .section__index__article2--enlace {
            color: black; }
      .section__index .section__index__div .section__index__article3 {
        background-color: #121212;
        color: white;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
        width: 100vw; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--titulo {
          font-size: 5rem;
          margin: 10px 0 15px 0;
          color: #0C5CED; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left;
          width: 90%; }
          .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo .section__index__article3--enlace {
            font-weight: 600;
            color: white; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--img {
          width: 250px;
          border-radius: 10px;
          margin: 3rem 0 0 0; }
    .section__index .section__index__div2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .section__index .section__index__div2 .section__index__article4 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        height: 250px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article4:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article4 .fa-assistive-listening-systems {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
      .section__index .section__index__div2 .section__index__article5 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        height: 250px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article5:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article5 .fa-map-marked-alt {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista {
          text-align: left;
          margin: 20px 0 0 2rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista--li {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
      .section__index .section__index__div2 .section__index__article6 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        height: 250px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article6:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article6 .fa-handshake {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--lista {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
    .section__index .section__index__article7 {
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      color: #0a46b6;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin: 4rem 0 0 0; }
      .section__index .section__index__article7 .section__index__article7--div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo {
          font-size: 3.5rem;
          margin: 0 0 2rem 0;
          text-align: center;
          padding: 1rem 2rem; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo:hover {
            color: white;
            transition: 1s; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace {
          font-size: 3.5rem;
          color: #0a46b6;
          border-bottom: 1px solid white; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace:hover {
            color: white;
            transition: 1s; }
      .section__index .section__index__article7 .section__index__article7--svg {
        height: 65vh;
        margin: 2rem 2rem 2rem 0; } }
@media (min-width: 481px) and (max-width: 600px) {
  .main__index {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 2rem 0 0 0;
    text-align: left; }
    .main__index .main__index__div {
      width: 100vw; }
      .main__index .main__index__div .main__index__titulo {
        text-align: left;
        font-size: 3.5rem;
        color: #073486;
        margin-left: 1rem; }
      .main__index .main__index__div .main__index__parrafo {
        margin: 1rem 1rem 2rem 1rem;
        line-height: 1.5;
        text-align: left;
        padding: 0 2rem 0 1rem;
        font-size: 1.9rem; }
    .main__index .main__index__img {
      width: 300px;
      height: 400px;
      border-radius: 10px;
      margin-top: 3rem;
      align-self: center; }

  .section__index {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .section__index .section__index__div {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; }
      .section__index .section__index__div .section__index__article2 {
        background: -webkit-linear-gradient(to left, #0C9EF7, #0C5CED);
        background: linear-gradient(to left, #0C9EF7, #0C5CED);
        margin: 50px 0 0 0;
        text-align: center;
        width: 100vw;
        padding-bottom: 3rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--titulo {
          font-size: 3.5rem;
          margin: 10px 0 25px 0;
          padding: 0 2.5rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--img {
          width: 300px;
          margin: 30px 0; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left; }
          .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo .section__index__article2--enlace, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 .section__index__article2--enlace {
            color: black; }
      .section__index .section__index__div .section__index__article3 {
        background-color: #121212;
        color: white;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
        width: 100vw; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--titulo {
          font-size: 5rem;
          margin: 10px 0 15px 0;
          color: #0C5CED; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left;
          width: 90%; }
          .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo .section__index__article3--enlace {
            font-weight: 600;
            color: white; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--img {
          width: 250px;
          border-radius: 10px;
          margin: 3rem 0 0 0; }
    .section__index .section__index__div2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .section__index .section__index__div2 .section__index__article4 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article4:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article4 .fa-assistive-listening-systems {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
      .section__index .section__index__div2 .section__index__article5 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article5:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article5 .fa-map-marked-alt {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista {
          text-align: left;
          margin: 20px 0 0 2rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista--li {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
      .section__index .section__index__div2 .section__index__article6 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article6:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article6 .fa-handshake {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--lista {
          margin: 1rem 1rem 0 1rem;
          line-height: 2;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
    .section__index .section__index__article7 {
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      color: #0a46b6;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin: 4rem 0 0 0; }
      .section__index .section__index__article7 .section__index__article7--div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo {
          font-size: 3.5rem;
          margin: 0 0 2rem 0;
          text-align: center;
          padding: 1rem 2rem; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo:hover {
            color: white;
            transition: 1s; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace {
          font-size: 3.5rem;
          color: #0a46b6;
          border-bottom: 1px solid white; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace:hover {
            color: white;
            transition: 1s; }
      .section__index .section__index__article7 .section__index__article7--svg {
        height: 65vh;
        margin: 2rem 2rem 2rem 0; } }
@media (min-width: 601px) and (max-width: 768px) {
  .main__index {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 2rem 0 0 0;
    text-align: left; }
    .main__index .main__index__div {
      width: 100vw; }
      .main__index .main__index__div .main__index__titulo {
        text-align: left;
        font-size: 3.5rem;
        color: #073486;
        margin-left: 1rem; }
      .main__index .main__index__div .main__index__parrafo {
        margin: 1rem 1rem 2rem 1rem;
        line-height: 1.5;
        text-align: left;
        padding: 0 2rem 0 1rem;
        font-size: 1.9rem; }
    .main__index .main__index__img {
      width: 400px;
      height: 500px;
      border-radius: 10px;
      margin-top: 3rem;
      align-self: center; }

  .section__index {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .section__index .section__index__div {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; }
      .section__index .section__index__div .section__index__article2 {
        background: -webkit-linear-gradient(to left, #0C9EF7, #0C5CED);
        background: linear-gradient(to left, #0C9EF7, #0C5CED);
        margin: 50px 0 0 0;
        text-align: center;
        width: 100vw;
        padding-bottom: 3rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--titulo {
          font-size: 3.5rem;
          margin: 10px 0 25px 0;
          padding: 0 2.5rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--img {
          width: 400px;
          margin: 30px 0; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left; }
          .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo .section__index__article2--enlace, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 .section__index__article2--enlace {
            color: black; }
      .section__index .section__index__div .section__index__article3 {
        background-color: #121212;
        color: white;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
        width: 100vw; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--titulo {
          font-size: 5rem;
          margin: 10px 0 15px 0;
          color: #0C5CED; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left;
          width: 90%; }
          .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo .section__index__article3--enlace {
            font-weight: 600;
            color: white; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--img {
          width: 350px;
          border-radius: 10px;
          margin: 3rem 0 0 0; }
    .section__index .section__index__div2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .section__index .section__index__div2 .section__index__article4 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article4:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article4 .fa-assistive-listening-systems {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
      .section__index .section__index__div2 .section__index__article5 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article5:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article5 .fa-map-marked-alt {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista {
          text-align: left;
          margin: 20px 0 0 2rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista--li {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
      .section__index .section__index__div2 .section__index__article6 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article6:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article6 .fa-handshake {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--lista {
          margin: 1rem 1rem 0 1rem;
          line-height: 2;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
    .section__index .section__index__article7 {
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      color: #0a46b6;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin: 4rem 0 0 0; }
      .section__index .section__index__article7 .section__index__article7--div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo {
          font-size: 3.5rem;
          margin: 0 0 2rem 0;
          text-align: center;
          padding: 1rem 2rem; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo:hover {
            color: white;
            transition: 1s; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace {
          font-size: 3.5rem;
          color: #0a46b6;
          border-bottom: 1px solid white; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace:hover {
            color: white;
            transition: 1s; }
      .section__index .section__index__article7 .section__index__article7--svg {
        height: 65vh;
        margin: 2rem 2rem 2rem 0; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .main__index {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 2rem 0 0 0;
    text-align: left; }
    .main__index .main__index__div {
      width: 100vw; }
      .main__index .main__index__div .main__index__titulo {
        text-align: left;
        font-size: 3.5rem;
        color: #073486;
        margin-left: 1rem; }
      .main__index .main__index__div .main__index__parrafo {
        margin: 1rem 1rem 2rem 1rem;
        line-height: 1.5;
        text-align: left;
        padding: 0 2rem 0 1rem;
        font-size: 1.9rem; }
    .main__index .main__index__img {
      width: 400px;
      height: 500px;
      border-radius: 10px;
      margin-top: 3rem;
      align-self: center; }

  .section__index {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .section__index .section__index__div {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; }
      .section__index .section__index__div .section__index__article2 {
        background: -webkit-linear-gradient(to left, #0C9EF7, #0C5CED);
        background: linear-gradient(to left, #0C9EF7, #0C5CED);
        margin: 50px 0 0 0;
        text-align: center;
        width: 100vw;
        padding-bottom: 3rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--titulo {
          font-size: 3.5rem;
          margin: 10px 0 25px 0;
          padding: 0 2.5rem; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--img {
          width: 400px;
          margin: 30px 0; }
        .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left; }
          .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo .section__index__article2--enlace, .section__index .section__index__div .section__index__article2 .section__index__article2--parrafo2 .section__index__article2--enlace {
            color: black; }
      .section__index .section__index__div .section__index__article3 {
        background-color: #121212;
        color: white;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
        width: 100vw; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--titulo {
          font-size: 5rem;
          margin: 10px 0 15px 0;
          color: #0C5CED; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 2rem;
          text-align: left;
          width: 90%; }
          .section__index .section__index__div .section__index__article3 .section__index__article3--parrafo .section__index__article3--enlace {
            font-weight: 600;
            color: white; }
        .section__index .section__index__div .section__index__article3 .section__index__article3--img {
          width: 350px;
          border-radius: 10px;
          margin: 3rem 0 0 0; }
    .section__index .section__index__div2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .section__index .section__index__div2 .section__index__article4 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article4:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article4 .section__index__article4--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article4 .fa-assistive-listening-systems {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
      .section__index .section__index__div2 .section__index__article5 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article5:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article5 .fa-map-marked-alt {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--parrafo {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista {
          text-align: left;
          margin: 20px 0 0 2rem; }
        .section__index .section__index__div2 .section__index__article5 .section__index__article5--lista--li {
          margin: 1rem 1rem 0 1rem;
          line-height: 1.5;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
      .section__index .section__index__div2 .section__index__article6 {
        width: 70vw;
        text-align: center;
        border-radius: 15px;
        margin: 4rem 0 0 .5rem;
        padding: 10px;
        box-shadow: 0px 0px 15px 2px #3f3f3f;
        height: auto; }
        .section__index .section__index__div2 .section__index__article6:hover {
          background-color: #121212;
          color: white;
          transform: scale(1.1);
          transition: .5s; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--titulo {
          font-size: 3rem; }
        .section__index .section__index__div2 .section__index__article6 .fa-handshake {
          font-size: 4rem;
          margin: 0 0 2rem 0;
          padding-top: 1rem; }
        .section__index .section__index__div2 .section__index__article6 .section__index__article6--lista {
          margin: 1rem 1rem 0 1rem;
          line-height: 2;
          padding: 0 2rem 0 1rem;
          font-size: 1.8rem;
          text-align: left; }
    .section__index .section__index__article7 {
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      color: #0a46b6;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin: 4rem 0 0 0; }
      .section__index .section__index__article7 .section__index__article7--div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo {
          font-size: 3.5rem;
          margin: 0 0 2rem 0;
          text-align: center;
          padding: 1rem 2rem; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--titulo:hover {
            color: white;
            transition: 1s; }
        .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace {
          font-size: 3.5rem;
          color: #0a46b6;
          border-bottom: 1px solid white; }
          .section__index .section__index__article7 .section__index__article7--div .section__index__article7--enlace:hover {
            color: white;
            transition: 1s; }
      .section__index .section__index__article7 .section__index__article7--svg {
        height: 65vh;
        margin: 2rem 2rem 2rem 0; } }
.section__ptes {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .section__ptes .section__ptes--titulo {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 2rem; }
  .section__ptes .ptes__article--consulta {
    display: flex;
    flex-direction: row;
    margin: 2rem 0;
    width: 100%; }
    .section__ptes .ptes__article--consulta .ptes__article--consulta--div {
      display: flex;
      flex-direction: column;
      width: 50%;
      margin: 0 2rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--titulo {
        text-align: center;
        margin-bottom: 1rem;
        font-size: 2.5rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--parrafo {
        line-height: 1.5;
        margin-bottom: 1rem;
        font-size: 1.2rem; }
    .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 {
      display: flex;
      flex-direction: column;
      width: 50%;
      margin: 0 2rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--titulo {
        text-align: center;
        margin-bottom: 1rem;
        font-size: 2.5rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--parrafo {
        line-height: 1.5;
        margin-bottom: 1rem;
        font-size: 1.2rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--lista {
        line-height: 1.5;
        margin: 1rem 1rem;
        font-size: 1.2rem; }
  .section__ptes .ptes__article--señales {
    background: -webkit-linear-gradient(to bottom, #316fe2, #0C5CED);
    background: linear-gradient(to bottom, #316fe2, #0C5CED);
    padding: 2rem 0; }
    .section__ptes .ptes__article--señales .ptes__article--señales--h3 {
      text-align: center;
      font-size: 2.5rem;
      margin-bottom: 2rem; }
    .section__ptes .ptes__article--señales .ptes__article--señales--h4 {
      font-size: 2rem;
      margin: 0 0 2rem 2rem;
      text-align: center; }
    .section__ptes .ptes__article--señales .listas__señales {
      display: flex;
      flex-direction: row; }
      .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul {
        margin: 0 4rem 2rem 5rem; }
        .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li {
          margin: 0 0 1rem 0;
          font-size: 1.2rem; }
          .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li .ptes__article--señales--li--h5 {
            font-size: 1.4rem; }

.section__ptes2 {
  display: flex;
  flex-direction: column;
  margin: 0 0 3rem 0; }
  .section__ptes2 .ptes2__article {
    display: flex;
    flex-direction: row;
    background: -webkit-linear-gradient(to top, #316fe2, #0C5CED);
    background: linear-gradient(to top, #316fe2, #0C5CED);
    height: 80vh; }
    .section__ptes2 .ptes2__article .ptes2__article--div {
      width: 50%;
      margin: 3rem 2rem 0 2rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--titulo {
        text-align: center;
        margin-bottom: 2rem;
        font-size: 2.5rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--parrafo {
        font-size: 1.2rem;
        line-height: 2;
        margin-bottom: 1rem; }
    .section__ptes2 .ptes2__article .ptes2__article--div2 {
      width: 50%;
      margin: 3rem 2rem 0 2rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div2--titulo {
        text-align: center;
        margin: 0 0.5rem 2rem 0;
        font-size: 2.5rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas {
        display: flex;
        flex-direction: row;
        margin-top: 4rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas .ptes2__article--div2--ul {
          font-size: 1.2rem;
          line-height: 2;
          margin: 0 0 0 4rem; }
  .section__ptes2 .ptes2__article2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-image: url(../media/covid-min.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center; }
    .section__ptes2 .ptes2__article2 .ptes2__article2--div {
      padding: 2rem 2rem 4rem 2rem;
      height: 75vh;
      width: 100%;
      color: white;
      text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
      background-color: #334b5570; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h4 {
        text-align: center;
        font-size: 4rem; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h5 {
        margin: .8rem .5rem;
        font-size: 2rem;
        text-align: center; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--parrafo {
        line-height: 2;
        margin-bottom: 1rem;
        font-size: 1.2rem; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul {
        line-height: 2;
        margin-bottom: 1rem;
        font-size: 1.2rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul .ptes2__article2--li {
          padding-bottom: 2rem; }
  .section__ptes2 .ptes2__article3 {
    display: flex;
    flex-direction: column;
    background-color: #121212;
    color: white;
    padding: 2rem; }
    .section__ptes2 .ptes2__article3 .ptes2__article3--h4 {
      font-size: 3rem;
      text-align: center;
      margin: 2rem 0;
      color: #0C5CED; }
    .section__ptes2 .ptes2__article3 .ptes2__article3--parrafo {
      line-height: 2;
      font-size: 1.2rem;
      margin: 0 2rem 2rem 2rem; }
    .section__ptes2 .ptes2__article3 .ptes2__article3--h5 {
      font-size: 2rem;
      margin: 0 0 1rem 2rem;
      color: #0C5CED; }
    .section__ptes2 .ptes2__article3 .ptes2__article3--lista {
      margin: 0 2rem 2rem 3rem;
      font-size: 1.2rem;
      line-height: 2;
      width: 90%; }

@media (max-width: 320px) {
  .section__ptes {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .section__ptes .section__ptes--titulo {
      text-align: center;
      font-size: 3rem;
      margin-bottom: 1rem; }
    .section__ptes .ptes__article--consulta {
      display: flex;
      flex-direction: column;
      margin: 2rem 0;
      width: 100%; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 2.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 1.8rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 2.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 1.8rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--lista {
          line-height: 1.5;
          margin: 1rem 1rem;
          font-size: 1.8rem; }
    .section__ptes .ptes__article--señales {
      background: -webkit-linear-gradient(to bottom, #316fe2, #0C5CED);
      background: linear-gradient(to bottom, #316fe2, #0C5CED);
      padding: 2rem 0; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h3 {
        text-align: center;
        font-size: 3rem;
        margin-bottom: 2rem; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h4 {
        font-size: 2.5rem;
        margin: 0 0 2rem 0;
        text-align: center;
        padding: 0 2rem; }
      .section__ptes .ptes__article--señales .listas__señales {
        display: flex;
        flex-direction: column; }
        .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul {
          margin: 0 4rem 2rem 5rem; }
          .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li {
            margin: 0 0 1rem 0;
            font-size: 1.7rem; }
            .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li .ptes__article--señales--li--h5 {
              font-size: 1.8rem; }

  .section__ptes2 {
    display: flex;
    flex-direction: column;
    margin: 0 0 3rem 0; }
    .section__ptes2 .ptes2__article {
      display: flex;
      flex-direction: column;
      background: -webkit-linear-gradient(to top, #316fe2, #0C5CED);
      background: linear-gradient(to top, #316fe2, #0C5CED);
      height: auto; }
      .section__ptes2 .ptes2__article .ptes2__article--div {
        width: 90%;
        margin: 3rem 2rem 0 0;
        padding: 0 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--titulo {
          text-align: center;
          margin-bottom: 2rem;
          font-size: 3rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--parrafo {
          font-size: 1.8rem;
          line-height: 2;
          margin-bottom: 1rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div2 {
        width: 90%;
        margin: 3rem 0 0 0;
        padding: 0 4rem 2rem 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div2--titulo {
          text-align: center;
          margin: 0 0.5rem 2rem 0;
          font-size: 2.5rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas {
          display: flex;
          flex-direction: column;
          margin-top: 2rem; }
          .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas .ptes2__article--div2--ul {
            font-size: 1.8rem;
            line-height: 2;
            margin: 0 0 0 4rem; }
    .section__ptes2 .ptes2__article2 {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      background-image: url(../media/covid-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div {
        padding: 2rem 2rem 4rem 2rem;
        height: auto;
        width: 100%;
        color: white;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
        background-color: #334b55a2; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h4 {
          text-align: center;
          font-size: 4rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h5 {
          margin: 2rem 1rem;
          font-size: 2.2rem;
          text-align: center; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--parrafo {
          line-height: 2;
          margin-bottom: 2rem;
          font-size: 1.8rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul {
          line-height: 2;
          margin-bottom: 1rem;
          font-size: 1.8rem; }
          .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul .ptes2__article2--li {
            padding-bottom: 1rem; }
    .section__ptes2 .ptes2__article3 {
      display: flex;
      flex-direction: column;
      background-color: #121212;
      color: white;
      padding: 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h4 {
        font-size: 3rem;
        text-align: center;
        margin: 2rem 0;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--parrafo {
        line-height: 2;
        font-size: 1.8rem;
        margin: 0 2rem 2rem 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h5 {
        font-size: 3rem;
        margin: 0 0 1rem 2rem;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--lista {
        margin: 0 2rem 2rem 3rem;
        font-size: 1.8rem;
        line-height: 2;
        width: 90%; } }
@media (min-width: 321px) and (max-width: 480px) {
  .section__ptes {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .section__ptes .section__ptes--titulo {
      text-align: center;
      font-size: 4rem;
      margin-bottom: 1rem; }
    .section__ptes .ptes__article--consulta {
      display: flex;
      flex-direction: column;
      margin: 2rem 0;
      width: 100%; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 1rem 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--lista {
          line-height: 1.5;
          margin: 1rem 1rem;
          font-size: 2rem; }
    .section__ptes .ptes__article--señales {
      background: -webkit-linear-gradient(to bottom, #316fe2, #0C5CED);
      background: linear-gradient(to bottom, #316fe2, #0C5CED);
      padding: 2rem 0; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h3 {
        text-align: center;
        font-size: 4rem;
        margin-bottom: 2rem; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h4 {
        font-size: 2.7rem;
        margin: 0 2rem 2rem 0;
        text-align: center;
        padding: 0 2rem; }
      .section__ptes .ptes__article--señales .listas__señales {
        display: flex;
        flex-direction: column; }
        .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul {
          margin: 0 4rem 2rem 5rem; }
          .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li {
            margin: 0 0 1rem 0;
            font-size: 2.2rem; }
            .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li .ptes__article--señales--li--h5 {
              font-size: 2.4rem; }

  .section__ptes2 {
    display: flex;
    flex-direction: column;
    margin: 0 0 3rem 0; }
    .section__ptes2 .ptes2__article {
      display: flex;
      flex-direction: column;
      background: -webkit-linear-gradient(to top, #316fe2, #0C5CED);
      background: linear-gradient(to top, #316fe2, #0C5CED);
      height: auto; }
      .section__ptes2 .ptes2__article .ptes2__article--div {
        width: 90%;
        margin: 3rem 2rem 0 0;
        padding: 0 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--titulo {
          text-align: center;
          margin-bottom: 2rem;
          font-size: 3.5rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--parrafo {
          font-size: 2rem;
          line-height: 2;
          margin-bottom: 1rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div2 {
        width: 90%;
        margin: 3rem 0 0 0;
        padding: 0 4rem 2rem 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div2--titulo {
          text-align: center;
          margin: 0 0.5rem 2rem 0;
          font-size: 3.5rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas {
          display: flex;
          flex-direction: column;
          margin-top: 2rem; }
          .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas .ptes2__article--div2--ul {
            font-size: 2rem;
            line-height: 2;
            margin: 0 0 0 4rem; }
    .section__ptes2 .ptes2__article2 {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      background-image: url(../media/covid-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div {
        padding: 2rem 2rem 4rem 2rem;
        height: auto;
        width: 100%;
        color: white;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
        background-color: #334b55a2; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h4 {
          text-align: center;
          font-size: 5rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h5 {
          margin: 2rem 1rem;
          font-size: 2.5rem;
          text-align: center; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--parrafo {
          line-height: 2;
          margin-bottom: 2rem;
          font-size: 2rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul {
          line-height: 2;
          margin-bottom: 1rem;
          font-size: 2rem; }
          .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul .ptes2__article2--li {
            padding-bottom: 1rem; }
    .section__ptes2 .ptes2__article3 {
      display: flex;
      flex-direction: column;
      background-color: #121212;
      color: white;
      padding: 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h4 {
        font-size: 4rem;
        text-align: center;
        margin: 2rem 0;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--parrafo {
        line-height: 2;
        font-size: 2rem;
        margin: 0 2rem 2rem 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h5 {
        font-size: 3.5rem;
        margin: 0 0 1rem 2rem;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--lista {
        margin: 0 2rem 2rem 3rem;
        font-size: 2rem;
        line-height: 2;
        width: 90%; } }
@media (min-width: 481px) and (max-width: 600px) {
  .section__ptes {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .section__ptes .section__ptes--titulo {
      text-align: center;
      font-size: 4rem;
      margin-bottom: 1rem; }
    .section__ptes .ptes__article--consulta {
      display: flex;
      flex-direction: column;
      margin: 2rem 0;
      width: 100%; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 1rem 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--lista {
          line-height: 1.5;
          margin: 1rem 1rem;
          font-size: 2rem; }
    .section__ptes .ptes__article--señales {
      background: -webkit-linear-gradient(to bottom, #316fe2, #0C5CED);
      background: linear-gradient(to bottom, #316fe2, #0C5CED);
      padding: 2rem 0; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h3 {
        text-align: center;
        font-size: 4rem;
        margin-bottom: 2rem; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h4 {
        font-size: 2.7rem;
        margin: 0 2rem 2rem 0;
        text-align: center;
        padding: 0 2rem; }
      .section__ptes .ptes__article--señales .listas__señales {
        display: flex;
        flex-direction: column; }
        .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul {
          margin: 0 4rem 2rem 5rem; }
          .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li {
            margin: 0 0 1rem 0;
            font-size: 2.2rem; }
            .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li .ptes__article--señales--li--h5 {
              font-size: 2.4rem; }

  .section__ptes2 {
    display: flex;
    flex-direction: column;
    margin: 0 0 3rem 0; }
    .section__ptes2 .ptes2__article {
      display: flex;
      flex-direction: column;
      background: -webkit-linear-gradient(to top, #316fe2, #0C5CED);
      background: linear-gradient(to top, #316fe2, #0C5CED);
      height: auto; }
      .section__ptes2 .ptes2__article .ptes2__article--div {
        width: 90%;
        margin: 3rem 2rem 0 0;
        padding: 0 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--titulo {
          text-align: center;
          margin-bottom: 2rem;
          font-size: 3.5rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--parrafo {
          font-size: 2rem;
          line-height: 2;
          margin-bottom: 1rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div2 {
        width: 90%;
        margin: 3rem 0 0 0;
        padding: 0 4rem 2rem 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div2--titulo {
          text-align: center;
          margin: 0 0.5rem 2rem 0;
          font-size: 3.5rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas {
          display: flex;
          flex-direction: column;
          margin-top: 2rem; }
          .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas .ptes2__article--div2--ul {
            font-size: 2rem;
            line-height: 2;
            margin: 0 0 0 4rem; }
    .section__ptes2 .ptes2__article2 {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      background-image: url(../media/covid-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div {
        padding: 2rem 2rem 4rem 2rem;
        height: auto;
        width: 100%;
        color: white;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
        background-color: #334b55a2; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h4 {
          text-align: center;
          font-size: 5rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h5 {
          margin: 2rem 1rem;
          font-size: 2.5rem;
          text-align: center; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--parrafo {
          line-height: 2;
          margin-bottom: 2rem;
          font-size: 2rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul {
          line-height: 2;
          margin-bottom: 1rem;
          font-size: 2rem; }
          .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul .ptes2__article2--li {
            padding-bottom: 1rem; }
    .section__ptes2 .ptes2__article3 {
      display: flex;
      flex-direction: column;
      background-color: #121212;
      color: white;
      padding: 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h4 {
        font-size: 4rem;
        text-align: center;
        margin: 2rem 0;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--parrafo {
        line-height: 2;
        font-size: 2rem;
        margin: 0 2rem 2rem 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h5 {
        font-size: 3.5rem;
        margin: 0 0 1rem 2rem;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--lista {
        margin: 0 2rem 2rem 3rem;
        font-size: 2rem;
        line-height: 2;
        width: 90%; } }
@media (min-width: 601px) and (max-width: 768px) {
  .section__ptes {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .section__ptes .section__ptes--titulo {
      text-align: center;
      font-size: 4rem;
      margin-bottom: 1rem; }
    .section__ptes .ptes__article--consulta {
      display: flex;
      flex-direction: column;
      margin: 2rem 0;
      width: 100%; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 1rem 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--lista {
          line-height: 1.5;
          margin: 1rem 1rem;
          font-size: 2rem; }
    .section__ptes .ptes__article--señales {
      background: -webkit-linear-gradient(to bottom, #316fe2, #0C5CED);
      background: linear-gradient(to bottom, #316fe2, #0C5CED);
      padding: 2rem 0; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h3 {
        text-align: center;
        font-size: 4rem;
        margin-bottom: 2rem; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h4 {
        font-size: 2.7rem;
        margin: 0 2rem 2rem 0;
        text-align: center;
        padding: 0 2rem; }
      .section__ptes .ptes__article--señales .listas__señales {
        display: flex;
        flex-direction: column; }
        .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul {
          margin: 0 4rem 2rem 5rem; }
          .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li {
            margin: 0 0 1rem 0;
            font-size: 2rem; }
            .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li .ptes__article--señales--li--h5 {
              font-size: 2.2rem; }

  .section__ptes2 {
    display: flex;
    flex-direction: column;
    margin: 0 0 3rem 0; }
    .section__ptes2 .ptes2__article {
      display: flex;
      flex-direction: column;
      background: -webkit-linear-gradient(to top, #316fe2, #0C5CED);
      background: linear-gradient(to top, #316fe2, #0C5CED);
      height: auto; }
      .section__ptes2 .ptes2__article .ptes2__article--div {
        width: 90%;
        margin: 3rem 2rem 0 0;
        padding: 0 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--titulo {
          text-align: center;
          margin-bottom: 2rem;
          font-size: 4rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--parrafo {
          font-size: 2rem;
          line-height: 2;
          margin-bottom: 1rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div2 {
        width: 90%;
        margin: 3rem 0 0 0;
        padding: 0 4rem 2rem 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div2--titulo {
          text-align: center;
          margin: 0 0.5rem 2rem 0;
          font-size: 3.5rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas {
          display: flex;
          flex-direction: column;
          margin-top: 2rem; }
          .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas .ptes2__article--div2--ul {
            font-size: 2rem;
            line-height: 2;
            margin: 0 0 0 4rem; }
    .section__ptes2 .ptes2__article2 {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      background-image: url(../media/covid-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div {
        padding: 2rem 2rem 4rem 2rem;
        height: auto;
        width: 100%;
        color: white;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
        background-color: #334b55a2; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h4 {
          text-align: center;
          font-size: 6rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h5 {
          margin: 2rem 1rem;
          font-size: 2.8rem;
          text-align: center; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--parrafo {
          line-height: 2;
          font-size: 2rem;
          margin: 0 2rem 2rem 1rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul {
          line-height: 2;
          font-size: 2rem;
          margin: 0 2rem 2rem 1rem; }
          .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul .ptes2__article2--li {
            padding-bottom: 1rem; }
    .section__ptes2 .ptes2__article3 {
      display: flex;
      flex-direction: column;
      background-color: #121212;
      color: white;
      padding: 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h4 {
        font-size: 5rem;
        text-align: center;
        margin: 2rem 0;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--parrafo {
        line-height: 2;
        font-size: 2rem;
        margin: 0 2rem 2rem 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h5 {
        font-size: 3rem;
        margin: 0 3rem 1rem 2rem;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--lista {
        margin: 0 2rem 2rem 3rem;
        font-size: 2rem;
        line-height: 2;
        width: 90%; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .section__ptes {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .section__ptes .section__ptes--titulo {
      text-align: center;
      font-size: 4rem;
      margin-bottom: 1rem; }
    .section__ptes .ptes__article--consulta {
      display: flex;
      flex-direction: column;
      margin: 2rem 0;
      width: 100%; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div .ptes__article--consulta--div--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
      .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 1rem 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--titulo {
          text-align: center;
          margin-bottom: 1rem;
          font-size: 3.5rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--parrafo {
          line-height: 1.5;
          margin-bottom: 1rem;
          font-size: 2rem; }
        .section__ptes .ptes__article--consulta .ptes__article--consulta--div2 .ptes__article--consulta--div2--lista {
          line-height: 1.5;
          margin: 1rem 1rem;
          font-size: 2rem; }
    .section__ptes .ptes__article--señales {
      background: -webkit-linear-gradient(to bottom, #316fe2, #0C5CED);
      background: linear-gradient(to bottom, #316fe2, #0C5CED);
      padding: 2rem 0; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h3 {
        text-align: center;
        font-size: 4rem;
        margin-bottom: 2rem; }
      .section__ptes .ptes__article--señales .ptes__article--señales--h4 {
        font-size: 2.7rem;
        margin: 0 2rem 2rem 0;
        text-align: center;
        padding: 0 2rem; }
      .section__ptes .ptes__article--señales .listas__señales {
        display: flex;
        flex-direction: column; }
        .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul {
          margin: 0 4rem 2rem 5rem; }
          .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li {
            margin: 0 0 1rem 0;
            font-size: 2rem; }
            .section__ptes .ptes__article--señales .listas__señales .ptes__article--señales--ul .ptes__article--señales--li .ptes__article--señales--li--h5 {
              font-size: 2.2rem; }

  .section__ptes2 {
    display: flex;
    flex-direction: column;
    margin: 0 0 3rem 0; }
    .section__ptes2 .ptes2__article {
      display: flex;
      flex-direction: column;
      background: -webkit-linear-gradient(to top, #316fe2, #0C5CED);
      background: linear-gradient(to top, #316fe2, #0C5CED);
      height: auto; }
      .section__ptes2 .ptes2__article .ptes2__article--div {
        width: 90%;
        margin: 3rem 2rem 0 0;
        padding: 0 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--titulo {
          text-align: center;
          margin-bottom: 2rem;
          font-size: 4rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div .ptes2__article--div--parrafo {
          font-size: 2rem;
          line-height: 2;
          margin-bottom: 1rem; }
      .section__ptes2 .ptes2__article .ptes2__article--div2 {
        width: 90%;
        margin: 3rem 0 0 0;
        padding: 0 4rem 2rem 2rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div2--titulo {
          text-align: center;
          margin: 0 0.5rem 2rem 0;
          font-size: 3.5rem; }
        .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas {
          display: flex;
          flex-direction: column;
          margin-top: 2rem; }
          .section__ptes2 .ptes2__article .ptes2__article--div2 .ptes2__article--div--listas .ptes2__article--div2--ul {
            font-size: 2rem;
            line-height: 2;
            margin: 0 0 0 4rem; }
    .section__ptes2 .ptes2__article2 {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      background-image: url(../media/covid-min.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center; }
      .section__ptes2 .ptes2__article2 .ptes2__article2--div {
        padding: 2rem 2rem 4rem 2rem;
        height: auto;
        width: 100%;
        color: white;
        text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
        background-color: #334b55a2; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h4 {
          text-align: center;
          font-size: 6rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--h5 {
          margin: 2rem 1rem;
          font-size: 2.8rem;
          text-align: center; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--parrafo {
          line-height: 2;
          font-size: 2rem;
          margin: 0 2rem 2rem 1rem; }
        .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul {
          line-height: 2;
          font-size: 2rem;
          margin: 0 2rem 2rem 1rem; }
          .section__ptes2 .ptes2__article2 .ptes2__article2--div .ptes2__article2--ul .ptes2__article2--li {
            padding-bottom: 1rem; }
    .section__ptes2 .ptes2__article3 {
      display: flex;
      flex-direction: column;
      background-color: #121212;
      color: white;
      padding: 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h4 {
        font-size: 5rem;
        text-align: center;
        margin: 2rem 0;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--parrafo {
        line-height: 2;
        font-size: 2rem;
        margin: 0 2rem 2rem 2rem; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--h5 {
        font-size: 3rem;
        margin: 0 3rem 1rem 2rem;
        color: #0C5CED; }
      .section__ptes2 .ptes2__article3 .ptes2__article3--lista {
        margin: 0 2rem 2rem 3rem;
        font-size: 2rem;
        line-height: 2;
        width: 90%; } }
.main__fono {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 2rem 0; }
  .main__fono .main__fono__div {
    height: 440px;
    padding-left: 2rem;
    width: 650px; }
    .main__fono .main__fono__div .main__fono__div--titulo {
      margin-top: 1rem;
      color: #000000;
      font-size: 2.5rem; }
    .main__fono .main__fono__div .main__fono__div--parrafo {
      margin-top: 1rem;
      line-height: 1.8;
      font-size: 1.3rem; }
  .main__fono .main__fono__img {
    width: 600px;
    height: 380px;
    margin: 2rem 2rem 0 2rem; }

.section__fono {
  width: 100%; }
  .section__fono .section__fono__article {
    display: flex;
    flex-direction: row;
    padding: 2rem 0;
    background: -webkit-linear-gradient(to top, #0059ff, #0C5CED);
    background: linear-gradient(to top, #0059ff, #0C5CED); }
    .section__fono .section__fono__article .section__fono__article--div {
      width: 50%;
      margin-top: 5rem; }
      .section__fono .section__fono__article .section__fono__article--div .section__fono__div--titulo {
        margin-left: 2rem;
        margin-right: 4rem;
        font-size: 2.5rem;
        text-align: center; }
      .section__fono .section__fono__article .section__fono__article--div .section__fono__div--parrafo {
        margin: 1rem 2rem 0 2rem;
        font-size: 1.2rem;
        line-height: 2; }
    .section__fono .section__fono__article .section__fono__article--div2 {
      display: flex;
      flex-direction: column;
      width: 50%;
      margin-bottom: 2rem; }
      .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--titulo {
        font-size: 1.5rem;
        margin: 2rem 0 .5rem 0; }
      .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--parrafo {
        line-height: 1.5;
        margin-right: 30px; }
  .section__fono .section__fono__article2 {
    padding: 2rem 0; }
    .section__fono .section__fono__article2 .section__fono__article2--titulo {
      text-align: center;
      font-size: 2.5rem;
      margin-bottom: 3rem; }
    .section__fono .section__fono__article2 .section__fono__article2--parrafo {
      margin: 2rem 2rem;
      font-size: 1.2rem;
      line-height: 2;
      text-align: center; }
  .section__fono .section__fono__article3 {
    display: flex;
    flex-direction: column;
    height: 400px;
    background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
    background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
    padding-bottom: 2.5rem; }
    .section__fono .section__fono__article3 .section__fono__article3--titulo {
      text-align: center;
      font-size: 2.5rem;
      margin: 2rem 0 2rem 0; }
    .section__fono .section__fono__article3 .section__fono__article3--parrafo {
      text-align: center;
      font-size: 1.2rem;
      margin: 0 8rem 4rem 8rem;
      line-height: 2; }
    .section__fono .section__fono__article3 .section__fono__article3--div {
      display: flex;
      flex-direction: row;
      justify-content: space-around; }
      .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--div1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye {
        font-size: 40px;
        margin-bottom: 2rem;
        color: black; }
        .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye:hover {
          color: white;
          transition: 1s; }
      .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo {
        font-size: 1.2rem; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo:hover {
          color: white;
          transition: 1s; }

@media (max-width: 320px) {
  .main__fono {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: .5rem 0 2rem 0; }
    .main__fono .main__fono__div {
      height: auto;
      padding: 2rem;
      width: 100vw;
      width: 90%; }
      .main__fono .main__fono__div .main__fono__div--titulo {
        margin: 0;
        color: #000000;
        font-size: 3rem;
        text-align: center; }
      .main__fono .main__fono__div .main__fono__div--parrafo {
        margin-top: 1rem;
        line-height: 1.8;
        font-size: 1.5rem; }
    .main__fono .main__fono__img {
      width: 30rem;
      height: 25rem;
      margin: 2rem 0 0 0; }

  .section__fono {
    width: 100%; }
    .section__fono .section__fono__article {
      display: flex;
      flex-direction: column;
      padding: 2rem 0;
      background: -webkit-linear-gradient(to top, #0059ff, #0C5CED);
      background: linear-gradient(to top, #0059ff, #0C5CED); }
      .section__fono .section__fono__article .section__fono__article--div {
        width: 90%;
        margin-top: 1rem;
        padding: 1rem; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--titulo {
          margin-left: 0;
          margin-right: 0;
          font-size: 2.5rem;
          text-align: center; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--parrafo {
          margin: 1rem 2rem 0 2rem;
          font-size: 1.5rem;
          line-height: 2; }
      .section__fono .section__fono__article .section__fono__article--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-bottom: 2rem;
        padding: 2rem; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--titulo {
          font-size: 1.8rem;
          margin: 2rem 0 .5rem 0; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--parrafo {
          line-height: 1.5;
          font-size: 1.5rem;
          margin-right: 30px; }
    .section__fono .section__fono__article2 {
      padding: 2rem 0; }
      .section__fono .section__fono__article2 .section__fono__article2--titulo {
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: 3rem; }
      .section__fono .section__fono__article2 .section__fono__article2--parrafo {
        margin: 2rem 2rem;
        font-size: 1.5rem;
        line-height: 2;
        text-align: left; }
    .section__fono .section__fono__article3 {
      display: flex;
      flex-direction: column;
      height: auto;
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      padding-bottom: 2.5rem; }
      .section__fono .section__fono__article3 .section__fono__article3--titulo {
        text-align: center;
        font-size: 2.5rem;
        margin: 2rem 0 2rem 0; }
      .section__fono .section__fono__article3 .section__fono__article3--parrafo {
        text-align: left;
        font-size: 1.5rem;
        margin: 0;
        line-height: 2;
        padding: 2rem; }
      .section__fono .section__fono__article3 .section__fono__article3--div {
        display: flex;
        flex-direction: column;
        justify-content: space-around; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--div1 {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-bottom: 3rem; }
        .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye {
          font-size: 3.5rem;
          margin-bottom: 0;
          color: black; }
          .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye:hover {
            color: white;
            transition: 1s; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo {
          font-size: 1.5rem; }
          .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo:hover {
            color: white;
            transition: 1s; } }
@media (min-width: 321px) and (max-width: 480px) {
  .main__fono {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: .5rem 0 2rem 0; }
    .main__fono .main__fono__div {
      height: auto;
      padding: 2rem;
      width: 90%; }
      .main__fono .main__fono__div .main__fono__div--titulo {
        margin: 0;
        color: #000000;
        font-size: 3rem;
        text-align: center; }
      .main__fono .main__fono__div .main__fono__div--parrafo {
        margin-top: 1rem;
        line-height: 1.8;
        font-size: 1.8rem;
        padding-right: 2rem; }
    .main__fono .main__fono__img {
      width: 30rem;
      height: 25rem;
      margin: 2rem 1rem 0 0; }

  .section__fono {
    width: 100%; }
    .section__fono .section__fono__article {
      display: flex;
      flex-direction: column;
      padding: 2rem 0;
      background: -webkit-linear-gradient(to top, #0059ff, #0C5CED);
      background: linear-gradient(to top, #0059ff, #0C5CED); }
      .section__fono .section__fono__article .section__fono__article--div {
        width: 90%;
        margin-top: 1rem;
        padding: 1rem; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--titulo {
          margin-left: 0;
          margin-right: 0;
          font-size: 2.5rem;
          text-align: center; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--parrafo {
          margin: 1rem 2rem 0 2rem;
          font-size: 1.8rem;
          line-height: 2; }
      .section__fono .section__fono__article .section__fono__article--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-bottom: 2rem;
        padding: 2rem; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--titulo {
          font-size: 1.8rem;
          margin: 2rem 0 .5rem 0; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--parrafo {
          line-height: 1.5;
          font-size: 1.8rem;
          margin-right: 30px; }
    .section__fono .section__fono__article2 {
      padding: 2rem 0; }
      .section__fono .section__fono__article2 .section__fono__article2--titulo {
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: 3rem; }
      .section__fono .section__fono__article2 .section__fono__article2--parrafo {
        margin: 2rem 2rem;
        font-size: 1.8rem;
        line-height: 2;
        text-align: left; }
    .section__fono .section__fono__article3 {
      display: flex;
      flex-direction: column;
      height: auto;
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      padding-bottom: 2.5rem; }
      .section__fono .section__fono__article3 .section__fono__article3--titulo {
        text-align: center;
        font-size: 2.5rem;
        margin: 2rem 0 2rem 0; }
      .section__fono .section__fono__article3 .section__fono__article3--parrafo {
        text-align: left;
        font-size: 1.8rem;
        margin: 0;
        line-height: 2;
        padding: 2rem; }
      .section__fono .section__fono__article3 .section__fono__article3--div {
        display: flex;
        flex-direction: column;
        justify-content: space-around; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--div1 {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0 0 3rem 3rem; }
        .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye {
          font-size: 3.5rem;
          margin-bottom: 0;
          color: black; }
          .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye:hover {
            color: white;
            transition: 1s; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo {
          font-size: 1.8rem; }
          .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo:hover {
            color: white;
            transition: 1s; } }
@media (min-width: 481px) and (max-width: 600px) {
  .main__fono {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: .5rem 0 2rem 0; }
    .main__fono .main__fono__div {
      height: auto;
      padding: 2rem;
      width: 90%; }
      .main__fono .main__fono__div .main__fono__div--titulo {
        margin: 0;
        color: #000000;
        font-size: 3rem;
        text-align: center; }
      .main__fono .main__fono__div .main__fono__div--parrafo {
        margin-top: 1rem;
        line-height: 1.8;
        font-size: 1.8rem;
        padding-right: 2rem; }
    .main__fono .main__fono__img {
      width: 40rem;
      height: 35rem;
      margin: 2rem 1rem 0 0; }

  .section__fono {
    width: 100%; }
    .section__fono .section__fono__article {
      display: flex;
      flex-direction: column;
      padding: 2rem 0;
      background: -webkit-linear-gradient(to top, #0059ff, #0C5CED);
      background: linear-gradient(to top, #0059ff, #0C5CED); }
      .section__fono .section__fono__article .section__fono__article--div {
        width: 90%;
        margin-top: 1rem;
        padding: 1rem; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--titulo {
          margin-left: 0;
          margin-right: 0;
          font-size: 2.5rem;
          text-align: center; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--parrafo {
          margin: 1rem 2rem 0 2rem;
          font-size: 1.8rem;
          line-height: 2; }
      .section__fono .section__fono__article .section__fono__article--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-bottom: 2rem;
        padding: 2rem; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--titulo {
          font-size: 1.8rem;
          margin: 2rem 0 .5rem 0; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--parrafo {
          line-height: 1.5;
          font-size: 1.8rem;
          margin-right: 30px; }
    .section__fono .section__fono__article2 {
      padding: 2rem 0; }
      .section__fono .section__fono__article2 .section__fono__article2--titulo {
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: 3rem; }
      .section__fono .section__fono__article2 .section__fono__article2--parrafo {
        margin: 2rem 2rem;
        font-size: 1.8rem;
        line-height: 2;
        text-align: left; }
    .section__fono .section__fono__article3 {
      display: flex;
      flex-direction: column;
      height: auto;
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      padding-bottom: 2.5rem; }
      .section__fono .section__fono__article3 .section__fono__article3--titulo {
        text-align: center;
        font-size: 2.5rem;
        margin: 2rem 0 2rem 0; }
      .section__fono .section__fono__article3 .section__fono__article3--parrafo {
        text-align: left;
        font-size: 1.8rem;
        margin: 0;
        line-height: 2;
        padding: 2rem; }
      .section__fono .section__fono__article3 .section__fono__article3--div {
        display: flex;
        flex-direction: column;
        justify-content: space-around; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--div1 {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0 0 3rem 3rem; }
        .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye {
          font-size: 3.5rem;
          margin-bottom: 0;
          color: black; }
          .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye:hover {
            color: white;
            transition: 1s; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo {
          font-size: 1.8rem; }
          .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo:hover {
            color: white;
            transition: 1s; } }
@media (min-width: 601px) and (max-width: 768px) {
  .main__fono {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: .5rem 0 2rem 0; }
    .main__fono .main__fono__div {
      height: auto;
      padding: 2rem;
      width: 90%; }
      .main__fono .main__fono__div .main__fono__div--titulo {
        margin: 0;
        color: #000000;
        font-size: 3.5rem;
        text-align: center; }
      .main__fono .main__fono__div .main__fono__div--parrafo {
        margin-top: 1rem;
        line-height: 1.8;
        font-size: 2.2rem;
        padding-right: 2rem; }
    .main__fono .main__fono__img {
      width: 40rem;
      height: 35rem;
      margin: 2rem 1rem 0 0; }

  .section__fono {
    width: 100%; }
    .section__fono .section__fono__article {
      display: flex;
      flex-direction: column;
      padding: 2rem 0;
      background: -webkit-linear-gradient(to top, #0059ff, #0C5CED);
      background: linear-gradient(to top, #0059ff, #0C5CED); }
      .section__fono .section__fono__article .section__fono__article--div {
        width: 90%;
        margin-top: 1rem;
        padding: 1rem; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--titulo {
          margin-left: 0;
          margin-right: 0;
          font-size: 3.5rem;
          text-align: center; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--parrafo {
          margin: 1rem 1rem 0 2rem;
          font-size: 2.2rem;
          line-height: 2; }
      .section__fono .section__fono__article .section__fono__article--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-bottom: 2rem;
        padding: 2rem; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--titulo {
          font-size: 2.4rem;
          margin: 2rem 0 .5rem 0; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--parrafo {
          line-height: 1.5;
          font-size: 2.2rem;
          margin-right: 30px; }
    .section__fono .section__fono__article2 {
      padding: 2rem 0; }
      .section__fono .section__fono__article2 .section__fono__article2--titulo {
        text-align: center;
        font-size: 3rem;
        margin-bottom: 3rem; }
      .section__fono .section__fono__article2 .section__fono__article2--parrafo {
        margin: 2rem 2rem;
        font-size: 2.2rem;
        line-height: 2;
        text-align: left; }
    .section__fono .section__fono__article3 {
      display: flex;
      flex-direction: column;
      height: auto;
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      padding-bottom: 2.5rem; }
      .section__fono .section__fono__article3 .section__fono__article3--titulo {
        text-align: center;
        font-size: 3rem;
        margin: 2rem 0 2rem 0; }
      .section__fono .section__fono__article3 .section__fono__article3--parrafo {
        text-align: left;
        font-size: 2.2rem;
        margin: 0;
        line-height: 2;
        padding: 2rem; }
      .section__fono .section__fono__article3 .section__fono__article3--div {
        display: flex;
        flex-direction: column;
        justify-content: space-around; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--div1 {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0 0 3rem 3rem; }
        .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye {
          font-size: 4rem;
          margin-bottom: 0;
          color: black; }
          .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye:hover {
            color: white;
            transition: 1s; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo {
          font-size: 2.2rem; }
          .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo:hover {
            color: white;
            transition: 1s; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .main__fono {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: .5rem 0 2rem 0; }
    .main__fono .main__fono__div {
      height: auto;
      padding: 2rem;
      width: 90%; }
      .main__fono .main__fono__div .main__fono__div--titulo {
        margin: 0;
        color: #000000;
        font-size: 3.5rem;
        text-align: center; }
      .main__fono .main__fono__div .main__fono__div--parrafo {
        margin-top: 1rem;
        line-height: 1.8;
        font-size: 2.2rem;
        padding-right: 2rem; }
    .main__fono .main__fono__img {
      width: 40rem;
      height: 35rem;
      margin: 2rem 1rem 0 0; }

  .section__fono {
    width: 100%; }
    .section__fono .section__fono__article {
      display: flex;
      flex-direction: column;
      padding: 2rem 0;
      background: -webkit-linear-gradient(to top, #0059ff, #0C5CED);
      background: linear-gradient(to top, #0059ff, #0C5CED); }
      .section__fono .section__fono__article .section__fono__article--div {
        width: 90%;
        margin-top: 1rem;
        padding: 1rem; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--titulo {
          margin-left: 0;
          margin-right: 0;
          font-size: 3.5rem;
          text-align: center; }
        .section__fono .section__fono__article .section__fono__article--div .section__fono__div--parrafo {
          margin: 1rem 1rem 0 2rem;
          font-size: 2.2rem;
          line-height: 2; }
      .section__fono .section__fono__article .section__fono__article--div2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-bottom: 2rem;
        padding: 2rem; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--titulo {
          font-size: 2.4rem;
          margin: 2rem 0 .5rem 0; }
        .section__fono .section__fono__article .section__fono__article--div2 .section__fono__div2--parrafo {
          line-height: 1.5;
          font-size: 2.2rem;
          margin-right: 30px; }
    .section__fono .section__fono__article2 {
      padding: 2rem 0; }
      .section__fono .section__fono__article2 .section__fono__article2--titulo {
        text-align: center;
        font-size: 3rem;
        margin-bottom: 3rem; }
      .section__fono .section__fono__article2 .section__fono__article2--parrafo {
        margin: 2rem 2rem;
        font-size: 2.2rem;
        line-height: 2;
        text-align: left; }
    .section__fono .section__fono__article3 {
      display: flex;
      flex-direction: column;
      height: auto;
      background: -webkit-linear-gradient(to bottom, #0C9EF7, #0C5CED);
      background: linear-gradient(to bottom, #0C9EF7, #0C5CED);
      padding-bottom: 2.5rem; }
      .section__fono .section__fono__article3 .section__fono__article3--titulo {
        text-align: center;
        font-size: 3rem;
        margin: 2rem 0 2rem 0; }
      .section__fono .section__fono__article3 .section__fono__article3--parrafo {
        text-align: left;
        font-size: 2.2rem;
        margin: 0;
        line-height: 2;
        padding: 2rem; }
      .section__fono .section__fono__article3 .section__fono__article3--div {
        display: flex;
        flex-direction: column;
        justify-content: space-around; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--div1 {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0 0 3rem 3rem; }
        .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye {
          font-size: 4rem;
          margin-bottom: 0;
          color: black; }
          .section__fono .section__fono__article3 .section__fono__article3--div .fa-portrait:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-periscope:hover, .section__fono .section__fono__article3 .section__fono__article3--div .fa-eye:hover {
            color: white;
            transition: 1s; }
        .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo {
          font-size: 2.2rem; }
          .section__fono .section__fono__article3 .section__fono__article3--div .section__fono__article3--parrafo:hover {
            color: white;
            transition: 1s; } }
.section__cobertura {
  display: flex;
  color: black;
  flex-direction: row; }
  .section__cobertura .section__cobertura__div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly; }
    .section__cobertura .section__cobertura__div .section__cobertura__div--titulo {
      font-size: 2.5rem; }
    .section__cobertura .section__cobertura__div .section__cobertura__div--parrafo {
      width: 450px;
      padding: 0 2rem;
      font-size: 1.2rem; }
  .section__cobertura .div__listas .article__cobertura {
    background-color: #121212;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 50%; }
    .section__cobertura .div__listas .article__cobertura .article__cobertura--titulo {
      font-size: 2rem;
      color: #ffffff;
      text-align: center;
      margin-top: 8rem;
      padding: 0 2rem; }
    .section__cobertura .div__listas .article__cobertura .article__cobertura--table {
      margin-top: 70px;
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 80%; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr {
        background-color: #eeeeee;
        color: black;
        transition: all; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
          border: 2px solid #0C5CED;
          text-align: left;
          padding: 8px; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
        background-color: #d1d1d1;
        color: black; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:hover {
        background-color: #0C5CED;
        font-weight: bold; }
  .section__cobertura .div__listas .article__cobertura2 {
    background-color: #121212;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 50%; }
    .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--titulo {
      color: #ffffff;
      font-size: 2rem; }
    .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--parrafo {
      color: white;
      font-size: 1.6rem; }
    .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table {
      margin-top: 70px;
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 80%; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr {
        background-color: #eeeeee;
        color: black;
        transition: all; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
          border: 2px solid #0C5CED;
          text-align: left;
          padding: 8px; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
        background-color: #d1d1d1;
        color: black; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:hover {
        background-color: #0C5CED;
        font-weight: 700; }

@media (max-width: 320px) {
  .section__cobertura {
    display: flex;
    flex-direction: column;
    color: black; }
    .section__cobertura .section__cobertura__div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 100vw; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--titulo {
        font-size: 3rem;
        padding: 2rem; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--parrafo {
        width: 80vw;
        padding: 0;
        font-size: 1.5rem;
        line-height: 1.5;
        margin-bottom: 2rem; }
    .section__cobertura .article__cobertura {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .section__cobertura .article__cobertura .article__cobertura--titulo {
        font-size: 2rem;
        color: #ffffff;
        text-align: center;
        padding: 1rem 2rem 0 2rem;
        margin-top: 1.5rem; }
      .section__cobertura .article__cobertura .article__cobertura--table {
        margin-top: 0;
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%; }
        .section__cobertura .article__cobertura .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          transition: all; }
          .section__cobertura .article__cobertura .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.3rem; }
        .section__cobertura .article__cobertura .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .article__cobertura .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: bold; }
    .section__cobertura .article__cobertura2 {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 2rem 0; }
      .section__cobertura .article__cobertura2 .article__cobertura2--titulo {
        color: #ffffff;
        font-size: 2rem;
        padding: 0 2rem;
        text-align: center;
        margin: 2rem 0; }
      .section__cobertura .article__cobertura2 .article__cobertura2--parrafo {
        color: white;
        font-size: 1.6rem; }
      .section__cobertura .article__cobertura2 .article__cobertura--table {
        margin-top: 0;
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%; }
        .section__cobertura .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.3rem; }
        .section__cobertura .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: 700; } }
@media (min-width: 321px) and (max-width: 480px) {
  .section__cobertura {
    display: flex;
    flex-direction: column;
    color: black; }
    .section__cobertura .section__cobertura__div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 100vw; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--titulo {
        font-size: 4rem;
        padding: 2rem; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--parrafo {
        width: 80vw;
        padding: 0;
        font-size: 2rem;
        line-height: 1.5;
        margin-bottom: 3rem; }
    .section__cobertura .div__listas .article__cobertura {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--titulo {
        font-size: 2.5rem;
        color: #ffffff;
        text-align: center;
        padding: 1rem 2rem 0 2rem;
        margin: 1.5rem 0 3rem 0; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%;
        margin: 0 0 2rem 0; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: bold; }
    .section__cobertura .div__listas .article__cobertura2 {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--titulo {
        color: #ffffff;
        font-size: 2.5rem;
        padding: 0 2rem;
        text-align: center;
        margin: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--parrafo {
        color: white;
        font-size: 2rem;
        margin-bottom: 3rem; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table {
        margin-top: 0;
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: 700; } }
@media (min-width: 481px) and (max-width: 600px) {
  .section__cobertura {
    display: flex;
    flex-direction: column;
    color: black; }
    .section__cobertura .section__cobertura__div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 100vw; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--titulo {
        font-size: 4rem;
        padding: 2rem; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--parrafo {
        width: 80vw;
        padding: 0;
        font-size: 2rem;
        line-height: 1.5;
        margin-bottom: 3rem; }
    .section__cobertura .div__listas .article__cobertura {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--titulo {
        font-size: 2.5rem;
        color: #ffffff;
        text-align: center;
        padding: 1rem 2rem 0 2rem;
        margin: 1.5rem 0 3rem 0; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%;
        margin: 0 0 2rem 0; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: bold; }
    .section__cobertura .div__listas .article__cobertura2 {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--titulo {
        color: #ffffff;
        font-size: 2.5rem;
        padding: 0 2rem;
        text-align: center;
        margin: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--parrafo {
        color: white;
        font-size: 2rem;
        margin-bottom: 3rem; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table {
        margin-top: 0;
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: 700; } }
@media (min-width: 601px) and (max-width: 768px) {
  .section__cobertura {
    display: flex;
    flex-direction: column;
    color: black; }
    .section__cobertura .section__cobertura__div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 100vw; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--titulo {
        font-size: 4rem;
        padding: 2rem; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--parrafo {
        width: 80vw;
        padding: 0;
        font-size: 2rem;
        line-height: 1.5;
        margin-bottom: 3rem; }
    .section__cobertura .div__listas .article__cobertura {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--titulo {
        font-size: 2.5rem;
        color: #ffffff;
        text-align: center;
        padding: 1rem 2rem 0 2rem;
        margin: 1.5rem 0 3rem 0; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%;
        margin: 0 0 2rem 0; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: bold; }
    .section__cobertura .div__listas .article__cobertura2 {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--titulo {
        color: #ffffff;
        font-size: 2.5rem;
        padding: 0 2rem;
        text-align: center;
        margin: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--parrafo {
        color: white;
        font-size: 2rem;
        margin-bottom: 3rem; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table {
        margin-top: 0;
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: 700; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .section__cobertura {
    display: flex;
    flex-direction: column;
    color: black; }
    .section__cobertura .section__cobertura__div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 100vw; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--titulo {
        font-size: 4rem;
        padding: 2rem; }
      .section__cobertura .section__cobertura__div .section__cobertura__div--parrafo {
        width: 80vw;
        padding: 0;
        font-size: 2rem;
        line-height: 1.5;
        margin-bottom: 3rem; }
    .section__cobertura .div__listas .article__cobertura {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--titulo {
        font-size: 2.5rem;
        color: #ffffff;
        text-align: center;
        padding: 1rem 2rem 0 2rem;
        margin: 1.5rem 0 3rem 0; }
      .section__cobertura .div__listas .article__cobertura .article__cobertura--table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%;
        margin: 0 0 2rem 0; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: bold; }
    .section__cobertura .div__listas .article__cobertura2 {
      background-color: #121212;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--titulo {
        color: #ffffff;
        font-size: 2.5rem;
        padding: 0 2rem;
        text-align: center;
        margin: 2rem 0; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura2--parrafo {
        color: white;
        font-size: 2rem;
        margin-bottom: 3rem; }
      .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table {
        margin-top: 0;
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr {
          background-color: #eeeeee;
          color: black;
          transition: all; }
          .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr .article__cobertura--table--td {
            border: 2px solid #0C5CED;
            text-align: left;
            padding: 8px;
            font-size: 1.8rem; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:nth-child(even) {
          background-color: #d1d1d1;
          color: black; }
        .section__cobertura .div__listas .article__cobertura2 .article__cobertura--table .article__cobertura--table--tr:hover {
          background-color: #0C5CED;
          font-weight: 700; } }
.contacto__main {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url(../media/social-media-1795578_1920.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  width: 99vw; }
  .contacto__main .contacto__main--info {
    width: 100vw;
    height: 80vh;
    color: white;
    padding: 2rem;
    background-color: rgba(54, 49, 49, 0.616); }
    .contacto__main .contacto__main--info .info__h3 {
      font-size: 2.5rem;
      text-align: center; }
    .contacto__main .contacto__main--info .info__h4 {
      font-size: 2.5rem;
      text-align: center;
      border-bottom: 3px solid #0C5CED; }
    .contacto__main .contacto__main--info .info__h5 {
      font-size: 2rem;
      color: white; }
    .contacto__main .contacto__main--info .info__enlace {
      font-size: 1.5rem;
      color: white; }
    .contacto__main .contacto__main--info .contacto__redes {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 2rem;
      padding-bottom: 2rem;
      background-color: rgba(54, 49, 49, 0.876);
      border-radius: 2rem; }
      .contacto__main .contacto__main--info .contacto__redes .info__h5--redes {
        color: #0C5CED;
        font-size: 2.2rem;
        margin-bottom: 1rem; }
      .contacto__main .contacto__main--info .contacto__redes .info__enlace {
        font-size: 1.2rem;
        color: white;
        text-decoration: none; }
      .contacto__main .contacto__main--info .contacto__redes .redes--logos {
        display: flex;
        flex-direction: row; }
      .contacto__main .contacto__main--info .contacto__redes .redes--enlace {
        color: white;
        text-decoration: none; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-facebook-square {
          font-size: 45px;
          color: #3b5998;
          margin-right: 30px; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-instagram {
          font-size: 45px;
          color: #E1306C;
          margin-right: 30px; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-twitter {
          font-size: 45px;
          color: #00acee;
          margin-right: 30px; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-linkedin-in {
          font-size: 45px;
          color: #2867B2;
          margin-right: 30px; }

.section__contacto .section__contacto__iframe {
  width: 95vw;
  margin: 1rem 0 0 1.5rem; }

@media (max-width: 320px) {
  html {
    font-size: 10px; }

  .contacto__main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url(../media/social-media-1795578_1920.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
    height: 100vh; }
    .contacto__main .contacto__main--info {
      width: 100vw;
      height: 100vh;
      color: white;
      padding: 0;
      background-color: rgba(54, 49, 49, 0.616); }
      .contacto__main .contacto__main--info .info__h3 {
        font-size: 2rem;
        text-align: center;
        margin: 2rem 0 1rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h4 {
        font-size: 2rem;
        text-align: center;
        border-bottom: none;
        margin: 0 0 2rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h5 {
        font-size: 2rem;
        color: white;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__enlace {
        font-size: 1.5rem;
        color: white;
        margin: 0 0 2rem 0;
        padding: 0 3rem; }
      .contacto__main .contacto__main--info .contacto__redes {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 5rem 0 0 3rem;
        padding-bottom: 2rem;
        background-color: rgba(54, 49, 49, 0.876);
        border-radius: 2rem;
        width: 80vw; }
        .contacto__main .contacto__main--info .contacto__redes .info__h5--redes {
          color: #0C5CED;
          font-size: 2.2rem;
          margin-bottom: 1rem; }
        .contacto__main .contacto__main--info .contacto__redes .info__enlace {
          font-size: 1.2rem;
          color: white;
          text-decoration: none; }
        .contacto__main .contacto__main--info .contacto__redes .redes--logos {
          display: flex;
          flex-direction: row;
          margin-left: 3rem; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace {
          color: white;
          text-decoration: none; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-facebook-square {
            font-size: 3rem;
            color: #3b5998;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-instagram {
            font-size: 3rem;
            color: #E1306C;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-twitter {
            font-size: 3rem;
            color: #00acee;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-linkedin-in {
            font-size: 3rem;
            color: #2867B2;
            margin-right: 30px; }

  .section__contacto .section__contacto__iframe {
    width: 100vw;
    margin: 0;
    height: 50vh; } }
@media (min-width: 321px) and (max-width: 480px) {
  html {
    font-size: 10px; }

  .contacto__main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url(../media/social-media-1795578_1920.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
    height: 100vh; }
    .contacto__main .contacto__main--info {
      width: 100vw;
      height: 100vh;
      color: white;
      padding: 0;
      background-color: rgba(54, 49, 49, 0.616); }
      .contacto__main .contacto__main--info .info__h3 {
        font-size: 2.5rem;
        text-align: center;
        margin: 4rem 0 1rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h4 {
        font-size: 2.5rem;
        text-align: center;
        border-bottom: none;
        margin: 2rem 0 4rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h5 {
        font-size: 2.5rem;
        color: white;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__enlace {
        font-size: 2rem;
        color: white;
        margin: 0 0 2rem 0;
        padding: 0 3rem; }
      .contacto__main .contacto__main--info .contacto__redes {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 5rem 0 0 3rem;
        padding-bottom: 2rem;
        background-color: rgba(54, 49, 49, 0.876);
        border-radius: 2rem;
        width: 85vw;
        height: 20vh; }
        .contacto__main .contacto__main--info .contacto__redes .info__h5--redes {
          color: #0C5CED;
          font-size: 3rem;
          margin: 2rem 0 1rem 0; }
        .contacto__main .contacto__main--info .contacto__redes .info__enlace {
          font-size: 1.2rem;
          color: white;
          text-decoration: none; }
        .contacto__main .contacto__main--info .contacto__redes .redes--logos {
          display: flex;
          flex-direction: row;
          margin: 2rem 0 0 3rem; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace {
          color: white;
          text-decoration: none; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-facebook-square {
            font-size: 4rem;
            color: #3b5998;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-instagram {
            font-size: 4rem;
            color: #E1306C;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-twitter {
            font-size: 4rem;
            color: #00acee;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-linkedin-in {
            font-size: 4rem;
            color: #2867B2;
            margin-right: 30px; }

  .section__contacto .section__contacto__iframe {
    width: 100vw;
    margin: 0;
    height: 50vh; } }
@media (min-width: 481px) and (max-width: 600px) {
  html {
    font-size: 11px; }

  .contacto__main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url(../media/social-media-1795578_1920.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
    height: 100vh; }
    .contacto__main .contacto__main--info {
      width: 100vw;
      height: 100vh;
      color: white;
      padding: 0;
      background-color: rgba(54, 49, 49, 0.616); }
      .contacto__main .contacto__main--info .info__h3 {
        font-size: 2.5rem;
        text-align: center;
        margin: 4rem 0 1rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h4 {
        font-size: 2.5rem;
        text-align: center;
        border-bottom: none;
        margin: 2rem 0 4rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h5 {
        font-size: 2.5rem;
        color: white;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__enlace {
        font-size: 2rem;
        color: white;
        margin: 0 0 2rem 0;
        padding: 0 3rem; }
      .contacto__main .contacto__main--info .contacto__redes {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 5rem 0 0 3rem;
        padding-bottom: 2rem;
        background-color: rgba(54, 49, 49, 0.876);
        border-radius: 2rem;
        width: 85vw;
        height: 20vh; }
        .contacto__main .contacto__main--info .contacto__redes .info__h5--redes {
          color: #0C5CED;
          font-size: 3rem;
          margin: 2rem 0 1rem 0; }
        .contacto__main .contacto__main--info .contacto__redes .info__enlace {
          font-size: 1.2rem;
          color: white;
          text-decoration: none; }
        .contacto__main .contacto__main--info .contacto__redes .redes--logos {
          display: flex;
          flex-direction: row;
          margin: 2rem 0 0 3rem; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace {
          color: white;
          text-decoration: none; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-facebook-square {
            font-size: 4rem;
            color: #3b5998;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-instagram {
            font-size: 4rem;
            color: #E1306C;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-twitter {
            font-size: 4rem;
            color: #00acee;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-linkedin-in {
            font-size: 4rem;
            color: #2867B2;
            margin-right: 30px; }

  .section__contacto .section__contacto__iframe {
    width: 100vw;
    margin: 0;
    height: 50vh; } }
@media (min-width: 601px) and (max-width: 768px) {
  html {
    font-size: 15px; }

  .contacto__main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url(../media/social-media-1795578_1920.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
    height: 100vh; }
    .contacto__main .contacto__main--info {
      width: 100vw;
      height: 100vh;
      color: white;
      padding: 0;
      background-color: rgba(54, 49, 49, 0.616); }
      .contacto__main .contacto__main--info .info__h3 {
        font-size: 2.5rem;
        text-align: center;
        margin: 4rem 0 1rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h4 {
        font-size: 2.5rem;
        text-align: center;
        border-bottom: none;
        margin: 2rem 0 4rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h5 {
        font-size: 2.5rem;
        color: white;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__enlace {
        font-size: 2rem;
        color: white;
        margin: 0 0 2rem 0;
        padding: 0 3rem; }
      .contacto__main .contacto__main--info .contacto__redes {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 5rem 0 0 3rem;
        padding-bottom: 2rem;
        background-color: rgba(54, 49, 49, 0.876);
        border-radius: 2rem;
        width: 85vw;
        height: 20vh; }
        .contacto__main .contacto__main--info .contacto__redes .info__h5--redes {
          color: #0C5CED;
          font-size: 3rem;
          margin: 2rem 0 1rem 0; }
        .contacto__main .contacto__main--info .contacto__redes .info__enlace {
          font-size: 1.2rem;
          color: white;
          text-decoration: none; }
        .contacto__main .contacto__main--info .contacto__redes .redes--logos {
          display: flex;
          flex-direction: row;
          margin: 2rem 0 0 3rem; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace {
          color: white;
          text-decoration: none; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-facebook-square {
            font-size: 4rem;
            color: #3b5998;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-instagram {
            font-size: 4rem;
            color: #E1306C;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-twitter {
            font-size: 4rem;
            color: #00acee;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-linkedin-in {
            font-size: 4rem;
            color: #2867B2;
            margin-right: 30px; }

  .section__contacto .section__contacto__iframe {
    width: 100vw;
    margin: 0;
    height: 50vh; } }
@media (min-width: 769px) and (max-width: 1024px) {
  html {
    font-size: 20px; }

  .contacto__main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url(../media/social-media-1795578_1920.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
    height: 100vh; }
    .contacto__main .contacto__main--info {
      width: 100vw;
      height: 100vh;
      color: white;
      padding: 0;
      background-color: rgba(54, 49, 49, 0.616); }
      .contacto__main .contacto__main--info .info__h3 {
        font-size: 2.5rem;
        text-align: center;
        margin: 4rem 0 1rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h4 {
        font-size: 2.5rem;
        text-align: center;
        border-bottom: none;
        margin: 2rem 0 4rem 0;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__h5 {
        font-size: 2.5rem;
        color: white;
        padding: 0 2rem; }
      .contacto__main .contacto__main--info .info__enlace {
        font-size: 2rem;
        color: white;
        margin: 0 0 2rem 0;
        padding: 0 3rem; }
      .contacto__main .contacto__main--info .contacto__redes {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 5rem 0 0 3rem;
        padding-bottom: 2rem;
        background-color: rgba(54, 49, 49, 0.876);
        border-radius: 2rem;
        width: 85vw;
        height: 20vh; }
        .contacto__main .contacto__main--info .contacto__redes .info__h5--redes {
          color: #0C5CED;
          font-size: 3rem;
          margin: 2rem 0 1rem 0; }
        .contacto__main .contacto__main--info .contacto__redes .info__enlace {
          font-size: 1.2rem;
          color: white;
          text-decoration: none; }
        .contacto__main .contacto__main--info .contacto__redes .redes--logos {
          display: flex;
          flex-direction: row;
          margin: 2rem 0 0 3rem; }
        .contacto__main .contacto__main--info .contacto__redes .redes--enlace {
          color: white;
          text-decoration: none; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-facebook-square {
            font-size: 4rem;
            color: #3b5998;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-instagram {
            font-size: 4rem;
            color: #E1306C;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-twitter {
            font-size: 4rem;
            color: #00acee;
            margin-right: 30px; }
          .contacto__main .contacto__main--info .contacto__redes .redes--enlace .fa-linkedin-in {
            font-size: 4rem;
            color: #2867B2;
            margin-right: 30px; }

  .section__contacto .section__contacto__iframe {
    width: 100vw;
    margin: 0;
    height: 50vh; } }
.error__conteiner {
  display: flex;
  flex-direction: row; }
  .error__conteiner .error__texto {
    width: 60%;
    height: 100vh;
    background-color: #093b99;
    color: white;
    -webkit-box-shadow: inset 2px 0px 35px 0px #3b4353;
    box-shadow: inset 2px 0px 35px 0px #3b4353; }
    .error__conteiner .error__texto .error__404 {
      margin: 250px 0 0 0;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .error__conteiner .error__texto .error__404 .fa-binoculars {
        font-size: 100px; }
      .error__conteiner .error__texto .error__404 .error__titulo {
        font-size: 50px;
        font-family: 'Acme', sans-serif; }
  .error__conteiner .error_img {
    width: 40%;
    height: 100vh;
    color: white;
    background-image: url(../media/error-min.jpg);
    background-size: cover;
    background-position: center center; }
    .error__conteiner .error_img .error__img--bkg {
      background-color: #3b3b3bc9;
      width: 400px;
      border-radius: 20px;
      padding: 20px;
      margin: 230px 0 0 80px; }
      .error__conteiner .error_img .error__img--bkg .error__titulo {
        font-family: 'Acme', sans-serif;
        font-size: 40px;
        margin: 10px 0 10px 80px; }
      .error__conteiner .error_img .error__img--bkg .error__parrafo {
        line-height: 2;
        font-family: 'Acme', sans-serif; }

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