h1, h2, h3, h4, h5, h6 {
  font-family: "Abril Fatface", cursive;
  line-height: 100%;
}

h1 {
  font-size: 4rem;
}

html {
  font-family: "Montserrat", sans-serif;
  color: black;
  font-size: 15px;
  line-height: 120%;
}

a {
  font-family: "Abril Fatface", cursive;
  font-size: 1.2rem;
  color: #ee506f;
}

a:hover {
  text-decoration: none;
  color: #E51E37;
}

a span {
  margin-left: 2rem;
}

.uk-center-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

form * {
  font-family: "Montserrat", sans-serif;
}

@media (max-width: 575.98px) {
  .uk-floating-button {
    position: fixed;
    right: 7px;
    bottom: 15px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 180px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .uk-floating-button {
    position: fixed;
    right: 7px;
    bottom: 15px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 180px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .uk-floating-button {
    position: fixed;
    right: 7px;
    bottom: 15px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 180px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .uk-floating-button {
    position: fixed;
    right: 10px;
    top: 80px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 240px;
  }
}
@media (min-width: 1200px) {
  /** Boton Flotante **/
  .uk-floating-button {
    position: fixed;
    right: 10px;
    top: 80px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 240px;
  }
}
/** Boton Flotante **/
.uk-menu-button {
  position: absolute;
  right: 23px;
  top: 23px;
  z-index: 997;
}

#menu-comolehago button {
  background-color: #40485F;
  border: none;
  padding: 1.1rem;
  cursor: pointer;
}
#menu-comolehago button span {
  color: white;
}
#menu-comolehago button:hover {
  background-color: #272D3C;
}

.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100vw;
  height: calc(100vh - 13rem);
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #272D3C;
}

.uk-modal-close-full {
  top: 0;
  right: 0;
  padding: 20px;
  background: rgba(255, 255, 255, 0);
}

@media screen and (min-width: 53em) {
  #modal-menu .content {
    height: 100vh;
    width: 100vw;
    /** /contenido **/
  }
  #modal-menu .content .grid-menu-principal {
    display: -ms-grid;
    display: grid;
    grid-gap: 1vh;
    width: 100vw;
    -ms-grid-columns: 1fr 1vh 1fr 1vh 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1vh 2fr 1vh 1fr 1vh 1fr;
    grid-template-rows: 1fr 2fr 1fr 1fr;
        grid-template-areas: "logo-menu form-menu imagen-menu" "lista-menu form-menu imagen-menu" "lista-menu . tips-menu" "lista-menu . tips-menu" ". . tips-menu";
  }
  #modal-menu .content .logo-menu {
    grid-area: logo-menu;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  #modal-menu .content .form-menu {
    grid-area: form-menu;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    padding: 2vh;
  }
  #modal-menu .content .form-menu h1 {
    color: #E51E37;
    font-size: 5vh;
  }
  #modal-menu .content .form-menu p {
    color: #fafafa;
  }
  #modal-menu .content .form-menu small {
    color: #fafafa;
  }
  #modal-menu .content .lista-menu {
    grid-area: lista-menu;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    grid-row: 2/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #modal-menu .content .lista-menu ul {
    list-style: none !important;
  }
  #modal-menu .content .lista-menu ul li a {
    font-size: 6vh;
    line-height: 130%;
    color: #E51E37;
    font-weight: 600;
  }
  #modal-menu .content .imagen-menu {
    grid-area: imagen-menu;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    background-image: url(../images/imagen-menu.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #modal-menu .content .icono-menu {
    grid-area: icono-menu;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5/6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #modal-menu .content .comodin-menu {
    grid-area: comodin-menu;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    grid-row: 3/6;
  }
  #modal-menu .content .comodin-menu img {
    width: 15vw;
    margin-top: 4vh;
  }
  #modal-menu .content .comodin-menu p {
    color: #fafafa;
  }
  #modal-menu .content .tips-menu {
    grid-area: tips-menu;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    grid-row: 3/6;
  }
  #modal-menu .content .tips-menu h1 {
    color: #fafafa;
    margin-top: 3vh;
  }
  #modal-menu .content .tips-menu ul {
    list-style: square;
    margin-top: 3vh;
  }
  #modal-menu .content .tips-menu ul li {
    color: #fafafa;
    font-size: 3vh;
    line-height: 150%;
  }
}

@media screen and (min-width: 53em) {
  #modal-menu .content .logo-menu {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #modal-menu .content .form-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  #modal-menu .content .lista-menu {
    -ms-grid-row: 3;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
  }
  #modal-menu .content .imagen-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
  }
  #modal-menu .content .tips-menu {
    -ms-grid-row: 5;
    -ms-grid-row-span: 5;
    -ms-grid-column: 5;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Abril Fatface", cursive;
  line-height: 100%;
}

h1 {
  font-size: 4rem;
}

html {
  font-family: "Montserrat", sans-serif;
  color: black;
  font-size: 15px;
  line-height: 120%;
}

a {
  font-family: "Abril Fatface", cursive;
  font-size: 1.2rem;
  color: #ee506f;
}

a:hover {
  text-decoration: none;
  color: #E51E37;
}

a span {
  margin-left: 2rem;
}

.uk-center-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

form * {
  font-family: "Montserrat", sans-serif;
}

@media (max-width: 575.98px) {
  .uk-floating-button {
    position: fixed;
    right: 7px;
    bottom: 15px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 180px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .uk-floating-button {
    position: fixed;
    right: 7px;
    bottom: 15px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 180px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .uk-floating-button {
    position: fixed;
    right: 7px;
    bottom: 15px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 180px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .uk-floating-button {
    position: fixed;
    right: 10px;
    top: 80px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 240px;
  }
}
@media (min-width: 1200px) {
  /** Boton Flotante **/
  .uk-floating-button {
    position: fixed;
    right: 10px;
    top: 80px;
    z-index: 9999999999;
  }
  #chat-comolehago button {
    border: none;
    cursor: pointer;
    background-color: transparent !important;
    width: 240px;
  }
}
.grid-header-home {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.8fr 0.9fr 0.9fr 1fr 1fr 1.4fr;
  grid-template-columns: 0.8fr 0.9fr 0.9fr 1fr 1fr 1.4fr;
  -ms-grid-rows: 0.54fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.54fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo imagen-foros imagen-foros que-es que-es que-es" "redes imagen-foros imagen-foros que-es que-es que-es" "mapa imagen-foros imagen-foros flexible flexible descargable" "oportunidades video-home video-home flexible flexible descargable" "texto-foros texto-foros texto-foros flexible flexible descargable";
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.oportunidades img {
  display: none;
}
.oportunidades h4 {
  font-size: 1.2rem;
}

.texto-foros {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: texto-foros;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5/6;
  background-image: url(../images/textura-cruz.png);
}

.flexible {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-area: flexible;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-column: 4/6;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  grid-row: 3/6;
  background-image: url(../images/textura-cruz.png);
}
.flexible .uk-inline {
  width: 100% !important;
}

.imagen-foros {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: imagen-foros;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  background-color: #ffffff;
  background-image: url(../images/imagen-foros.png);
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}

.video-home {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: video-home;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: 1.5fr 10px 1fr;
  grid-template-columns: 1.5fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "texto-video play-video";
  padding: 15px;
}

.texto-video {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: texto-video;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.texto-video h1 {
  font-size: 2.2em;
  text-align: center;
  margin-top: 20px;
}
.texto-video h3 {
  text-align: center;
}

.play-video {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: play-video;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.play-video img {
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.que-es {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: que-es;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4/7;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  background-color: #fafafa;
}

.descargable {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 6;
  grid-area: descargable;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-column: 6/7;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  grid-row: 3/6;
  background-color: #ffffff;
}
.descargable .grid-interaccion {
  display: -ms-grid;
  display: grid;
  gap: 10px 0;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr 10px 0.5fr;
  grid-template-rows: 1fr 0.5fr;
      grid-template-areas: "interaccion-1" "interaccion-2";
}
.descargable .grid-interaccion a {
  font-family: inherit !important;
  color: #000000;
}
.descargable .interaccion-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: interaccion-1;
  background-color: #40485F;
}
.descargable .interaccion-1 h1 {
  color: #ffffff;
  padding: 20px;
  font-size: 40px;
  margin: 0;
}
.descargable .interaccion-1 .descripcion-metodos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.descargable .interaccion-1 .descripcion-metodos * {
  padding: 20px;
  color: #ffffff;
}
.descargable .interaccion-2 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: interaccion-2;
  border: 1px solid #EBEBEB;
}
.descargable .interaccion-2 .chat-titulo-1 {
  margin: 0 !important;
  text-align: center;
  font-size: 42px;
  line-height: 100%;
}
.descargable .interaccion-2 .chat-titulo-2 {
  margin: 0;
  text-align: center;
  font-size: 70px;
  line-height: 100%;
}
.descargable .interaccion-2 h2 {
  margin: 20px 0 10px;
  text-align: center;
  font-size: 22px;
  font-family: inherit;
}
.descargable .interaccion-2 #canvas-img-chat-anim {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/** Entradas home **/
#entrada-home .grid-entrada-home {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.3fr 0.7fr;
  grid-template-columns: 1.3fr 0.7fr;
  -ms-grid-rows: 1.5fr 0.5fr;
  grid-template-rows: 1.5fr 0.5fr;
      grid-template-areas: "imagen-entrada-home texto-entrada-home" "imagen-entrada-home mas-noticias-home";
}
#entrada-home .imagen-entrada-home {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: imagen-entrada-home;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  background-image: url("../images/imagen-entrada-home.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}
#entrada-home .texto-entrada-home {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: texto-entrada-home;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E5E5E5;
}
#entrada-home .texto-entrada-home h2 {
  font-size: 2.7rem;
  margin-bottom: 3rem;
}
#entrada-home .texto-entrada-home a {
  font-size: 1.7rem;
  padding: 2rem;
}
#entrada-home .mas-noticias-home {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: mas-noticias-home;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #fafafa;
  background-image: url(../images/textura-cruz.png);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#entrada-home .mas-noticias-home a {
  font-size: 2.5rem;
  color: #40485F;
}

