:root {
  --font-size: 1;
}

@font-face {
  font-family: 'Museo';
  src: url("../fonts/MuseoSans-500.otf") format('opentype'),
}


/* Styles */
body {
  font-family: 'museo';
}

.barra {
  display: flex;
  justify-content: center;
  height: 20px;
  width: 186px;
  max-width: 386px;

  .azul {
    width: 40%;
    background-color: #0E69B1;
  }

  .rojo {
    width: 60%;
    background-color: #E93C47;
  }
}

.font-controls {
  z-index: 5;
  position: fixed;
  right: -0.5%;
  top: 50%;
  width: 9%;
}

.font-control {
  background-color: #2A4478;
  color: #FFFFFF;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 25px;
  font-family: museo;
}

.bg-gris {
  background-color: #F7F7F7;
}

.text-cc5 {
  color: #CC5B4E !important;
}

.text272 {
  color: #272252 !important;
}

.text-707 {
  color: #707070 !important;
}

.header {
  background: transparent url('../img/banner revista GM.png') 0% 0% no-repeat padding-box;
  opacity: 1;
  background-color: #20437a;
  background-size: cover;
  background-position: center center;
  aspect-ratio: 3549 / 710;
}

.navbar {
  background: var(---272252) 0% 0% no-repeat padding-box;
  background: #2A4478 0% 0% no-repeat padding-box;
  opacity: 1;
}

.nav-link {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 1.125em);
  line-height: 22px;
  font-family: museo;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.linea div {
  height: 3px;
  margin: 0px;
  padding: 0px;
}

.linea div:first-child {
  background-color: #0f69b4;
  width: 40%;

}

.linea div:last-child {
  background-color: #eb3c46;
  width: 60%;
  margin-left: -5px;

}

.single_foot {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;

}

.caja_buscar_single {
  background: var(---272252) 0% 0% no-repeat padding-box;
  background: #272252 0% 0% no-repeat padding-box;
  border-radius: 15px;
  opacity: 1;
}

.caja_write_single {
  background: var(---7fc0cf) 0% 0% no-repeat padding-box;
  background: #7FC0CF 0% 0% no-repeat padding-box;
  border-radius: 15px;
  opacity: 1;

}

.text-write {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 2.5625em);
  line-height: 50px;
  font-family: museo;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.btn_write_single {
  border: 5px solid #FFFFFF;
  border-radius: 62px;
  opacity: 1;
  width: 350px;
}

.buscador {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 18px;
  opacity: 1;
}

.allbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 30px;
  transition: transform 0.5s ease-in-out;

  .box {
    .caja_interna {
      border-radius: 15px;
      height: 65%;
      display: grid;
      place-items: center;
      border: 1px solid white;

      img {
        width: 50%;
      }

      ;
    }

    .pie {
      text-align: center;
      padding-top: 1rem;
      padding-bottom: 1rem;

      a {
        text-decoration: none;
        text-align: center;
        line-height: 30px;
        font-family: museo;
        color: #FFF;
        opacity: 1;
        font-size: calc(var(--font-size) * 1.35em);
      }
    }
  }

  :hover {
    transform: scale(1.15);
  }
}

.caja_escribir {
  background: transparent 0% 0% no-repeat padding-box;
  border: 5px solid #fff;
  border-radius: 62px;
  opacity: 1;
  background-color: #FFF;
  color: #2A4478 !important;
  font-weight: 900;
}

.bg-revista-principal {
  background-image: url(../img/fondoS_Revista.png);
  opacity: 1;
}

.font-style-18 {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 1.125em);
  line-height: 22px;
  font-family: museo;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.font-style-20 {
  /* UI Properties */
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 1.25em);
  line-height: 24px;
  font-family: museo;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  font-weight: 500;
}

.font-style-22 {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 1.375em);
  line-height: 24px;
  font-family: museo;
  letter-spacing: 0px;
}

.font-style-24 {
  text-align: center;
  text-wrap: balance;
  font-size: calc(var(--font-size) * 1.5em);
  font-family: museo;
  font-weight: 500;

  strong {
    font-weight: 900;
  }

}

a {
  .font-style-24 {
    text-align: center;
    text-wrap: balance;
    font-size: calc(var(--font-size) * 1.5em);
    font-family: museo;
    font-weight: 500;

    strong {
      font-weight: 900;
    }

  }
}

