@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Eras ITC Bold";
  src: url("../../content/fonts/Eras ITC Bold.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Bahnschrift Regular";
  src: url("../../content/fonts/Bahnschrift Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
* {
  font-family: "Bahnschrift Regular";
  margin: 0;
  padding: 0;
  text-decoration: none; }

body {
  background-color: #F0F0F0; }
  body header {
    background-color: #FFFFFF; }
    body header nav ul {
      list-style: none; }
  body main {
    min-height: 400px; }
    body main #TextoACopiar {
      display: none; }
  body footer {
    height: auto;
    background: linear-gradient(to right, #11145E, #1E22AA, #11145E);
    color: #FFFFFF; }
    body footer #f-top a {
      color: #FAFAFA; }
    body footer #f-bottom {
      background-color: #11145E;
      color: #FFFFFF;
      width: 100%;
      height: auto; }
      body footer #f-bottom a {
        color: #307FE2; }

.flex-container {
  display: flex; }

.flex-column {
  display: flex;
  flex-direction: column; }

.flex-row {
  display: flex;
  flex-direction: row; }

.center-start {
  align-items: center;
  justify-content: flex-start; }

.center-end {
  align-items: center;
  justify-content: flex-end; }

.center-between {
  align-items: center;
  justify-content: space-between; }

.center-around {
  align-items: center;
  justify-content: space-around; }

.start-center {
  align-items: flex-start;
  justify-content: center; }

.start-start {
  align-items: flex-start;
  justify-content: flex-start; }

.start-end {
  align-items: flex-start;
  justify-content: flex-end; }

.end-center {
  align-items: flex-end;
  justify-content: center; }

.center-center {
  align-items: center;
  justify-content: center; }

/*PANTALLAS*/
/*Pantalla de celulares - PORTRAIT*/
@media screen and (max-width: 767px) and (orientation: portrait) {
  body main {
    min-height: 500px; }
    body main h1, body main h2 {
      width: 90%;
      text-align: center; }
    body main img {
      width: 100px;
      height: auto;
      margin: 40px 0px 0px 0px; }
  body footer #f-top {
    padding: 40px 0px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    height: auto; }
    body footer #f-top #data, body footer #f-top #info, body footer #f-top #links {
      width: 100%;
      flex-direction: column;
      align-items: center; }
      body footer #f-top #data h2, body footer #f-top #info h2, body footer #f-top #links h2 {
        margin: 0px 0px 20px 0px; }
    body footer #f-top #data img {
      width: 60%;
      height: auto; }
    body footer #f-top #info {
      margin: 40px 0px; }
      body footer #f-top #info .item {
        margin: 0px 0px 10px 0px;
        flex-direction: column;
        align-items: center; }
        body footer #f-top #info .item img {
          width: 20px;
          height: 20px;
          margin: 0px 0px 10px 0px; }
        body footer #f-top #info .item p {
          text-align: center; }
        body footer #f-top #info .item #phones {
          align-items: center; }
          body footer #f-top #info .item #phones a {
            margin: 0px 0px 5px 0px; }
  body footer #f-bottom {
    padding: 20px 0px; } }
/*Pantalla de celulares - LANDSCAPE*/
@media screen and (max-width: 767px) and (orientation: landscape) {
  body main {
    min-height: 500px; }
    body main h1, body main h2 {
      width: 90%;
      text-align: center; }
    body main img {
      width: 100px;
      height: auto;
      margin: 40px 0px 0px 0px; }
  body footer #f-top {
    padding: 40px 0px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    height: auto; }
    body footer #f-top #data, body footer #f-top #info, body footer #f-top #links {
      width: 100%;
      flex-direction: column;
      align-items: center; }
      body footer #f-top #data h2, body footer #f-top #info h2, body footer #f-top #links h2 {
        margin: 0px 0px 20px 0px; }
    body footer #f-top #data img {
      width: 40%;
      height: auto; }
    body footer #f-top #info {
      margin: 40px 0px; }
      body footer #f-top #info .item {
        margin: 0px 0px 10px 0px;
        flex-direction: column;
        align-items: center; }
        body footer #f-top #info .item img {
          width: 20px;
          height: 20px;
          margin: 0px 0px 10px 0px; }
        body footer #f-top #info .item p {
          text-align: center; }
        body footer #f-top #info .item #phones {
          align-items: center; }
          body footer #f-top #info .item #phones a {
            margin: 0px 0px 5px 0px; }
  body footer #f-bottom {
    padding: 20px 0px; } }
/*Pantalla de tablets*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body main {
    min-height: 500px; }
    body main h1, body main h2 {
      width: 90%;
      text-align: center; }
    body main img {
      width: 100px;
      height: auto;
      margin: 40px 0px 0px 0px; }
  body footer #f-top {
    padding: 40px 0px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    height: auto; }
    body footer #f-top #data, body footer #f-top #info, body footer #f-top #links {
      width: 100%;
      flex-direction: column;
      align-items: center; }
      body footer #f-top #data h2, body footer #f-top #info h2, body footer #f-top #links h2 {
        margin: 0px 0px 20px 0px; }
    body footer #f-top #data img {
      width: 40%;
      height: auto; }
    body footer #f-top #info {
      margin: 40px 0px; }
      body footer #f-top #info .item {
        margin: 0px 0px 10px 0px;
        flex-direction: column;
        align-items: center; }
        body footer #f-top #info .item img {
          width: 20px;
          height: 20px;
          margin: 0px 0px 10px 0px; }
        body footer #f-top #info .item p {
          text-align: center; }
        body footer #f-top #info .item #phones {
          align-items: center; }
          body footer #f-top #info .item #phones a {
            margin: 0px 0px 5px 0px; }
  body footer #f-bottom {
    padding: 20px 0px; } }
/*Pantalla de computadoras*/
@media screen and (min-width: 1024px) {
  body main {
    min-height: 600px; }
    body main img {
      width: 200px;
      height: auto;
      margin: 40px 0px 0px 0px; }
  body footer #f-top {
    padding: 40px 0px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 90%;
    height: auto; }
    body footer #f-top #data, body footer #f-top #info, body footer #f-top #links {
      width: 30%; }
      body footer #f-top #data h2, body footer #f-top #info h2, body footer #f-top #links h2 {
        margin: 0px 0px 20px 0px; }
      body footer #f-top #data a, body footer #f-top #info a, body footer #f-top #links a {
        padding: 5px;
        transition: all ease .3s; }
      body footer #f-top #data a:hover, body footer #f-top #info a:hover, body footer #f-top #links a:hover {
        background-color: #307FE2;
        cursor: pointer; }
    body footer #f-top #data img {
      width: 60%;
      height: auto; }
    body footer #f-top #info .item {
      margin: 0px 0px 10px 0px; }
      body footer #f-top #info .item img {
        width: 20px;
        height: 20px;
        margin: 0px 10px 0px 0px; }
      body footer #f-top #info .item #phones a {
        margin: 0px 0px 5px 0px; }
  body footer #f-bottom {
    padding: 20px 0px; } }