/** Cursos **/
#cursos-home {
  background-color: #272D3C;
  /** contenedor cursos home **/
}
#cursos-home h1 {
  color: white;
}
#cursos-home p {
  color: white;
  width: 60%;
}
#cursos-home .grid-cursos-home {
  background-image: url(../images/fondo-aprende-home.svg);
  background-position: center center;
  background-repeat: no-repeat;
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 0.5fr 15px 0.5fr 15px 0.5fr;
  grid-template-rows: 0.5fr 0.5fr 0.5fr;
      grid-template-areas: "titulo-cursos-home titulo-cursos-home logo-cursos-home" "imagen-curso01-home imagen-curso02-home info-curso02-home" "info-curso01-home imagen-curso03-home info-curso03-home";
}
#cursos-home .titulo-cursos-home {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: titulo-cursos-home;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#cursos-home .titulo-cursos-home h1 {
  color: white;
  font-size: 4rem;
}
#cursos-home .titulo-cursos-home p {
  color: white;
}
#cursos-home .logo-cursos-home {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: logo-cursos-home;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#cursos-home .imagen-curso01-home {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: imagen-curso01-home;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
#cursos-home .imagen-curso01-home div {
  background-image: url(../images/imagen-curso01.png);
}
#cursos-home .imagen-curso02-home {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: imagen-curso02-home;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  align-self: flex-end !important;
}
#cursos-home .imagen-curso02-home div {
  background-image: url(../images/imagen-curso02.png);
}
#cursos-home .info-curso02-home {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: info-curso02-home;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  align-self: flex-end !important;
}
#cursos-home .info-curso02-home h2 {
  color: white;
}
#cursos-home .info-curso01-home {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: info-curso01-home;
}
#cursos-home .info-curso01-home h2 {
  color: white;
}
#cursos-home .imagen-curso03-home {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: imagen-curso03-home;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
#cursos-home .imagen-curso03-home div {
  background-image: url(../images/imagen-curso03.png);
}
#cursos-home .info-curso03-home {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  grid-area: info-curso03-home;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-row-align: center !important;
      align-self: center !important;
}
#cursos-home .info-curso03-home h2 {
  color: white;
}

/** termina el contenedor de cursos home **/
/** Videos y Tips **/
#videos-tips {
  background-image: url(../images/textura-cruz.png);
}
#videos-tips a {
  font-size: 3rem;
}
#videos-tips li {
  font-size: 2rem;
  line-height: 110%;
  font-family: "Abril Fatface", cursive;
  margin-bottom: 2.5rem;
  list-style: square;
}

#tips-home {
  background-color: #1c202c !important;
}
#tips-home h1 {
  color: #E51E37;
  margin-top: 3vh;
}
#tips-home ul {
  padding: 3vh 0 !important;
}
#tips-home ul li {
  list-style: none;
}
#tips-home h3 {
  font-size: 2.5vh;
}
#tips-home a {
  font-size: 3rem;
  color: #fafafa;
}

/** footer **/
footer {
  background-color: #f5f5f5;
  background-image: url(../images/textura-cruz-blanco.png);
  border-top: 1px solid #E5E5E5;
}
footer h3 {
  font-size: 2.3rem;
}
footer #redes-footer li {
  list-style: none;
  color: #E51E37;
}
footer li {
  list-style: none;
  padding: 0.5rem;
}
footer #links-footer li {
  list-style: square !important;
}
footer #links-footer a {
  font-family: "Montserrat", sans-serif !important;
  color: black;
  font-size: 1rem;
}

/** termina el footer **/
.grid-header-foros {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo titulo-foros titulo-foros" "redes titulo-foros titulo-foros" "mapa . . " "oportunidades flecha-header-foros quieres-participar" ". flecha-header-foros quieres-participar";
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.titulo-foros {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: titulo-foros;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  background-color: #fafafa;
  background-image: url(../images/textura-cruz.png);
}
.titulo-foros h1 {
  font-size: 7rem;
}

.flecha-header-foros {
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: flecha-header-foros;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.quieres-participar {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: titulo-foros;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #272D3C;
  padding: 2rem 0;
}
.quieres-participar h1 {
  color: white;
  margin-bottom: 0;
}
.quieres-participar button {
  margin-bottom: 1rem;
}
.quieres-participar small {
  color: white;
}

/** Card Principal **/
.grid-card-principal-foros {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5fr 0.5fr 0.5fr 0.25fr 0.25fr 0.25fr 1fr;
  grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr 0.25fr 0.25fr 0.25fr 1fr;
  -ms-grid-rows: 0.5fr 0.5fr 0.5fr;
  grid-template-rows: 0.5fr 0.5fr 0.5fr;
      grid-template-areas: "img-card-principal img-card-principal img-card-principal img-card-principal logo-card-principal logo-card-principal compartir-card-principal compartir-card-principal" "img-card-principal img-card-principal img-card-principal img-card-principal titulo-card-principal titulo-card-principal titulo-card-principal titulo-card-principal" "img-card-principal img-card-principal img-card-principal img-card-principal numero-preguntas-card-principal numero-preguntas-card-principal boton-participar-card-principal boton-participar-card-principal";
}

.img-card-principal {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: img-card-principal;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  background-image: url(../images/imagen-card-principal.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.logo-card-principal {
  grid-area: numero-card-principal;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5/7;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #283043;
  min-height: 10rem;
}
.logo-card-principal img {
  padding: 1rem;
}

.compartir-card-principal {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-area: compartir-card-principal;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7/9;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E5E5E5;
}
.compartir-card-principal h3 {
  font-size: 2rem;
  text-align: center;
  margin: 0px;
}

.titulo-card-principal {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-area: titulo-card-principal;
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5/9;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  min-height: 8rem;
  background-image: url(../images/textura-cruz.png);
}
.titulo-card-principal h1 {
  font-size: 3rem;
  padding: 0.5rem;
  line-height: 120%;
  text-align: center;
  margin: 0px;
  color: #cccccc;
}

.numero-preguntas-card-principal {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-area: numero-preguntas-card-principal;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5/7;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  min-height: 10rem;
}
.numero-preguntas-card-principal h2 {
  font-size: 5rem;
  color: #cccccc;
}
.numero-preguntas-card-principal small {
  color: #cccccc;
}

.boton-participar-card-principal {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-area: boton-participar-card-principal;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7/9;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #40485F;
  background-image: url(../images/textura-cruz-azul.png);
}
.boton-participar-card-principal a {
  font-size: 2rem;
}

/** extend imagenes **/
#card-02 .imagen-mini-foros {
  background-image: url(../images/imagen-foro-mini-02.png);
}

#card-03 .imagen-mini-foros {
  background-image: url(../images/imagen-foro-mini-03.png);
}

#card-04 .imagen-mini-foros {
  background-image: url(../images/imagen-foro-mini-04.png);
}

#card-05 .imagen-mini-foros {
  background-image: url(../images/imagen-foro-mini-05.png);
}