.font-style-25 {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 1.5625em);
  line-height: 31px;
  font-family: museo;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}

.font-style-30 {
  text-align: left;
  font: normal normal normal 30px;
  font-size: calc(var(--font-size) * 1.875em);
  line-height: 36px;
  font-family: museo;
  letter-spacing: 0px;
  color: #747474;
}

.font-style-35 {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 2.1875em);
  line-height: 42px;
  font-family: museo;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.font-style-40 {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 1.85em);
  line-height: 48px;
  font-family: museo;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}

.font-style-57 {
  font: normal normal normal;
  font-size: calc(var(--font-size) * 3.5625em);
  line-height: 69px;
  font-family: museo;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}

.font-style-81 {
  text-align: left;
  font: normal normal normal;
  font-size: calc(var(--font-size) * 5.0625em);
  line-height: 97px;
  font-family: museo;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.img-rev-princ {
  width: 359px;
  height: 487px;
}

.box_write {
  width: 568px;
}

.img_box_2 {
  width: 341px;
}

.rev_suscri {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.azul {
  color: #2A4478;
}

.img-icon-social {
  width: 35px;
}

.contenido-modal-wysiwyg img {
  display: block;
  margin: 2px auto;
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.modal-content {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}


/* Smartphones (horizontal) ----------- */
@media only screen and (min-width : 321px) {
  .font-controls {

    width: 20%;
  }

  /* Styles */
}

.font-style-81 {
  font-size: calc(var(--font-size) * 2.5625em);
}

.img-rev-princ {
  max-width: 100%;
  height: auto;
}

.caja_interna {
  max-width: 100%;

}

.font-style-57 {
  font-size: calc(var(--font-size) * 2.2625em);
}

.box_write {
  max-width: 100%;
  height: auto;
}

.img-box-write {
  max-width: 100%;
  height: auto;
}

.img_box_2 {
  max-width: 100%;
  height: auto;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='73' viewBox='0 0 18 73'%3E%3Cpath id='Pol%C3%ADgono_2' data-name='Pol%C3%ADgono 2' d='M36.5,0,73,18H0Z' transform='translate(0 73) rotate(-90)' fill='%233066ad'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: relative;
}

.carousel-indicators [data-bs-target] {
  background-color: #21457C;
  height: 30px;
  border-radius: 50%;
}

.carousel-control-prev {
  left: -10%;
}

.carousel-control-next {
  right: -10%;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='73' viewBox='0 0 18 73'%3E%3Cpath id='Pol%C3%ADgono_1' data-name='Pol%C3%ADgono 1' d='M36.5,0,73,18H0Z' transform='translate(18) rotate(90)' fill='%233066ad'/%3E%3C/svg%3E");
}

.bg-azul {
  background: #21457C 0% 0% no-repeat padding-box;
  opacity: 1;
}

.card-img-top {
  object-fit: cover;
  max-height: 315px;
  min-height: 123px;
}

/* Smartphones (vertical) ----------- */
@media only screen and (max-width : 768px) {
  .font-controls {

    width: 20%;
  }

  .rev_suscri {

    grid-template-columns: 1fr;

  }

  .barra {
    width: 113px;
    height: 12px;
  }

  .azul {
    font-size: 10px;
  }

  .img-icon-social {
    width: 20px;
  }

  /* Styles */
}

/* iPads (vertical y horizontal) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

  .mt-n1 {
    margin-top: -2.5rem !important;
  }

  .img_box_2 {
    max-width: 100%;
    height: auto;
  }

  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

  .mt-n1 {
    margin-top: -2.5rem !important;
  }

  .img_box_2 {
    max-width: 100%;
    height: auto;
  }

  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  .mt-n1 {
    margin-top: -2.5rem !important;
  }

  .img_box_2 {
    max-width: 100%;
    height: auto;
  }

  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  .mt-n1 {
    margin-top: -2.5rem !important;
  }

  .font-controls {

    width: 9%;
  }

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  .mt-n1 {
    margin-top: -2.5rem !important;
  }

  /* Styles */
}

 

@media (min-width: 992px) {
  .modal-dialog {
    min-width: 800px;
  }

  .modal-imagen-personalizada {
    max-width: none;
    width: 800px;
  }
}