#card-06 .imagen-mini-foros {
  background-image: url(../images/imagen-foro-mini-06.png);
}

#card-07 .imagen-mini-foros {
  background-image: url(../images/imagen-foro-mini-07.png);
}

#card-08 .imagen-mini-foros {
  background-image: url(../images/imagen-foro-mini-08.png);
}

/** / extend images **/
/** cards mini **/
.grid-card-mini-foros {
  border: 1px solid #E5E5E5;
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.3fr 0.5fr;
  grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.3fr 0.5fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-template-areas: "imagen-mini-foros imagen-mini-foros imagen-mini-foros imagen-mini-foros logo-mini-foros logo-mini-foros compartir-mini-foros compartir-mini-foros" "imagen-mini-foros imagen-mini-foros imagen-mini-foros imagen-mini-foros titulo-mini-foros titulo-mini-foros titulo-mini-foros titulo-mini-foros" "imagen-mini-foros imagen-mini-foros imagen-mini-foros imagen-mini-foros numero-pregunta-mini-foros numero-pregunta-mini-foros boton-mini-foros boton-mini-foros" "adorno-mini-foros adorno-mini-foros adorno-mini-foros adorno-mini-foros adorno-mini-foros adorno-mini-foros adorno-mini-foros adorno-mini-foros";
}
.grid-card-mini-foros .logo-mini-foros {
  grid-area: numero-mini-foros;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5/7;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  min-height: 6rem;
  background-color: #283043;
}
.grid-card-mini-foros .logo-mini-foros h2 {
  font-size: 3rem;
  color: #cccccc;
  margin: 0;
}
.grid-card-mini-foros .logo-mini-foros img {
  padding: 1.5rem;
}
.grid-card-mini-foros .compartir-mini-foros {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-area: compartir-mini-foros;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7/9;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E5E5E5;
}
.grid-card-mini-foros .compartir-mini-foros h4 {
  margin: 0 0 0.5rem 0;
}
.grid-card-mini-foros .imagen-mini-foros {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: imagen-mini-foros;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.grid-card-mini-foros .titulo-mini-foros {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-area: titulo-mini-foros;
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5/9;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  padding: 0.5rem;
  min-height: 6rem;
  background-image: url(../images/textura-cruz.png);
}
.grid-card-mini-foros .titulo-mini-foros h2 {
  font-size: 1.5rem;
  margin: 0;
  color: #cccccc;
}
.grid-card-mini-foros .numero-pregunta-mini-foros {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-area: numero-pregunta-mini-foros;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5/7;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
.grid-card-mini-foros .numero-pregunta-mini-foros h2 {
  font-size: 3rem;
  margin: 0;
  color: #cccccc;
}
.grid-card-mini-foros .numero-pregunta-mini-foros small {
  color: #cccccc;
}
.grid-card-mini-foros .boton-mini-foros {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-area: boton-mini-foros;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7/9;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #40485F;
  background-image: url(../images/textura-cruz-azul.png);
}
.grid-card-mini-foros .boton-mini-foros a {
  line-height: 120%;
}
.grid-card-mini-foros .adorno-mini-foros {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  grid-area: adorno-mini-foros;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  grid-column: 1/9;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  background-color: #fafafa;
}

.titulo-seccion {
  font-size: 7rem;
}

.grid-header-aprende {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo imagen-aprende imagen-aprende" "redes imagen-aprende imagen-aprende" "mapa imagen-aprende imagen-aprende" "oportunidades imagen-aprende imagen-aprende" ". imagen-aprende imagen-aprende";
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.imagen-aprende {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: imagen-aprende;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  background-image: url(../images/fondo-imagen-aprende.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

/** hub de juegos **/
.contenedor-frame {
  height: 80vh !important;
}

#hub-game {
  background-color: #283043;
}
#hub-game .grid-game-1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.3fr 2fr 1fr 1fr;
  grid-template-columns: 0.3fr 2fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 0.5fr;
  grid-template-rows: 1fr 1fr 0.5fr;
      grid-template-areas: ". imagen-game-1 logo-games ." ". imagen-game-1 titulo-game-1 ." ". adorno-game-1 categoria-game-1 play-game-1";
}
#hub-game .imagen-game-1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: imagen-game-1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
#hub-game .logo-games {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: logo-games;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#hub-game .titulo-game-1 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: titulo-game-1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #40485F;
  padding: 20px;
}
#hub-game .titulo-game-1 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game .titulo-game-1 p {
  color: white;
}
#hub-game .adorno-game-1 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: adorno-game-1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
#hub-game .categoria-game-1 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: categoria-game-1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: black;
}
#hub-game .categoria-game-1 h2 {
  color: #fafafa;
}
#hub-game .play-game-1 {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  grid-area: play-game-1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E51E37;
}
#hub-game .grid-game-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.75fr 0.75fr 1.5fr;
  grid-template-columns: 0.75fr 0.75fr 1.5fr;
  -ms-grid-rows: 1.5fr 1fr 0.5fr;
  grid-template-rows: 1.5fr 1fr 0.5fr;
      grid-template-areas: ". imagen-game-2 imagen-game-2" "titulo-game-2 imagen-game-2 imagen-game-2" "categoria-game-2 play-game-2 adorno-game-2";
}
#hub-game .imagen-game-2 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: imagen-game-2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
#hub-game .titulo-game-2 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: titulo-game-2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #40485F;
  padding: 20px;
}
#hub-game .titulo-game-2 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game .titulo-game-2 p {
  color: white;
}
#hub-game .categoria-game-2 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: categoria-game-2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: black;
}
#hub-game .categoria-game-2 h2 {
  color: #fafafa;
}
#hub-game .play-game-2 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: play-game-2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E51E37;
}
#hub-game .adorno-game-2 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: adorno-game-2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
#hub-game #game-3-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding: 2rem;
}
#hub-game #game-3-4 .grid-game-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.75fr 1fr 1fr;
  grid-template-columns: 0.75fr 1fr 1fr;
  -ms-grid-rows: 1.5fr 0.75fr 0.5fr 0.45fr;
  grid-template-rows: 1.5fr 0.75fr 0.5fr 0.45fr;
      grid-template-areas: ". imagen-game-3 imagen-game-3" "titulo-game-3 imagen-game-3 imagen-game-3" "categoria-game-3 imagen-game-3 imagen-game-3" ". play-game-3 .";
  margin: 1rem;
}
#hub-game #game-3-4 .imagen-game-3 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: imagen-game-3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
}
#hub-game #game-3-4 .titulo-game-3 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: titulo-game-3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #40485F;
  padding: 20px;
}
#hub-game #game-3-4 .titulo-game-3 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game #game-3-4 .titulo-game-3 p {
  color: white;
}
#hub-game #game-3-4 .categoria-game-3 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: categoria-game-3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: black;
}
#hub-game #game-3-4 .categoria-game-3 h2 {
  color: #fafafa;
}
#hub-game #game-3-4 .play-game-3 {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: play-game-3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  background-color: #E51E37;
}
#hub-game #game-3-4 .grid-game-4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 0.5fr 0.35fr 1fr 1fr 0.35fr;
  grid-template-rows: 0.5fr 0.35fr 1fr 1fr 0.35fr;
      grid-template-areas: "titulo-game-4 ." "categoria-game-4 ." "imagen-game-4 imagen-game-4" "imagen-game-4 imagen-game-4" "play-game-4 .";
  margin: 1rem;
}
#hub-game #game-3-4 .imagen-game-4 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: imagen-game-4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}
#hub-game #game-3-4 .titulo-game-4 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: titulo-game-4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #40485F;
  padding: 20px;
}
#hub-game #game-3-4 .titulo-game-4 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game #game-3-4 .titulo-game-4 p {
  color: white;
}
#hub-game #game-3-4 .categoria-game-4 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: categoria-game-4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: black;
}
#hub-game #game-3-4 .categoria-game-4 h2 {
  color: #fafafa;
}
#hub-game #game-3-4 .play-game-4 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: play-game-4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5/6;
  background-color: #E51E37;
}
#hub-game .grid-game-5 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.3fr 2fr 1fr 1fr;
  grid-template-columns: 0.3fr 2fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 0.5fr;
  grid-template-rows: 1fr 1fr 0.5fr;
      grid-template-areas: ". imagen-game-5 logo-games ." ". imagen-game-5 titulo-game-5 ." ". adorno-game-5 categoria-game-5 play-game-5";
}
#hub-game .imagen-game-5 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: imagen-game-5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
#hub-game .logo-games {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: logo-games;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#hub-game .titulo-game-5 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: titulo-game-5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #40485F;
  padding: 20px;
}
#hub-game .titulo-game-5 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game .titulo-game-5 p {
  color: white;
}
#hub-game .adorno-game-5 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: adorno-game-5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
#hub-game .categoria-game-5 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: categoria-game-5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: black;
}
#hub-game .categoria-game-5 h2 {
  color: #fafafa;
}
#hub-game .play-game-5 {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  grid-area: play-game-5;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E51E37;
}
#hub-game #game-6-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding: 2rem;
}
#hub-game #game-6-7 .grid-game-6 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.75fr 1fr 1fr;
  grid-template-columns: 0.75fr 1fr 1fr;
  -ms-grid-rows: 1.5fr 0.75fr 0.5fr 0.45fr;
  grid-template-rows: 1.5fr 0.75fr 0.5fr 0.45fr;
      grid-template-areas: ". imagen-game-6 imagen-game-6" "titulo-game-6 imagen-game-6 imagen-game-6" "categoria-game-6 imagen-game-6 imagen-game-6" ". play-game-6 .";
  margin: 1rem;
}
#hub-game #game-6-7 .imagen-game-6 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: imagen-game-6;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
}
#hub-game #game-6-7 .titulo-game-6 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: titulo-game-6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #40485F;
  padding: 20px;
}
#hub-game #game-6-7 .titulo-game-6 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game #game-6-7 .titulo-game-6 p {
  color: white;
}
#hub-game #game-6-7 .categoria-game-6 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: categoria-game-6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: black;
}
#hub-game #game-6-7 .categoria-game-6 h2 {
  color: #fafafa;
}
#hub-game #game-6-7 .play-game-6 {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: play-game-6;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  background-color: #E51E37;
}
#hub-game #game-6-7 .grid-game-7 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 0.5fr 0.35fr 1fr 1fr 0.35fr;
  grid-template-rows: 0.5fr 0.35fr 1fr 1fr 0.35fr;
      grid-template-areas: "titulo-game-7 ." "categoria-game-7 ." "imagen-game-7 imagen-game-7" "imagen-game-7 imagen-game-7" "play-game-7 .";
  margin: 1rem;
}
#hub-game #game-6-7 .imagen-game-7 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: imagen-game-7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}
#hub-game #game-6-7 .titulo-game-7 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: titulo-game-7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #40485F;
  padding: 20px;
}
#hub-game #game-6-7 .titulo-game-7 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game #game-6-7 .titulo-game-7 p {
  color: white;
}
#hub-game #game-6-7 .categoria-game-7 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: categoria-game-7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: black;
}
#hub-game #game-6-7 .categoria-game-7 h2 {
  color: #fafafa;
}
#hub-game #game-6-7 .play-game-7 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: play-game-7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5/6;
  background-color: #E51E37;
}
#hub-game .grid-game-8 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.75fr 0.75fr 1.5fr;
  grid-template-columns: 0.75fr 0.75fr 1.5fr;
  -ms-grid-rows: 1.5fr 1fr 0.5fr;
  grid-template-rows: 1.5fr 1fr 0.5fr;
      grid-template-areas: ". imagen-game-8 imagen-game-8" "titulo-game-8 imagen-game-8 imagen-game-8" "categoria-game-8 play-game-8 adorno-game-8";
}
#hub-game .imagen-game-8 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: imagen-game-8;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
#hub-game .titulo-game-8 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: titulo-game-8;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #40485F;
  padding: 20px;
}
#hub-game .titulo-game-8 h1 {
  color: #fafafa;
  font-size: 2.5rem;
}
#hub-game .titulo-game-8 p {
  color: white;
}
#hub-game .categoria-game-8 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: categoria-game-8;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: black;
}
#hub-game .categoria-game-8 h2 {
  color: #fafafa;
}
#hub-game .play-game-8 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: play-game-8;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E51E37;
}
#hub-game .adorno-game-8 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: adorno-game-8;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}

.grid-header-elige {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo texto-elige texto-elige" "redes texto-elige texto-elige" "mapa texto-elige texto-elige" "oportunidades texto-elige texto-elige" ". texto-elige texto-elige";
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.texto-elige {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: texto-elige;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  background-image: url(../images/fondo-imagen-elige.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.grid-header-metodos > .texto-elige {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

/** cards elige **/
#card-elige-01 {
  background-color: #fafafa;
}
#card-elige-01 h1 {
  font-size: 3rem;
  min-height: 7rem;
}
#card-elige-01 p {
  min-height: 4rem;
}

#card-elige-02 {
  background-color: #283043;
}
#card-elige-02 h1 {
  font-size: 3rem;
  min-height: 7rem;
  color: #fff;
}
#card-elige-02 p {
  min-height: 4rem;
  color: #fff;
}

#card-elige-03 {
  background-color: #cccccc;
}
#card-elige-03 h1 {
  font-size: 3rem;
  min-height: 7rem;
  color: #40485F;
}
#card-elige-03 p {
  min-height: 4rem;
  color: #40485F;
}

#card-elige-04 {
  background-color: #cccccc;
}
#card-elige-04 h1 {
  font-size: 3rem;
  min-height: 7rem;
  color: #40485F;
}
#card-elige-04 p {
  min-height: 4rem;
  color: #40485F;
}

#card-elige-05 {
  background-color: #fafafa;
}
#card-elige-05 h1 {
  font-size: 3rem;
  min-height: 7rem;
}
#card-elige-05 p {
  min-height: 4rem;
}

#card-elige-06 {
  background-color: #283043;
}
#card-elige-06 h1 {
  font-size: 3rem;
  min-height: 7rem;
  color: #fff;
}
#card-elige-06 p {
  min-height: 4rem;
  color: #fff;
}

.grid-header-noticias {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.22fr 0.9fr 0.5fr;
  grid-template-columns: 0.22fr 0.9fr 0.5fr;
  -ms-grid-rows: 0.3fr 0.2fr 0.2fr 0.5fr 0.6fr;
  grid-template-rows: 0.3fr 0.2fr 0.2fr 0.5fr 0.6fr;
      grid-template-areas: "logo texto-noticias imagen-noticias" "redes texto-noticias imagen-noticias" "mapa texto-noticias imagen-noticias" "oportunidades texto-noticias imagen-noticias" ". icono-noticias imagen-noticias";
  background-image: url(../images/fondo-noticias-tips.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.texto-noticias {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 2;
  grid-area: texto-noticias;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
}

.imagen-noticias {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: imagen-noticias;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
}

.icono-noticias {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
  grid-area: icono-noticias;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
}

.grid-header-videos > .icono-noticias {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}

#entradas {
  background-image: url(../images/textura-cruz.png);
}
#entradas .uk-card-body {
  background-color: #283043;
  padding: 2rem 0.5rem;
  background-image: url(../images/textura-cruz-azul.png);
}
#entradas .uk-card-body h3 {
  color: #E51E37;
  font-size: 1.5rem;
  line-height: 100%;
}
#entradas #card-noticias-03, #entradas #card-noticias-02, #entradas #card-noticias-01 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 25vh;
  max-height: 26vh;
}
#entradas #card-noticias-01 {
  background-image: url(../images/entrada1.png);
}
#entradas #card-noticias-02 {
  background-image: url(../images/entrada2.png);
}
#entradas #card-noticias-03 {
  background-image: url(../images/entrada3.png);
}

.grid-header-videos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.22fr 0.9fr 0.5fr;
  grid-template-columns: 0.22fr 0.9fr 0.5fr;
  -ms-grid-rows: 0.3fr 0.2fr 0.2fr 0.5fr 0.6fr;
  grid-template-rows: 0.3fr 0.2fr 0.2fr 0.5fr 0.6fr;
      grid-template-areas: "logo imagen-videos texto-videos" "redes imagen-videos texto-videos" "mapa imagen-videos texto-videos" "oportunidades imagen-videos texto-videos" ". icono-noticias texto-videos";
  background-image: url(../images/fondo-noticias-tips.png);
  background-position: center right;
  background-repeat: no-repeat;
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.imagen-videos {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 2;
  grid-area: imagen-videos;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
}

.texto-videos {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: texto-videos;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
}

.icono-noticias {
  grid-area: icono-videos;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
}

/** Cards videos**/
.grid-videos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 70%;
  grid-template-columns: 30% 70%;
  -ms-grid-rows: auto 30%;
  grid-template-rows: auto 30%;
      grid-template-areas: "cover-video cover-video" "tipo-video titulo-video";
  margin-bottom: 3rem;
}

.cover-video {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: cover-video;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

.tipo-video {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: tipo-video;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #E51E37;
  padding: 0.5rem;
}
.tipo-video h6 {
  color: #fafafa;
  margin: 0;
}

.titulo-video {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: titulo-video;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-image: url(../images/textura-cruz.png);
}
.titulo-video h5 {
  padding: 0.5rem;
  margin: 0;
  color: #cccccc;
}

.grid-header-metodos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo texto-metodos texto-metodos" "redes texto-metodos texto-metodos" "mapa texto-metodos texto-metodos" "oportunidades texto-elige texto-metodos" ". texto-metodos texto-metodos";
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.texto-metodos {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: texto-metodos;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  background-image: url(../images/fondo-imagen-metodos.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

#metodos-cards .uk-card {
  height: 18rem;
}
#metodos-cards .uk-card-body {
  padding: 20px;
  background-image: url(../images/textura-cruz.png);
}
#metodos-cards .uk-card-body .uk-card-title {
  font-size: 2rem;
  line-height: 100%;
}

.grid-header-metodo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo imagen-metodo imagen-metodo" "redes imagen-metodo imagen-metodo" "mapa imagen-metodo imagen-metodo" "oportunidades imagen-metodo imagen-metodo" ". imagen-metodo imagen-metodo";
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.imagen-metodo {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: imagen-metodo;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  background-repeat: no-repeat;
  background-position: right bottom;
}

#metodo .uk-divider-vertical {
  width: 1px;
  height: 100px;
  margin-left: 0;
  margin-right: 0;
  border-left: 1px solid #e5e5e5;
}
#metodo #metodo-header .uk-card {
  border: 1px solid #E5E5E5;
  padding: 1rem 0;
}

#ventajas-desventajas {
  background-color: #fafafa;
}
#ventajas-desventajas .ventaja {
  background-color: #D3EBDA;
}
#ventajas-desventajas .desventaja {
  background-color: #FFBFBF;
}

#ventajas-desventajas .uk-card {
  margin-bottom: 10px;
}

.grid-header-games {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo texto-games texto-games" "redes texto-games texto-games" "mapa texto-games texto-games" "oportunidades texto-games texto-games" ". texto-games texto-games";
  background-color: #272D3C;
}
.grid-header-games .titulo-seccion {
  color: #E51E37;
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: white;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.texto-games {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: texto-games;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  background-image: url(../images/fondo-game.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.descripcion-game {
  color: white;
}

.grid-header-noticia {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo texto-noticia texto-noticia" "redes texto-noticia texto-noticia" "mapa texto-noticia texto-noticia" "oportunidades texto-noticia texto-noticia" ". texto-noticia texto-noticia";
  background-color: #272D3C;
}
.grid-header-noticia .titulo-seccion {
  color: #E51E37;
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: white;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.texto-noticia {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: texto-noticia;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  background-image: url(../images/fondo-noticia.png);
  background-repeat: no-repeat;
  background-position: center top;
}

#contenido-relacionado {
  background-color: #272D3C;
}

.grid-header-tips {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.22fr 0.9fr 0.5fr;
  grid-template-columns: 0.22fr 0.9fr 0.5fr;
  -ms-grid-rows: 0.3fr 0.2fr 0.2fr 0.5fr 0.6fr;
  grid-template-rows: 0.3fr 0.2fr 0.2fr 0.5fr 0.6fr;
      grid-template-areas: "logo texto-tips imagen-tips" "redes texto-tips imagen-tips" "mapa texto-tips imagen-tips" "oportunidades texto-tips imagen-tips" ". icono-tips imagen-tips";
  background-image: url(../images/fondo-noticias-tips.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.texto-tips {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 2;
  grid-area: texto-tips;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
}

.imagen-tips {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: imagen-tips;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
}

.icono-tips {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
  grid-area: icono-tips;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
}

#entradas-tips {
  background-image: url(../images/textura-cruz.png);
}
#entradas-tips .uk-card-body {
  background-color: #E51E37;
  padding: 2rem 0.5rem;
}
#entradas-tips .uk-card-body h3 {
  color: #272D3C;
  font-size: 1.5rem;
  line-height: 100%;
}
#entradas-tips #card-tips-03, #entradas-tips #card-tips-02, #entradas-tips #card-tips-01 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 25vh;
  max-height: 26vh;
}
#entradas-tips #card-tips-01 {
  background-image: url(../images/entrada1.png);
}
#entradas-tips #card-tips-02 {
  background-image: url(../images/entrada2.png);
}
#entradas-tips #card-tips-03 {
  background-image: url(../images/entrada3.png);
}

.grid-header-tip {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0.3fr 1fr;
  grid-template-columns: 0.2fr 0.3fr 1fr;
  -ms-grid-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
  grid-template-rows: 0.87fr 0.2fr 0.5fr 0.6fr 0.5fr;
      grid-template-areas: "logo texto-tip texto-tip" "redes texto-tip texto-tip" "mapa texto-tip texto-tip" "oportunidades texto-tip texto-tip" ". texto-tip texto-tip";
  background-color: #272D3C;
}
.grid-header-tip .titulo-seccion {
  color: #E51E37;
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #E51E37;
}

.grid-header-foros > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-aprende > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-elige > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticias > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-videos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodos > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-metodo > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-games > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-noticia > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tips > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-header-tip > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: redes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: white;
}

.grid-header-foros > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-aprende > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-elige > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticias > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-videos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodos > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-metodo > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-games > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-noticia > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tips > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.grid-header-tip > .redes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: mapa;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #E5E5E5;
}

.grid-header-foros > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-aprende > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-elige > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticias > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-videos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodos > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-metodo > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-games > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-noticia > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tips > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.grid-header-tip > .mapa {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: oportunidades;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/6;
  background-color: #fafafa;
}

.grid-header-foros > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-aprende > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-elige > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticias > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-videos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodos > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-metodo > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-games > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-noticia > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tips > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.grid-header-tip > .oportunidades {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.texto-tip {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: texto-tip;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  background-image: url(../images/fondo-noticia.png);
  background-repeat: no-repeat;
  background-position: center top;
}

#contenido-relacionado {
  background-color: #272D3C;
}

.grid-chat {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 30px 6fr 1fr;
  grid-template-rows: 30px 6fr 1fr;
      grid-template-areas: "contenedor-datos-chat" "contenedor-mensajes" "contenedor-texto-mensajes";
  height: 100vh !important;
}

.contenedor-datos-chat {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: contenedor-datos-chat;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #1c202c;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr 2fr;
  grid-template-columns: 2fr 1fr 2fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "datos-chat-1 datos-chat-2 datos-chat-3";
  padding: 3px 10px;
}

.datos-chat-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: datos-chat-1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.datos-chat-1 p {
  font-size: 12px;
  margin: 0;
  color: #ffffff;
}
.datos-chat-1 .status-circle {
  width: 12px;
  height: 12px;
  border-radius: 50px;
  background-color: #20be1d;
}
.datos-chat-1 .status-circle.desconectado {
  background-color: #d43c3c;
}

.datos-chat-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: datos-chat-2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

.datos-chat-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: datos-chat-3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.contenedor-mensajes {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: contenedor-mensajes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #272D3C;
  background-image: url(../images/chat-back.svg);
  overflow-y: scroll;
  padding: 20px 10px;
}
.contenedor-mensajes .mensaje-asesor {
  padding: 20px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  border: 1px solid #ffdcdc;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 85%;
  position: relative;
  background-color: #ffdcdc;
}
.contenedor-mensajes .mensaje-asesor p {
  margin: 0;
}
.contenedor-mensajes .mensaje-asesor span {
  padding: 10px 0 5px;
  font-size: 11px;
  color: #6e6e6e;
}
.contenedor-mensajes .mensaje-asesor::before {
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid #ffdcdc;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #ffdcdc;
  position: absolute;
  bottom: -1px;
  left: -15px;
}
.contenedor-mensajes .mensaje-usuario {
  padding: 20px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 20px;
  margin-bottom: 15px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 85%;
  position: relative;
  background-color: #eeeeee;
}
.contenedor-mensajes .mensaje-usuario p {
  margin: 0;
}
.contenedor-mensajes .mensaje-usuario span {
  padding: 10px 0 5px;
  font-size: 11px;
  color: #6e6e6e;
}
.contenedor-mensajes .mensaje-usuario::after {
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #eeeeee;
  border-bottom: 10px solid #eeeeee;
  position: absolute;
  bottom: -1px;
  right: -15px;
}

.contenedor-texto-mensajes {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: contenedor-texto-mensajes;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #fafafa;
  padding: 10px;
}
.contenedor-texto-mensajes .grid-texto-mensajes {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 1fr 80px;
  grid-template-columns: 80px 1fr 80px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "emojis-texto-mensaje area-texto-mensaje boton-texto-mensaje";
}
.contenedor-texto-mensajes .emojis-texto-mensaje {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: emojis-texto-mensaje;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contenedor-texto-mensajes .area-texto-mensaje {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: area-texto-mensaje;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.contenedor-texto-mensajes .boton-texto-mensaje {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: boton-texto-mensaje;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contenedor-texto-mensajes .boton-texto-mensaje * {
  color: #E51E37;
}

/** buscador **/
.grid-buscador-chat {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 15vh 85vh;
  grid-template-rows: 15vh 85vh;
      grid-template-areas: "input-buscador" "resultados-buscador";
}

.input-buscador {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: input-buscador;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #272D3C;
}
.input-buscador input {
  color: #fafafa;
  background-color: transparent;
  border: transparent;
  border-bottom: 1px solid #E51E37;
}
.input-buscador a {
  color: #E51E37;
}
.input-buscador a:hover {
  color: #9c0000;
}

.resultados-buscador {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: resultados-buscador;
  padding: 20px;
  overflow-y: scroll;
}
.resultados-buscador div {
  margin-bottom: 10px;
  background-color: #fafafa;
  padding: 10px;
  border-radius: 5px;
}

.buscador-como {
  width: 85%;
  text-align: center;
  font-size: 4rem;
  margin-left: auto;
}

/** / buscador **/
.grid-chat-container-admin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: 10vh 1fr;
  grid-template-rows: 10vh 1fr;
      grid-template-areas: "nav-chat-admin nav-chat-admin" "interaccion-chat-admin chat-admin";
}

.nav-chat-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: nav-chat-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "nav-chat-1 nav-chat-2";
  background-color: #1c202c;
  padding: 0 10px;
}

.nav-chat-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: nav-chat-1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-chat-1 a {
  margin-right: 20px;
  color: #fafafa;
}
.nav-chat-1 .sala-espera-menu {
  position: relative;
}
.nav-chat-1 .sala-espera-menu span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -10px;
  right: -10px;
  background-color: #E51E37;
  width: 25px;
  height: 25px;
  font-size: 0.75rem;
  font-family: "Abril Fatface", cursive;
  color: #fafafa;
  border-radius: 100px;
  z-index: 9;
}

.nav-chat-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: nav-chat-2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.nav-chat-2 img {
  width: 10%;
  margin-left: 20px;
}

.interaccion-chat-admin {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: interaccion-chat-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 12vh 78vh;
  grid-template-rows: 12vh 78vh;
      grid-template-areas: "submenu-button" "respuestas-chat-admin";
  max-width: 450px;
}

.submenu-button {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: submenu-button;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
      grid-template-areas: "boton-subcategorias" "nombre-seleccion";
}

.boton-subcategorias {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: boton-subcategorias;
  background-color: #E51E37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 20px;
}
.boton-subcategorias .boton-contraer {
  color: #fafafa;
}
.boton-subcategorias a {
  color: #fafafa;
}
.boton-subcategorias P {
  margin: 0px;
  font-size: 0.8rem;
}
.boton-subcategorias P span {
  color: #fafafa;
}
.boton-subcategorias .uk-dropdown {
  width: 400px;
  background-color: #272D3C;
  height: 75vh;
  overflow-y: scroll;
}
.boton-subcategorias .uk-dropdown a {
  font-family: "Montserrat", sans-serif !important;
}

.nombre-seleccion {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: nombre-seleccion;
  padding: 0px 20px;
  background-color: #E5E5E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nombre-seleccion p {
  margin: 0px;
  font-size: 0.8rem;
}
.nombre-seleccion p span {
  color: #E51E37;
  font-weight: 600;
}

/** termina el grid del **/
.respuestas-chat-admin {
  overflow-y: scroll !important;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.chat-admin {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: chat-admin;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.grid-content-chat-admin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "tabs-chat-admin content-chat-admin";
}

.tabs-chat-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: tabs-chat-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  padding: 10px;
  background-color: #fafafa;
  overflow-y: scroll;
  height: 86vh;
}
.tabs-chat-admin .avatar-chat-admin {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
}
.tabs-chat-admin .avatar-chat-admin span {
  position: absolute;
  top: -15px;
  right: -5px;
  background-color: #E51E37;
  padding: 3px;
  width: 20px;
  height: 20px;
  font-size: 0.75rem;
  text-align: center;
  color: #fafafa;
  border-radius: 100px;
}
.tabs-chat-admin .avatar-chat-admin p {
  margin: 3px 0;
}

.content-chat-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: content-chat-admin;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

/** grid respuestas **/
.grid-respuesta-admin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "respuesta-admin-1 respuesta-admin-2 respuesta-admin-3";
  padding: 10px;
  background-color: #f5f5f5;
  margin: 10px;
  border-radius: 3px;
}

.respuesta-admin-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: respuesta-admin-1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.respuesta-admin-1 h1 {
  font-size: 2rem;
  margin: 0;
}

.respuesta-admin-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: respuesta-admin-2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
.respuesta-admin-2 p {
  margin: 0;
}

.respuesta-admin-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: respuesta-admin-3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/** chat admin **/
.grid-chat-admin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 5vh 6fr 1fr;
  grid-template-rows: 5vh 6fr 1fr;
      grid-template-areas: "contenedor-datos-chat-admin" "contenedor-mensajes-admin" "contenedor-texto-mensajes-admin";
  height: 90vh;
}

.contenedor-datos-chat-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: contenedor-datos-chat-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "dato-admin-1 dato-admin-2 dato-admin-3 dato-admin-4";
  background-color: #f5f5f5;
}

.dato-admin-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: dato-admin-1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "titulo-dato-admin" "respuesta-dato-admin";
  border-right: 1px solid #40485F;
  padding-left: 10px;
}

.dato-admin-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: dato-admin-2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "titulo-dato-admin" "respuesta-dato-admin";
  border-right: 1px solid #40485F;
  padding-left: 10px;
}

.dato-admin-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: dato-admin-3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "titulo-dato-admin" "respuesta-dato-admin";
  border-right: 1px solid #40485F;
  padding-left: 10px;
}

.dato-admin-4 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: dato-admin-1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dato-admin-4 a {
  font-weight: 600;
  color: #E51E37;
}

.titulo-dato-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: titulo-dato-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

.dato-admin-2 > .titulo-dato-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.dato-admin-3 > .titulo-dato-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.titulo-dato-admin p {
  margin: 0;
  font-size: 0.7rem;
}

.respuesta-dato-admin {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: respuesta-dato-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.dato-admin-2 > .respuesta-dato-admin {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.dato-admin-3 > .respuesta-dato-admin {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.respuesta-dato-admin p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
}

.contenedor-mensajes-admin {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: contenedor-mensajes-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background-color: #272D3C;
  background-image: url(../images/chat-back.svg);
  overflow-y: scroll;
  padding: 20px 10px;
}
.contenedor-mensajes-admin .mensaje-asesor-admin {
  padding: 20px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  border: 1px solid #ffdcdc;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 85%;
  position: relative;
  background-color: #ffdcdc;
}
.contenedor-mensajes-admin .mensaje-asesor-admin p {
  margin: 0;
}
.contenedor-mensajes-admin .mensaje-asesor-admin span {
  padding: 10px 0 5px;
  font-size: 11px;
  color: #6e6e6e;
}
.contenedor-mensajes-admin .mensaje-asesor-admin::before {
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid #ffdcdc;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #ffdcdc;
  position: absolute;
  bottom: -1px;
  left: -15px;
}
.contenedor-mensajes-admin .mensaje-usuario-admin {
  padding: 20px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 20px;
  margin-bottom: 15px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 85%;
  position: relative;
  background-color: #eeeeee;
}
.contenedor-mensajes-admin .mensaje-usuario-admin p {
  margin: 0;
}
.contenedor-mensajes-admin .mensaje-usuario-admin span {
  padding: 10px 0 5px;
  font-size: 11px;
  color: #6e6e6e;
}
.contenedor-mensajes-admin .mensaje-usuario-admin::after {
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #eeeeee;
  border-bottom: 10px solid #eeeeee;
  position: absolute;
  bottom: -1px;
  right: -15px;
}

.contenedor-texto-mensajes-admin {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: contenedor-texto-mensajes-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background-color: #fafafa;
  padding: 10px;
}
.contenedor-texto-mensajes-admin .grid-texto-mensajes-admin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 1fr 80px;
  grid-template-columns: 80px 1fr 80px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "emojis-mensaje-admin area-texto-mensaje-admin boton-texto-mensaje-admin";
}
.contenedor-texto-mensajes-admin .emojis-mensaje-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: emojis-mensaje-admin;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contenedor-texto-mensajes-admin .area-texto-mensaje-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: area-texto-mensaje-admin;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.contenedor-texto-mensajes-admin .boton-texto-mensaje-admin {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: boton-texto-mensaje-admin;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contenedor-texto-mensajes-admin .boton-texto-mensaje-admin * {
  color: #E51E37;
}

/** loader **/
.lds-hourglass {
  display: block;
  margin: 40px auto;
  width: 80px;
  height: 80px;
}

.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 32px solid #fdd;
  border-color: #fdd transparent #fdd transparent;
  -webkit-animation: lds-hourglass 1.2s infinite;
          animation: lds-hourglass 1.2s infinite;
}

@-webkit-keyframes lds-hourglass {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}

@keyframes lds-hourglass {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}
@media (max-width: 575.98px) {
  .card-sala {
    display: -ms-grid;
    display: grid;
    gap: 10px !important;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 0px 0.25fr 0px 1fr;
    grid-template-rows: 1fr 0.25fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "card-sala-1" "card-sala-2" "card-sala-3";
    background-color: #282D3B;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .card-sala-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "boton-tomar" "localidad" "edad sexo";
    grid-area: card-sala-1;
  }
  .boton-tomar {
    grid-area: boton-tomar;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 10px 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .boton-tomar h2 {
    color: #E51E37;
    margin: 0;
  }
  .localidad {
    grid-area: localidad;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .localidad p {
    margin: 0;
  }
  .localidad p span {
    color: #E51E37;
  }
  .edad {
    grid-area: edad;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 10px;
    background-color: #E4E4E4;
    border: 1px solid #747F9F;
    border-radius: 0 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .edad p {
    margin: 0;
  }
  .edad p span {
    color: #E51E37;
  }
  .sexo {
    grid-area: sexo;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sexo p {
    color: #ffffff;
    margin: 0;
  }
  .sexo p span {
    color: #E51E37;
  }
  .card-sala-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "texto-hora hora";
    grid-area: card-sala-2;
  }
  .texto-hora {
    grid-area: texto-hora;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .texto-hora p {
    margin: 0;
  }
  .texto-hora p span {
    color: #E51E37;
  }
  .hora {
    grid-area: hora;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 10px 10px 0;
  }
  .hora p {
    color: #ffffff;
    margin: 0;
  }
  .hora p span {
    color: #E51E37;
  }
  .card-sala-3 {
    grid-area: card-sala-3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px;
    padding: 10px;
  }
  .grid-sala-espera {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 50px 35px 1fr;
    grid-template-rows: 50px 35px 1fr;
        grid-template-areas: "header-sala-espera" "subheader-sala-espera" "contenido-sala-espera";
    height: 100vh;
  }
  .header-sala-espera {
    grid-area: header-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 0 20px;
    background-color: #283043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-sala-espera h1 {
    font-size: 1.2rem;
    color: #ffffff;
    margin: 0;
  }
  .header-sala-espera ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
  }
  .header-sala-espera ul .salir-sala button {
    position: relative !important;
    color: #ffffff !important;
    padding: 0;
  }
  .header-sala-espera ul li {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 15px;
    color: #ffffff;
    font-size: 12px;
  }
  .header-sala-espera ul li:last-child {
    border-left: 1px solid red;
  }
  .subheader-sala-espera {
    grid-area: subheader-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    background-color: #EDEDED;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subheader-sala-espera h2 {
    font-size: 1.2rem;
    margin: 0;
  }
  .subheader-sala-espera h2 span {
    color: #E51E37;
    font-size: 1.5rem;
    padding-left: 10px;
  }
  .contenido-sala-espera {
    grid-area: contenido-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 20px;
    overflow-y: scroll;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .card-sala {
    display: -ms-grid;
    display: grid;
    gap: 10px !important;
    -ms-grid-columns: 1.5fr 0px 0.25fr 0px 2fr;
    grid-template-columns: 1.5fr 0.25fr 2fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "card-sala-1 card-sala-2 card-sala-3";
    background-color: #282D3B;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .card-sala-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 0px 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "boton-tomar edad" "localidad sexo";
    grid-area: card-sala-1;
  }
  .boton-tomar {
    grid-area: boton-tomar;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 10px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .boton-tomar h2 {
    color: #E51E37;
    margin: 0;
  }
  .edad {
    grid-area: edad;
    padding: 10px;
    background-color: #E4E4E4;
    border: 1px solid #747F9F;
    border-radius: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .edad p {
    margin: 0;
  }
  .edad p span {
    color: #E51E37;
  }
  .localidad {
    grid-area: localidad;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 0 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .localidad p {
    margin: 0;
  }
  .localidad p span {
    color: #E51E37;
  }
  .sexo {
    grid-area: sexo;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sexo p {
    color: #ffffff;
    margin: 0;
  }
  .sexo p span {
    color: #E51E37;
  }
  .card-sala-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "texto-hora" "hora";
    grid-area: card-sala-2;
  }
  .texto-hora {
    grid-area: texto-hora;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .texto-hora p {
    margin: 0;
  }
  .texto-hora p span {
    color: #E51E37;
  }
  .hora {
    grid-area: hora;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 0 10px 10px;
  }
  .hora p {
    color: #E51E37;
    margin: 0;
  }
  .hora p span {
    color: #E51E37;
  }
  .card-sala-3 {
    grid-area: card-sala-3;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px;
    padding: 10px;
  }
  .grid-sala-espera {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 80px 45px 1fr;
    grid-template-rows: 80px 45px 1fr;
        grid-template-areas: "header-sala-espera" "subheader-sala-espera" "contenido-sala-espera";
    height: 100vh;
  }
  .header-sala-espera {
    grid-area: header-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 0 20px;
    background-color: #283043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-sala-espera h1 {
    font-size: 2rem;
    color: #ffffff;
    margin: 0;
  }
  .header-sala-espera ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
  }
  .header-sala-espera ul .salir-sala button {
    position: relative !important;
    color: #ffffff !important;
    padding: 0;
  }
  .header-sala-espera ul li {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    color: #ffffff;
  }
  .header-sala-espera ul li:last-child {
    border-left: 1px solid red;
  }
  .subheader-sala-espera {
    grid-area: subheader-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    background-color: #EDEDED;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subheader-sala-espera h2 {
    font-size: 1.5rem;
    margin: 0;
  }
  .subheader-sala-espera h2 span {
    color: #E51E37;
    font-size: 2rem;
    padding-left: 10px;
  }
  .contenido-sala-espera {
    grid-area: contenido-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 20px;
    overflow-y: scroll;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .card-sala {
    display: -ms-grid;
    display: grid;
    gap: 10px !important;
    -ms-grid-columns: 1.5fr 0px 0.25fr 0px 2fr;
    grid-template-columns: 1.5fr 0.25fr 2fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "card-sala-1 card-sala-2 card-sala-3";
    background-color: #282D3B;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .card-sala-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 0px 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "boton-tomar edad" "localidad sexo";
    grid-area: card-sala-1;
  }
  .boton-tomar {
    grid-area: boton-tomar;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 10px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .boton-tomar h2 {
    color: #E51E37;
    margin: 0;
  }
  .edad {
    grid-area: edad;
    padding: 10px;
    background-color: #E4E4E4;
    border: 1px solid #747F9F;
    border-radius: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .edad p {
    margin: 0;
  }
  .edad p span {
    color: #E51E37;
  }
  .localidad {
    grid-area: localidad;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 0 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .localidad p {
    margin: 0;
  }
  .localidad p span {
    color: #E51E37;
  }
  .sexo {
    grid-area: sexo;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sexo p {
    color: #ffffff;
    margin: 0;
  }
  .sexo p span {
    color: #E51E37;
  }
  .card-sala-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "texto-hora" "hora";
    grid-area: card-sala-2;
  }
  .texto-hora {
    grid-area: texto-hora;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .texto-hora p {
    margin: 0;
  }
  .texto-hora p span {
    color: #E51E37;
  }
  .hora {
    grid-area: hora;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 0 10px 10px;
  }
  .hora p {
    color: #E51E37;
    margin: 0;
  }
  .hora p span {
    color: #E51E37;
  }
  .card-sala-3 {
    grid-area: card-sala-3;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px;
    padding: 10px;
  }
  .grid-sala-espera {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 80px 45px 1fr;
    grid-template-rows: 80px 45px 1fr;
        grid-template-areas: "header-sala-espera" "subheader-sala-espera" "contenido-sala-espera";
    height: 100vh;
  }
  .header-sala-espera {
    grid-area: header-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 0 20px;
    background-color: #283043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-sala-espera h1 {
    font-size: 2rem;
    color: #ffffff;
    margin: 0;
  }
  .header-sala-espera ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
  }
  .header-sala-espera ul .salir-sala button {
    position: relative !important;
    color: #ffffff !important;
    padding: 0;
  }
  .header-sala-espera ul li {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    color: #ffffff;
  }
  .header-sala-espera ul li:last-child {
    border-left: 1px solid red;
  }
  .subheader-sala-espera {
    grid-area: subheader-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    background-color: #EDEDED;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subheader-sala-espera h2 {
    font-size: 1.5rem;
    margin: 0;
  }
  .subheader-sala-espera h2 span {
    color: #E51E37;
    font-size: 2rem;
    padding-left: 10px;
  }
  .contenido-sala-espera {
    grid-area: contenido-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 20px;
    overflow-y: scroll;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .card-sala {
    display: -ms-grid;
    display: grid;
    gap: 10px !important;
    -ms-grid-columns: 1.5fr 0px 0.25fr 0px 2fr;
    grid-template-columns: 1.5fr 0.25fr 2fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "card-sala-1 card-sala-2 card-sala-3";
    background-color: #282D3B;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .card-sala-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 0px 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "boton-tomar edad" "localidad sexo";
    grid-area: card-sala-1;
  }
  .boton-tomar {
    grid-area: boton-tomar;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 10px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .boton-tomar h2 {
    color: #E51E37;
    margin: 0;
  }
  .edad {
    grid-area: edad;
    padding: 10px;
    background-color: #E4E4E4;
    border: 1px solid #747F9F;
    border-radius: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .edad p {
    margin: 0;
  }
  .edad p span {
    color: #E51E37;
  }
  .localidad {
    grid-area: localidad;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 0 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .localidad p {
    margin: 0;
  }
  .localidad p span {
    color: #E51E37;
  }
  .sexo {
    grid-area: sexo;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sexo p {
    color: #ffffff;
    margin: 0;
  }
  .sexo p span {
    color: #E51E37;
  }
  .card-sala-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "texto-hora" "hora";
    grid-area: card-sala-2;
  }
  .texto-hora {
    grid-area: texto-hora;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .texto-hora p {
    margin: 0;
  }
  .texto-hora p span {
    color: #E51E37;
  }
  .hora {
    grid-area: hora;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 0 10px 10px;
  }
  .hora p {
    color: #E51E37;
    margin: 0;
  }
  .hora p span {
    color: #E51E37;
  }
  .card-sala-3 {
    grid-area: card-sala-3;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px;
    padding: 10px;
  }
  .grid-sala-espera {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 80px 45px 1fr;
    grid-template-rows: 80px 45px 1fr;
        grid-template-areas: "header-sala-espera" "subheader-sala-espera" "contenido-sala-espera";
    height: 100vh;
  }
  .header-sala-espera {
    grid-area: header-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 0 20px;
    background-color: #283043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-sala-espera h1 {
    font-size: 2rem;
    color: #ffffff;
    margin: 0;
  }
  .header-sala-espera ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
  }
  .header-sala-espera ul .salir-sala button {
    position: relative !important;
    color: #ffffff !important;
    padding: 0;
  }
  .header-sala-espera ul li {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    color: #ffffff;
  }
  .header-sala-espera ul li:last-child {
    border-left: 1px solid red;
  }
  .subheader-sala-espera {
    grid-area: subheader-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    background-color: #EDEDED;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subheader-sala-espera h2 {
    font-size: 1.5rem;
    margin: 0;
  }
  .subheader-sala-espera h2 span {
    color: #E51E37;
    font-size: 2rem;
    padding-left: 10px;
  }
  .contenido-sala-espera {
    grid-area: contenido-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 20px;
    overflow-y: scroll;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1200px) {
  .card-sala {
    display: -ms-grid;
    display: grid;
    gap: 10px !important;
    -ms-grid-columns: 1.5fr 0px 0.25fr 0px 2fr;
    grid-template-columns: 1.5fr 0.25fr 2fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "card-sala-1 card-sala-2 card-sala-3";
    background-color: #282D3B;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .card-sala-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 0px 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "boton-tomar edad" "localidad sexo";
    grid-area: card-sala-1;
  }
  .boton-tomar {
    grid-area: boton-tomar;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 10px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .boton-tomar h2 {
    color: #E51E37;
    margin: 0;
  }
  .edad {
    grid-area: edad;
    padding: 10px;
    background-color: #E4E4E4;
    border: 1px solid #747F9F;
    border-radius: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .edad p {
    margin: 0;
  }
  .edad p span {
    color: #E51E37;
  }
  .localidad {
    grid-area: localidad;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 0 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .localidad p {
    margin: 0;
  }
  .localidad p span {
    color: #E51E37;
  }
  .sexo {
    grid-area: sexo;
    padding: 10px;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    border-radius: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sexo p {
    color: #ffffff;
    margin: 0;
  }
  .sexo p span {
    color: #E51E37;
  }
  .card-sala-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 0px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
        grid-template-areas: "texto-hora" "hora";
    grid-area: card-sala-2;
  }
  .texto-hora {
    grid-area: texto-hora;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .texto-hora p {
    margin: 0;
  }
  .texto-hora p span {
    color: #E51E37;
  }
  .hora {
    grid-area: hora;
    background-color: #282D3B;
    border: 1px solid #747F9F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 0 10px 10px;
  }
  .hora p {
    color: #E51E37;
    margin: 0;
  }
  .hora p span {
    color: #E51E37;
  }
  .card-sala-3 {
    grid-area: card-sala-3;
    background-color: #ffffff;
    border: 1px solid #747F9F;
    border-radius: 10px;
    padding: 10px;
  }
  .grid-sala-espera {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 80px 45px 1fr;
    grid-template-rows: 80px 45px 1fr;
        grid-template-areas: "header-sala-espera" "subheader-sala-espera" "contenido-sala-espera";
    height: 100vh;
  }
  .header-sala-espera {
    grid-area: header-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding: 0 20px;
    background-color: #283043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-sala-espera h1 {
    font-size: 2rem;
    color: #ffffff;
    margin: 0;
  }
  .header-sala-espera ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
  }
  .header-sala-espera ul .salir-sala button {
    position: relative !important;
    color: #ffffff !important;
    padding: 0;
  }
  .header-sala-espera ul li {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    color: #ffffff;
  }
  .header-sala-espera ul li:last-child {
    border-left: 1px solid red;
  }
  .subheader-sala-espera {
    grid-area: subheader-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    background-color: #EDEDED;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subheader-sala-espera h2 {
    font-size: 1.5rem;
    margin: 0;
  }
  .subheader-sala-espera h2 span {
    color: #E51E37;
    font-size: 2rem;
    padding-left: 10px;
  }
  .contenido-sala-espera {
    grid-area: contenido-sala-espera;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 20px;
    overflow-y: scroll;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (max-width: 575.98px) {
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1200px) {
  .header-sala-espera {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .subheader-sala-espera {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .contenido-sala-espera {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (max-width: 575.98px) {
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1200px) {
  .texto-hora {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hora {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (max-width: 575.98px) {
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (min-width: 1200px) {
  .boton-tomar {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .edad {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .localidad {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .sexo {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (max-width: 575.98px) {
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card-sala-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}
@media (min-width: 1200px) {
  .card-sala-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-sala-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .card-sala-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}