/* JMG Agregados */
.display_none {
  display: none;
}


.contenedor_final     {height: calc(100vh - 38px);}

.contenedor_contexto  {height: calc(100vh - 23px - 80px);}
.contenedor           {max-height: calc(100vh - 23px - 50px - 30px);} /* footer - header_min - menu */

.contenedor_portada   {height: calc(100vh - 23px - 80px - 45px);} /* footer - header - mensaje conect */




@media screen and (max-width:480px) {
  .LaptopJMG   { display: none; visibility: hidden; }
  .TabletJMG  { display: none; visibility: hidden; }
  .CelularJMG  { display: block; visibility: visible; }
  .NoCelularJMG { display: none; visibility: hidden; }
  .NoLaptopJMG { display: block; visibility: visible; }
}

@media screen  and (min-width:480px) and (max-width:768px) {
  .LaptopJMG   { display: none; visibility: hidden; }
  .TabletJMG  { display: block; visibility: visible; }
  .CelularJMG   { display: none; visibility: hidden; }
  .NoLaptopJMG { display: block; visibility: visible; }
  .NoCelularJMG { display: block; visibility: visible; }
}

@media screen and (min-width:768px) {
  .LaptopJMG  { display: block; visibility: visible; }
  .TabletJMG   { display: none; visibility: hidden; }
  .CelularJMG   { display: none; visibility: hidden; }
  .NoLaptopJMG { display: none; visibility: hidden; }
  .NoCelularJMG { display: block; visibility: visible; }
}


/* Modal Tutorial*/ 
.Tutorial {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    max-width: 650px;
}
@media screen and (max-width:633px) {
  .Tutorial_responsivo  {width:100%;}
  .Tutorial_responsivo2 {max-height:85vh;}
}

@media screen and (min-width:633px) {
  .Tutorial_responsivo  {width:50px; margin-left: 20px;}
  .Tutorial_responsivo2 {max-height:650px}
}


.linea{
  background-color: #198DBC;;
  margin: 0px auto;
  margin-bottom:15px;
  max-width:1000px;
  height:2px;
  border-radius:15px;
}


.Sticky_siguiente_ronda {
  width:100%; 
  position:fixed; 
  left:50%;
  transform:translateX(-50%); 
  bottom:22px; 
  background-color: rgb(255,255,255);
}

.Sticky_siguiente_ronda_responsivo {
  max-width:1010px;
  padding-right:44px;
}

.centrado_vertical {
  display: -webkit-flex; 
  display:flex; 
  align-items:center;
  justify-content:center;
  flex-wrap: wrap;
}

/* Fin JMG agregados */

:root {
    --gradient_profe: linear-gradient(101.06deg, #36A9E0 14.07%, #176A8B 56.53%);
    --gradient_jugador: linear-gradient(101.06deg, #36A9E0 14.07%, #12D6A7 56.53%);
    --principal: #12D6A7;
    --naranjo: #FE7512;
}

/* #region FONTS */
@font-face {
  font-family:'AspireDemibold-YaaO' ;
  src: url('fonts/AspireDemibold-YaaO.ttf') format('ttf');
}

@font-face {
  font-family: 'poppinsbold';
  src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
       url('fonts/poppins-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppinsitalic';
  src: url('fonts/poppins-italic-webfont.woff2') format('woff2'),
       url('fonts/poppins-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppinslight';
  src: url('fonts/poppins-light-webfont.woff2') format('woff2'),
       url('fonts/poppins-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppinsmedium';
  src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
       url('fonts/poppins-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppinsmedium_italic';
  src: url('fonts/poppins-mediumitalic-webfont.woff2') format('woff2'),
       url('fonts/poppins-mediumitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppinsregular';
  src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
       url('fonts/poppins-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppinssemibold';
  src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
       url('fonts/poppins-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'poppinssemibolditalic';
  src: url('fonts/poppins-semibold-italic.woff2') format('woff2'),
       url('fonts/poppins-semibold-italic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* amaranth-regular - latin */
@font-face {
  font-family:'Amaranth';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/amaranth-v18-latin/amaranth-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-regular.svg#Amaranth') format('svg'); /* Legacy iOS */
}

/* amaranth-italic - latin */
@font-face {
  font-family: 'Amaranth';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/amaranth-v18-latin/amaranth-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/amaranth-v18-latin/amaranth-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-italic.svg#Amaranth') format('svg'); /* Legacy iOS */
}
/* amaranth-700 - latin */
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/amaranth-v18-latin/amaranth-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/amaranth-v18-latin/amaranth-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/amaranth-v18-latin/amaranth-v18-latin-700.svg#Amaranth') format('svg'); /* Legacy iOS */
}

/*  Light_led_display-7-regular (Letra Digital-Fantasía)*/
@font-face {
  font-family: 'light_led_display-7';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/Light_LED_Display-7/Light-LED-Display-7.eot'); /* IE9 Compat Modes */
  src: url('fonts/Light_LED_Display-7/Light-LED-Display-7.otf') format('otf'),
       url('fonts/Light_LED_Display-7/Light-LED-Display-7.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Light_LED_Display-7/Light-LED-Display-7.woff') format('woff'), /* Modern Browsers */
       url('fonts/Light_LED_Display-7/Light-LED-Display-7.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Baskerville (letra de libros) */
@font-face {
  font-family: 'LibreBaskerville-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Libre_Baskerville/LibreBaskerville-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/Libre_Baskerville/LibreBaskerville-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Libre_Baskerville/LibreBaskerville-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Baskerville - Bold (letra de libros) */
@font-face {
  font-family: 'LibreBaskerville-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Libre_Baskerville/LibreBaskerville-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Libre_Baskerville/LibreBaskerville-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Libre_Baskerville/LibreBaskerville-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/Libre_Baskerville/LibreBaskerville-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Baskerville - Italic (letra de libros) */
@font-face {
  font-family: 'LibreBaskerville-Italic';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Libre_Baskerville/LibreBaskerville-Italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Libre_Baskerville/LibreBaskerville-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Libre_Baskerville/LibreBaskerville-Italic.woff' ) format('woff'), /* Modern Browsers */
       url('fonts/Libre_Baskerville/LibreBaskerville-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
}


/* Product Sans Regular (letra para computadores) */
@font-face {
  font-family: 'ProductSans-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Product_Sans/Product-Sans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Product_Sans/Product-Sans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Product_Sans/Product-Sans-Regular.woff') format('woff'); /* Modern Browsers */
}

/* Product Sans Bold (letra para computadores) */
@font-face {
  font-family: 'ProductSans-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Product_Sans/Product-Sans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Product_Sans/Product-Sans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Product_Sans/Product-Sans-Bold.woff') format('woff'); /* Modern Browsers */
}

/* Product Sans Italic (letra para computadores) */
@font-face {
  font-family: 'ProductSans-Italic';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Product_Sans/Product-Sans-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Product_Sans/Product-Sans-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Product_Sans/Product-Sans-Italic.woff') format('woff'); /* Modern Browsers */
}

/* Product Sans BoldItalic (letra para computadores) */
@font-face {
  font-family: 'ProductSans-BoldItalic';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Product_Sans/Product-Sans-Bold-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Product_Sans/Product-Sans-Bold-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Product_Sans/Product-Sans-Bold-Italic.woff') format('woff'); /* Modern Browsers */
}

/* Courier (máquina de escribir) */
@font-face {
  font-family: 'CourierPrime-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Courier_Prime/CourierPrime-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/Courier_Prime/CourierPrime-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* Courier Bold (máquina de escribir)*/
@font-face {
  font-family: 'CourierPrime-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Courier_Prime/CourierPrime-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Courier_Prime/CourierPrime-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* Courier Italic (máquina de escribir)*/
@font-face {
  font-family: 'CourierPrime-Italic';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Courier_Prime/CourierPrime-Italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Courier_Prime/CourierPrime-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-Italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* Courier BoldItalic (máquina de escribir) */
@font-face {
  font-family: 'CourierPrime-BoldItalic';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Courier_Prime/CourierPrime-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Courier_Prime/CourierPrime-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-BoldItalic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Courier_Prime/CourierPrime-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Georgia (letra de libros- COMPLETA) */
@font-face {
  font-family: 'Georgia-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Georgia/Georgia.eot'); /* IE9 Compat Modes */
  src: url('fonts/Georgia/Georgia.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Georgia/Georgia.woff') format('woff'), /* Modern Browsers */
       url('fonts/Georgia/Georgia.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Georgia Bold (letra de libros- COMPLETA) */
@font-face {
  font-family: 'Georgia-Bold';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Georgia/Georgia-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Georgia/Georgia-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Georgia/Georgia-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/Georgia/Georgia-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Georgia - Italic (letra de libros - COMPLETA) */
@font-face {
  font-family: 'Georgia-Italic';
  font-weight: normal;
  font-style: italic;
  font-display: swap;
  src: url('fonts/Georgia/Georgia-Italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Georgia/Georgia-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Georgia/Georgia-Italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Georgia/Georgia-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Georgia -Bold Italic (letra de libros - COMPLETA) */
@font-face {
  font-family: 'Georgia-Bold-Italic';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url('fonts/Georgia/Georgia-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Georgia/Georgia-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Georgia/Georgia-BoldItalic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Georgia/Georgia-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Comic - Neue  Regular (letra para globo diálogo) */
@font-face {
  font-family: 'Comic-Neue-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Comic-Neue/ComicNeue-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Comic-Neue/ComicNeue-Regular.woff') format('woff'); /* Modern Browsers */
}

/* Comic - Neue Bold (letra para globo diálogo) */
@font-face {
  font-family: 'Comic-Neue-Bold';
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Comic-Neue/ComicNeue-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Comic-Neue/ComicNeue-Bold.woff') format('woff'); /* Modern Browsers */
}

/* FiraCode (letra para computadores - astronauta) */
@font-face {
  font-family: 'FiraCode-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/FiraCode/FiraCode-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/FiraCode/FiraCode-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/FiraCode/FiraCode-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* FiraCode-Bold(letra para computadores - astronauta) */
@font-face {
  font-family: 'FiraCode-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/FiraCode/FiraCode-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/FiraCode/FiraCode-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/FiraCode/FiraCode-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* #endregion */


/* #region SISTEMA DE COLUMNAS */
.fila,
.row {
  display: -webkit-flex; 
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.no-flexbox .fila:after, .no-flexbox
.row:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.fila.no-gutters-xs, .fila.no-paddings-xs,
.row.no-gutters-xs,
.row.no-paddings-xs {
  margin-left: 0;
  margin-right: 0;
}

.fila.no-gutters-xs > [class^="col-"],
.fila.no-gutters-xs > .col, .fila.no-paddings-xs > [class^="col-"],
.fila.no-paddings-xs > .col,
.row.no-gutters-xs > [class^="col-"],
.row.no-gutters-xs > .col,
.row.no-paddings-xs > [class^="col-"],
.row.no-paddings-xs > .col {
  padding-left: 0;
  padding-right: 0;
}

.fila.gutters-xs, .fila.paddings-xs,
.row.gutters-xs,
.row.paddings-xs {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.fila.gutters-xs > [class^="col-"],
.fila.gutters-xs > .col, .fila.paddings-xs > [class^="col-"],
.fila.paddings-xs > .col,
.row.gutters-xs > [class^="col-"],
.row.gutters-xs > .col,
.row.paddings-xs > [class^="col-"],
.row.paddings-xs > .col {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 544px) {

  .fila.no-gutters-sm, .fila.no-paddings-sm,
  .row.no-gutters-sm,
  .row.no-paddings-sm {
    margin-left: 0;
    margin-right: 0;
  }

  .fila.no-gutters-sm > [class^="col-"],
  .fila.no-gutters-sm > .col, .fila.no-paddings-sm > [class^="col-"],
  .fila.no-paddings-sm > .col,
  .row.no-gutters-sm > [class^="col-"],
  .row.no-gutters-sm > .col,
  .row.no-paddings-sm > [class^="col-"],
  .row.no-paddings-sm > .col {
    padding-left: 0;
    padding-right: 0;
  }

  .fila.gutters-sm, .fila.paddings-sm,
  .row.gutters-sm,
  .row.paddings-sm {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .fila.gutters-sm > [class^="col-"],
  .fila.gutters-sm > .col, .fila.paddings-sm > [class^="col-"],
  .fila.paddings-sm > .col,
  .row.gutters-sm > [class^="col-"],
  .row.gutters-sm > .col,
  .row.paddings-sm > [class^="col-"],
  .row.paddings-sm > .col {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {

  .fila.no-gutters-md, .fila.no-paddings-md,
  .row.no-gutters-md,
  .row.no-paddings-md {
    margin-left: 0;
    margin-right: 0;
  }

  .fila.no-gutters-md > [class^="col-"],
  .fila.no-gutters-md > .col, .fila.no-paddings-md > [class^="col-"],
  .fila.no-paddings-md > .col,
  .row.no-gutters-md > [class^="col-"],
  .row.no-gutters-md > .col,
  .row.no-paddings-md > [class^="col-"],
  .row.no-paddings-md > .col {
    padding-left: 0;
    padding-right: 0;
  }

  .fila.gutters-md, .fila.paddings-md,
  .row.gutters-md,
  .row.paddings-md {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .fila.gutters-md > [class^="col-"],
  .fila.gutters-md > .col, .fila.paddings-md > [class^="col-"],
  .fila.paddings-md > .col,
  .row.gutters-md > [class^="col-"],
  .row.gutters-md > .col,
  .row.paddings-md > [class^="col-"],
  .row.paddings-md > .col {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 992px) {

  .fila.no-gutters-lg, .fila.no-paddings-lg,
  .row.no-gutters-lg,
  .row.no-paddings-lg {
    margin-left: 0;
    margin-right: 0;
  }

  .fila.no-gutters-lg > [class^="col-"],
  .fila.no-gutters-lg > .col, .fila.no-paddings-lg > [class^="col-"],
  .fila.no-paddings-lg > .col,
  .row.no-gutters-lg > [class^="col-"],
  .row.no-gutters-lg > .col,
  .row.no-paddings-lg > [class^="col-"],
  .row.no-paddings-lg > .col {
    padding-left: 0;
    padding-right: 0;
  }

  .fila.gutters-lg, .fila.paddings-lg,
  .row.gutters-lg,
  .row.paddings-lg {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .fila.gutters-lg > [class^="col-"],
  .fila.gutters-lg > .col, .fila.paddings-lg > [class^="col-"],
  .fila.paddings-lg > .col,
  .row.gutters-lg > [class^="col-"],
  .row.gutters-lg > .col,
  .row.paddings-lg > [class^="col-"],
  .row.paddings-lg > .col {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1200px) {

  .fila.no-gutters-xl, .fila.no-paddings-xl,
  .row.no-gutters-xl,
  .row.no-paddings-xl {
    margin-left: 0;
    margin-right: 0;
  }

  .fila.no-gutters-xl > [class^="col-"],
  .fila.no-gutters-xl > .col, .fila.no-paddings-xl > [class^="col-"],
  .fila.no-paddings-xl > .col,
  .row.no-gutters-xl > [class^="col-"],
  .row.no-gutters-xl > .col,
  .row.no-paddings-xl > [class^="col-"],
  .row.no-paddings-xl > .col {
    padding-left: 0;
    padding-right: 0;
  }

  .fila.gutters-xl, .fila.paddings-xl,
  .row.gutters-xl,
  .row.paddings-xl {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .fila.gutters-xl > [class^="col-"],
  .fila.gutters-xl > .col, .fila.paddings-xl > [class^="col-"],
  .fila.paddings-xl > .col,
  .row.gutters-xl > [class^="col-"],
  .row.gutters-xl > .col,
  .row.paddings-xl > [class^="col-"],
  .row.paddings-xl > .col {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1400px) {

  .fila.no-gutters-xxl, .fila.no-paddings-xxl,
  .row.no-gutters-xxl,
  .row.no-paddings-xxl {
    margin-left: 0;
    margin-right: 0;
  }

  .fila.no-gutters-xxl > [class^="col-"],
  .fila.no-gutters-xxl > .col, .fila.no-paddings-xxl > [class^="col-"],
  .fila.no-paddings-xxl > .col,
  .row.no-gutters-xxl > [class^="col-"],
  .row.no-gutters-xxl > .col,
  .row.no-paddings-xxl > [class^="col-"],
  .row.no-paddings-xxl > .col {
    padding-left: 0;
    padding-right: 0;
  }

  .fila.gutters-xxl, .fila.paddings-xxl,
  .row.gutters-xxl,
  .row.paddings-xxl {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .fila.gutters-xxl > [class^="col-"],
  .fila.gutters-xxl > .col, .fila.paddings-xxl > [class^="col-"],
  .fila.paddings-xxl > .col,
  .row.gutters-xxl > [class^="col-"],
  .row.gutters-xxl > .col,
  .row.paddings-xxl > [class^="col-"],
  .row.paddings-xxl > .col {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

[class^="col-"],
.col {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  float: left;
}

.col-xs-1,
.xs1 {
  width: 8.33333%;
}

.col-xs-2,
.xs2 {
  width: 16.66667%;
}

.col-xs-3,
.xs3 {
  width: 25%;
}

.col-xs-4,
.xs4 {
  width: 33.33333%;
}

.col-xs-5,
.xs5 {
  width: 41.66667%;
}

.col-xs-6,
.xs6 {
  width: 50%;
}

.col-xs-7,
.xs7 {
  width: 58.33333%;
}

.col-xs-8,
.xs8 {
  width: 66.66667%;
}

.col-xs-9,
.xs9 {
  width: 75%;
}

.col-xs-10,
.xs10 {
  width: 83.33333%;
}

.col-xs-11,
.xs11 {
  width: 91.66667%;
}

.col-xs-12,
.xs12 {
  width: 100%;
}

.col-xs-auto {
  width: auto;
}

@media (min-width: 544px) {

  .col-sm-1,
  .sm1 {
    width: 8.33333%;
  }

  .col-sm-2,
  .sm2 {
    width: 16.66667%;
  }

  .col-sm-3,
  .sm3 {
    width: 25%;
  }

  .col-sm-4,
  .sm4 {
    width: 33.33333%;
  }

  .col-sm-5,
  .sm5 {
    width: 41.66667%;
  }

  .col-sm-6,
  .sm6 {
    width: 50%;
  }

  .col-sm-7,
  .sm7 {
    width: 58.33333%;
  }

  .col-sm-8,
  .sm8 {
    width: 66.66667%;
  }

  .col-sm-9,
  .sm9 {
    width: 75%;
  }

  .col-sm-10,
  .sm10 {
    width: 83.33333%;
  }

  .col-sm-11,
  .sm11 {
    width: 91.66667%;
  }

  .col-sm-12,
  .sm12 {
    width: 100%;
  }

  .col-sm-auto {
    width: auto;
  }
}

/*JMG*/
@media (min-width: 656px) {

  .col-sml-1,
  .sml1 {
    width: 8.33333%;
  }

  .col-sml-2,
  .sml2 {
    width: 16.66667%;
  }

  .col-sml-3,
  .sml3 {
    width: 25%;
  }

  .col-sml-4,
  .sml4 {
    width: 33.33333%;
  }

  .col-sml-5,
  .sml5 {
    width: 41.66667%;
  }

  .col-sml-6,
  .sml6 {
    width: 50%;
  }

  .col-sml-7,
  .sml7 {
    width: 58.33333%;
  }

  .col-sml-8,
  .sml8 {
    width: 66.66667%;
  }

  .col-sml-9,
  .sml9 {
    width: 75%;
  }

  .col-sml-10,
  .sml10 {
    width: 83.33333%;
  }

  .col-sml-11,
  .sml11 {
    width: 91.66667%;
  }

  .col-sml-12,
  .sml12 {
    width: 100%;
  }

  .col-sml-auto {
    width: auto;
  }
}


@media (min-width: 768px) {

  .col-md-1,
  .md1 {
    width: 8.33333%;
  }

  .col-md-2,
  .md2 {
    width: 16.66667%;
  }

  .col-md-3,
  .md3 {
    width: 25%;
  }

  .col-md-4,
  .md4 {
    width: 33.33333%;
  }

  .col-md-5,
  .md5 {
    width: 41.66667%;
  }

  .col-md-6,
  .md6 {
    width: 50%;
  }

  .col-md-7,
  .md7 {
    width: 58.33333%;
  }

  .col-md-8,
  .md8 {
    width: 66.66667%;
  }

  .col-md-9,
  .md9 {
    width: 75%;
  }

  .col-md-10,
  .md10 {
    width: 83.33333%;
  }

  .col-md-11,
  .md11 {
    width: 91.66667%;
  }

  .col-md-12,
  .md12 {
    width: 100%;
  }

  .col-md-auto {
    width: auto;
  }
}

/*JMG*/
@media (min-width: 880px) {

  .col-mdl-1,
  .mdl1 {
    width: 8.33333%;
  }

  .col-mdl-2,
  .mdl2 {
    width: 16.66667%;
  }

  .col-mdl-3,
  .mdl3 {
    width: 25%;
  }

  .col-mdl-4,
  .mdl4 {
    width: 33.33333%;
  }

  .col-mdl-5,
  .mdl5 {
    width: 41.66667%;
  }

  .col-mdl-6,
  .mdl6 {
    width: 50%;
  }

  .col-mdl-7,
  .mdl7 {
    width: 58.33333%;
  }

  .col-mdl-8,
  .mdl8 {
    width: 66.66667%;
  }

  .col-mdl-9,
  .mdl9 {
    width: 75%;
  }

  .col-mdl-10,
  .mdl10 {
    width: 83.33333%;
  }

  .col-mdl-11,
  .mdl11 {
    width: 91.66667%;
  }

  .col-mdl-12,
  .mdl12 {
    width: 100%;
  }

  .col-mdl-auto {
    width: auto;
  }
}

@media (min-width: 992px) {

  .col-lg-1,
  .lg1 {
    width: 8.33333%;
  }

  .col-lg-2,
  .lg2 {
    width: 16.66667%;
  }

  .col-lg-3,
  .lg3 {
    width: 25%;
  }

  .col-lg-4,
  .lg4 {
    width: 33.33333%;
  }

  .col-lg-5,
  .lg5 {
    width: 41.66667%;
  }

  .col-lg-6,
  .lg6 {
    width: 50%;
  }

  .col-lg-7,
  .lg7 {
    width: 58.33333%;
  }

  .col-lg-8,
  .lg8 {
    width: 66.66667%;
  }

  .col-lg-9,
  .lg9 {
    width: 75%;
  }

  .col-lg-10,
  .lg10 {
    width: 83.33333%;
  }

  .col-lg-11,
  .lg11 {
    width: 91.66667%;
  }

  .col-lg-12,
  .lg12 {
    width: 100%;
  }

  .col-lg-auto {
    width: auto;
  }
}

@media (min-width: 1200px) {

  .col-xl-1,
  .xl1 {
    width: 8.33333%;
  }

  .col-xl-2,
  .xl2 {
    width: 16.66667%;
  }

  .col-xl-3,
  .xl3 {
    width: 25%;
  }

  .col-xl-4,
  .xl4 {
    width: 33.33333%;
  }

  .col-xl-5,
  .xl5 {
    width: 41.66667%;
  }

  .col-xl-6,
  .xl6 {
    width: 50%;
  }

  .col-xl-7,
  .xl7 {
    width: 58.33333%;
  }

  .col-xl-8,
  .xl8 {
    width: 66.66667%;
  }

  .col-xl-9,
  .xl9 {
    width: 75%;
  }

  .col-xl-10,
  .xl10 {
    width: 83.33333%;
  }

  .col-xl-11,
  .xl11 {
    width: 91.66667%;
  }

  .col-xl-12,
  .xl12 {
    width: 100%;
  }

  .col-xl-auto {
    width: auto;
  }
}

@media (min-width: 1400px) {

  .col-xxl-1,
  .xxl1 {
    width: 8.33333%;
  }

  .col-xxl-2,
  .xxl2 {
    width: 16.66667%;
  }

  .col-xxl-3,
  .xxl3 {
    width: 25%;
  }

  .col-xxl-4,
  .xxl4 {
    width: 33.33333%;
  }

  .col-xxl-5,
  .xxl5 {
    width: 41.66667%;
  }

  .col-xxl-6,
  .xxl6 {
    width: 50%;
  }

  .col-xxl-7,
  .xxl7 {
    width: 58.33333%;
  }

  .col-xxl-8,
  .xxl8 {
    width: 66.66667%;
  }

  .col-xxl-9,
  .xxl9 {
    width: 75%;
  }

  .col-xxl-10,
  .xxl10 {
    width: 83.33333%;
  }

  .col-xxl-11,
  .xxl11 {
    width: 91.66667%;
  }

  .col-xxl-12,
  .xxl12 {
    width: 100%;
  }

  .col-xxl-auto {
    width: auto;
  }
}

@media print {

  .col-pr-1 {
    width: 8.33333%;
  }

  .col-pr-2 {
    width: 16.66667%;
  }

  .col-pr-3 {
    width: 25%;
  }

  .col-pr-4 {
    width: 33.33333%;
  }

  .col-pr-5 {
    width: 41.66667%;
  }

  .col-pr-6 {
    width: 50%;
  }

  .col-pr-7 {
    width: 58.33333%;
  }

  .col-pr-8 {
    width: 66.66667%;
  }

  .col-pr-9 {
    width: 75%;
  }

  .col-pr-10 {
    width: 83.33333%;
  }

  .col-pr-11 {
    width: 91.66667%;
  }

  .col-pr-12 {
    width: 100%;
  }
}

.col-xs-offset-0,
.offset-xs0 {
  margin-left: 0;
}

.col-xs-offset-1,
.offset-xs1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2,
.offset-xs2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3,
.offset-xs3 {
  margin-left: 25%;
}

.col-xs-offset-4,
.offset-xs4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5,
.offset-xs5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6,
.offset-xs6 {
  margin-left: 50%;
}

.col-xs-offset-7,
.offset-xs7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8,
.offset-xs8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9,
.offset-xs9 {
  margin-left: 75%;
}

.col-xs-offset-10,
.offset-xs10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11,
.offset-xs11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12,
.offset-xs12 {
  margin-left: 100%;
}

@media (min-width: 544px) {

  .col-sm-offset-0,
  .offset-sm0 {
    margin-left: 0;
  }

  .col-sm-offset-1,
  .offset-sm1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2,
  .offset-sm2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3,
  .offset-sm3 {
    margin-left: 25%;
  }

  .col-sm-offset-4,
  .offset-sm4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5,
  .offset-sm5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6,
  .offset-sm6 {
    margin-left: 50%;
  }

  .col-sm-offset-7,
  .offset-sm7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8,
  .offset-sm8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9,
  .offset-sm9 {
    margin-left: 75%;
  }

  .col-sm-offset-10,
  .offset-sm10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11,
  .offset-sm11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12,
  .offset-sm12 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {

  .col-md-offset-0,
  .offset-md0 {
    margin-left: 0;
  }

  .col-md-offset-1,
  .offset-md1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2,
  .offset-md2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3,
  .offset-md3 {
    margin-left: 25%;
  }

  .col-md-offset-4,
  .offset-md4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5,
  .offset-md5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6,
  .offset-md6 {
    margin-left: 50%;
  }

  .col-md-offset-7,
  .offset-md7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8,
  .offset-md8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9,
  .offset-md9 {
    margin-left: 75%;
  }

  .col-md-offset-10,
  .offset-md10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11,
  .offset-md11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12,
  .offset-md12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {

  .col-lg-offset-0,
  .offset-lg0 {
    margin-left: 0;
  }

  .col-lg-offset-1,
  .offset-lg1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2,
  .offset-lg2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3,
  .offset-lg3 {
    margin-left: 25%;
  }

  .col-lg-offset-4,
  .offset-lg4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5,
  .offset-lg5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6,
  .offset-lg6 {
    margin-left: 50%;
  }

  .col-lg-offset-7,
  .offset-lg7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8,
  .offset-lg8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9,
  .offset-lg9 {
    margin-left: 75%;
  }

  .col-lg-offset-10,
  .offset-lg10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11,
  .offset-lg11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12,
  .offset-lg12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {

  .col-xl-offset-0,
  .offset-xl0 {
    margin-left: 0;
  }

  .col-xl-offset-1,
  .offset-xl1 {
    margin-left: 8.33333%;
  }

  .col-xl-offset-2,
  .offset-xl2 {
    margin-left: 16.66667%;
  }

  .col-xl-offset-3,
  .offset-xl3 {
    margin-left: 25%;
  }

  .col-xl-offset-4,
  .offset-xl4 {
    margin-left: 33.33333%;
  }

  .col-xl-offset-5,
  .offset-xl5 {
    margin-left: 41.66667%;
  }

  .col-xl-offset-6,
  .offset-xl6 {
    margin-left: 50%;
  }

  .col-xl-offset-7,
  .offset-xl7 {
    margin-left: 58.33333%;
  }

  .col-xl-offset-8,
  .offset-xl8 {
    margin-left: 66.66667%;
  }

  .col-xl-offset-9,
  .offset-xl9 {
    margin-left: 75%;
  }

  .col-xl-offset-10,
  .offset-xl10 {
    margin-left: 83.33333%;
  }

  .col-xl-offset-11,
  .offset-xl11 {
    margin-left: 91.66667%;
  }

  .col-xl-offset-12,
  .offset-xl12 {
    margin-left: 100%;
  }
}

@media (min-width: 1400px) {

  .col-xxl-offset-0,
  .offset-xxl0 {
    margin-left: 0;
  }

  .col-xxl-offset-1,
  .offset-xxl1 {
    margin-left: 8.33333%;
  }

  .col-xxl-offset-2,
  .offset-xxl2 {
    margin-left: 16.66667%;
  }

  .col-xxl-offset-3,
  .offset-xxl3 {
    margin-left: 25%;
  }

  .col-xxl-offset-4,
  .offset-xxl4 {
    margin-left: 33.33333%;
  }

  .col-xxl-offset-5,
  .offset-xxl5 {
    margin-left: 41.66667%;
  }

  .col-xxl-offset-6,
  .offset-xxl6 {
    margin-left: 50%;
  }

  .col-xxl-offset-7,
  .offset-xxl7 {
    margin-left: 58.33333%;
  }

  .col-xxl-offset-8,
  .offset-xxl8 {
    margin-left: 66.66667%;
  }

  .col-xxl-offset-9,
  .offset-xxl9 {
    margin-left: 75%;
  }

  .col-xxl-offset-10,
  .offset-xxl10 {
    margin-left: 83.33333%;
  }

  .col-xxl-offset-11,
  .offset-xxl11 {
    margin-left: 91.66667%;
  }

  .col-xxl-offset-12,
  .offset-xxl12 {
    margin-left: 100%;
  }
}

/* #endregion */

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span {
    margin: 0;
    padding: 0;
}

p, li, label {
  font-size: 14px;
}

.w3-panel {
    text-align: center;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    min-height: 100vh;
    /*overflow: hidden;*/
}
main {
  min-height: calc(100vh - 23px);
}


h1,h2,h3,h4,h5,p,a {
    font-family: 'Poppins', sans-serif; 
}
h1 {
  text-align: left;
  color: #198DBC;
  font-weight: 300 !important;
}
h2 {
  color: #198DBC;
  text-align: left;
  font-weight: 300 !important;
}
.modal h2,
.modal h3 {
  text-align: center;
}

h3 {
    font-weight: 300 !important;
    font-size: 2.4em;
    color: #198DBC;
    text-align: left;
    margin-bottom: 20px;
}
h4 {
    font-weight: 300 !important;
    font-size: 20px;
    /* JMG color: #176A8B;*/
    color: #198DBC; /*JMG */
    text-align: left;
    margin-bottom: 15px;
}

form {
    text-align: center;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

button, a, svg, .fila-cajas *  {
  -webkit-tap-highlight-color: transparent;
}

button:active {
  transform: scale(0.97);
  filter: brightness(0.95);
}



textarea {
  resize: none;
}

.container1, .container2, .container3, .container4, .container5, .container6, .w3-panel, .contenedor {
    /* max-width: 1150px; */
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.contenedor_contexto, .contenedor_portada {
    width: 100%;
    margin: 0 auto;
    padding: 10px 15px;
}



.main-profesor .container1, .main-profesor .container2, .main-profesor .container3, .main-profesor .container4, .main-profesor .container5, .main-profesor .container6, .main-profesor .w3-panel, .main-profesor .contenedor {
  max-width: 1150px;
}

.mensaje {
  background: #FEEBB2;
  /*border-radius: 20px;*/
  border-radius: 10px;
  /*padding: 15px 24px; JMG*/
  padding: 10px 20px; /* JMG*/
  margin-bottom: 0px; /* JMG*/
}
.mensaje p{
  font-weight: 300;
  text-align: left;
  color: #8C6B08 !important;
  font-size: 13px;
}
.mensaje p span{
  display: block;
  font-size: 13px;
}
.respondido .container42_carga {
  background: #FEEBB2 !important;
  /*border-radius: 20px !important;*/
  border-radius: 10px !important;
  padding: 10px 24px !important;
  text-align: left !important;
  color: #8C6B08 !important;
  box-shadow:none !important;
  /*margin-bottom: 20px !important;*/
  margin-bottom: 5px !important;
  /*JMG*/
  margin-top: 5px !important;
}
.respondido .container42_carga span {
  /*display: block;*/
  font-size: 13px;
  color: #8C6B08 !important;
}
.respondido .container42_carga p {
  font-weight: 300;
  text-align: left;
  color: #8C6B08 !important;
  font-size: 13px;
}

/* JMG Inicia */
.Todos_Respondidos_saca .container42_carga {
  background: #FEEBB2 !important;
  /*border-radius: 20px !important;*/
  border-radius: 10px !important;
  padding: 10px 24px !important;
  text-align: left !important;
  color: #8C6B08 !important;
  box-shadow:none !important;
  /*margin-bottom: 20px !important;*/
  margin-bottom: 5px !important;
  /*JMG*/
  margin-top: 5px !important;
}
.Todos_Respondidos_saca .container42_carga span {
  display: block;
  font-size: 13px;
  color: #8C6B08 !important;
}
.Todos_Respondidos_saca .container42_carga p {
  font-weight: 300;
  text-align: left;
  color: #8C6B08 !important;
  font-size: 13px;
}

/* JMG Fin */
.Cuerpo {
  max-width: 958px;
  width: 100%;
  margin: 0 auto;
}
.contenedor, .contenedor_contexto, .contenedor_portada {
  width: 99%;
  overflow-y: auto;
  overflow-x: hidden; 
}
.contenedor-no-scroll, .contenedor_final {
    max-width: 991px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.resultado-icon-caja {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.puntaje_final span,
.resultado_final span {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  color: #333;
}
.puntaje_final {
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: var(--principal);
}

.resultado_final {
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: var(--naranjo);
}


.context_col2 {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 20px;
  /*position: relative; JMG
  top: -50px; JMG*/
}
.context_col2 button{
  background: transparent;
  border: transparent;
  padding: 0;
  color: var(--naranjo);
  margin-top: auto;
  text-align: right;
  font-size: 14px;
  cursor: pointer;
  transition: all ease .3s;
}
.context_col2 button:hover{
  opacity: .9;
}
.context_col2 button svg{
  margin-left: 8px;
  vertical-align: middle;
}

/* KDV */
.boton_volver{
  margin-right: 8px;
  vertical-align: middle;
  transform: rotate(180deg);
}
/* FIN KDV */

.context_col2 .button5{
  background: transparent;
  border: transparent;
  padding: 0;
  color: #8c8c8c;
  margin-top: auto;
  text-align: right;
  font-size: 14px;
  cursor: pointer;
  transition: all ease .3s;
}

/* Fin KDV */

.modal .context_col2 {
  height: unset;
  position: initial;
  box-shadow: none;
  padding: 0;
  border: none;
}
.modal .context_col2_1 {
  height: unset;
  border: none;
}
.context_col2_1 {
  display: flex;
  flex-direction: column;
  text-align:justify; 
  min-height:0px;
}
.contenedor::-webkit-scrollbar {
    /*width: 5px;*/
    width: 10px;
    border-radius: 10px;

}
.contenedor::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}
.contenedor::-webkit-scrollbar-thumb {
    background: #176A8B;
    border-radius: 10px;
}
.contenedor::-webkit-scrollbar-thumb:hover {
    background: #278cb4;
}

/*JMG*/
.contenedor_contexto::-webkit-scrollbar {
  /*width: 5px;*/
  width: 10px;
  border-radius: 10px;

}
.contenedor_contexto::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.contenedor_contexto::-webkit-scrollbar-thumb {
  background: #176A8B;
  border-radius: 10px;
}
.contenedor_contexto::-webkit-scrollbar-thumb:hover {
  background: #278cb4;
}

.contenedor_portada::-webkit-scrollbar {
  /*width: 5px;*/
  width: 10px;
  border-radius: 10px;

}
.contenedor_portada::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.contenedor_portada::-webkit-scrollbar-thumb {
  background: #176A8B;
  border-radius: 10px;
}
.contenedor_portada::-webkit-scrollbar-thumb:hover {
  background: #278cb4;
}

/* JMG */
.modal-content_scroll::-webkit-scrollbar {
  /*width: 5px;*/
  width: 10px;
  border-radius: 10px;

}
.modal-content_scroll::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.modal-content_scroll::-webkit-scrollbar-thumb {
  background: #176A8B;
  border-radius: 10px;
}
.modal-content_scroll::-webkit-scrollbar-thumb:hover {
  background: #278cb4;
}
/* Fin JMG*/

.login-background .modal {
  display: flex;
  position: fixed;
}
.login-background .modal-content {
  background-color: #fff;
  margin: 300px auto;
  padding: 25px;
  border-radius: 20px;
}
.login-background .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Juego_bloqueado {
  background: #fff !important;
}
.button1 {
    background: var(--principal);
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding: 12px;
    border-color: transparent;
    border: 1px solid var(--principal);
    min-width: 150px;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
}

.button2 {
    background: var(--naranjo);
    border-radius: 20px;
    font-weight: 500;
    font-size: 1.4em;
    color: #FFFFFF;
    padding: 12px;
    border-color: transparent;
    border: 1px solid var(--naranjo);
    min-width: 150px;
    display: block;
    cursor: pointer;
}
.button3 {
    background: #fff;
    border-radius: 20px;
    font-weight: 500;
    font-size: 1.4em;
    color: var(--principal);
    padding: 12px;
    border-color: transparent;
    border: 1px solid var(--principal);
    min-width: 150px;
    display: block;
    cursor: pointer;
}
.button4 {
    background: #fff;
    border-radius: 20px;
    font-weight: 500;
    font-size: 1.4em;
    color: var(--naranjo);
    padding: 12px;
    border-color: transparent;
    border: 1px solid var(--naranjo);
    min-width: 150px;
    display: block;
    cursor: pointer;
}

a.button1{
  width: fit-content;
  text-decoration: none;
}

.button-interior{
  border: none;
  background: rgba(23, 106, 139,.3);
  padding:5px;
  border-radius:90px;
  min-width: auto;
  display:flex;
  justify-content:center;
  align-items:center;
}

.button-interior-J1{ /*JMG*/
  border: none;
  background: rgba(23, 106, 139,.3);
  padding:5px;
  border-radius:90px;
  min-width: auto;
  display:flex;
  justify-content:center;
  align-items:center;
}

.button-interior svg{width:20px; height:20px; fill:#fff;} /*JMG*/
.button-interior-J1 svg{width:20px; height:20px; fill:#fff;} /*JMG*/


.button1:hover,
.button2:hover {
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.2);
}
#rondas-header .button1:hover, #rondas-header .button2:hover {
  box-shadow:none;
}
.boton-desactivado {
  opacity: .5;
  pointer-events: none;
} 

.Celular {display: none; visibility: hidden;}
.Laptop {display: block;}

@media screen and (max-width:450px) {
    .Celular  { display: block; visibility: visible; }
    .Laptop   { display: none; visibility: hidden; }
}

.login-background {
    background: var(--gradient_profe);
}
.login-background .Laptop,
.login-background .celular {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-background .celular { /*JMG*/
  min-height: 80vh; /*JMG*/
}


.login-background img {
    width: 200px;
    margin-bottom: 5em;
}
.login-background .Celular img {
    margin: 3rem 0;
}
.login-background h3 {
    margin-bottom: 2rem;
}
.login-background .Celular h3 {
    /* color: #fff; JMG*/
    color: #198DBC; /*JMG*/
}
.login-background .Celular label {
    /*color: #fff; JMG*/
    color: #333333; /*JMG*/
}
.login-background form {
    margin-bottom: 2rem;
}
.login-background .container2,
.login-background .container3 {
  padding: 0;
}
.login-background.login-background-jugador {
  background: var(--gradient_jugador);
}

.Laptop {
    max-width:  991px;
    margin: 0 auto;
}
.login-background .container1,
.login-background .container2 form div {
    text-align: center;
}
.login-background .Laptop .w3-panel {
    width: 46em;
    padding: 1.8em 3.3em 1.6em;
    background: #fff;
    border-radius: 3em;
}

/*JMG */   
.login-background .Celular .w3-panel {
  width: 90%;
  padding: 1.8em 3.3em 1.6em;
  background: #fff;
  border-radius: 3em;
}

input.disabled,
select.disabled,
textarea.disabled{
  pointer-events: none !important;
  background-color: #F5F4F4 !important;
}

form input,
form select,
form textarea,
.dato-juego-item input {
    border: 1px solid rgba(51, 51, 51, 0.2);
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
}

form label {
  font-weight: 300;
  font-size: 1.4em;
  color: #333333;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  padding-right: 35px !important;
  min-height: 43px;
}
.select {
  position: relative;
  display: inline-block;
}

.recover {
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #176A8B;
  opacity: 0.6;
  text-decoration: none;
}
.recover:hover {
  text-decoration: underline;
}
.separador--small {
  height: 20px;
  width: 100%;
}
.separador {
  height: 30px;
  width: 100%;
}
.separador--big {
  height: 60px;
  width: 100%;
}

.login-background .container2 form .col21 {
    float: left;
    margin-top: 12px;
}
.login-background .container2 form .col22 {
    display: flex;
    margin-bottom: 1.9em;
}
.login-background input.Texto1 {
    margin-left: auto;
    height: 45px;
    width: 246px;
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
}

.login-background-jugador input.Texto1 {
    margin-left: auto;
    height: 45px;
    width: 246px;
    border: 1.5px solid rgba(51, 51, 51, 0.1);
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
}

.login-background .Celular .container2 form  .col22 input {
    /*JMG width: 50%; JMG
    min-width: 150px; JMG*/
    width: 100%; /*JMG*/
}
.login-background .Texto1 {
  text-align: left;
  font-weight: 300;
  margin-bottom: 10px;
}
.login-background .modal-content p.Texto1 {
  text-align: center;
}
.login-background .container3 input.Texto1 {
  width: auto;
}

.error span{
  background: #efa3a3;
  color: #9c4242;
  font-size: 13px;
  padding: 10px;
  display: block;
  margin-bottom: 15px;
}
.exito span{
  color: #155724;
  background-color: #d4edda;
  font-size: 13px;
  padding: 10px;
  display: block;
  margin-bottom: 15px;
}

div.error br{
  display: none;
}

#show h2 {
  font-weight: 300 !important;
}

table td a {
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: #176A8B;
  text-decoration: none;
  /*JMG transition: all ease .3s;*/
}
table td a:hover {
  text-decoration: underline;
}



/* #region Header Juego  */

.header_juego       .header .contexto       { display:flex;}
.header_juego_mini  .header .contexto       { display:none; }
.header_juego       .header .cuerpo_juego   { display:none;}
.header_juego_mini  .header .cuerpo_juego   { display:flex; }


.header_juego {
  height: 80px;
  position: relative;
}

.header_juego .header {
  background: url(Imagenes/fondo_header_juego2.svg) no-repeat;
  background-size: 100% 100%;
  background-position: center bottom;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  box-shadow: inset 0px -1px 0px 0px #fff;
  width: 100%;
}


.header_juego_mini {
  height: 50px;
  position:relative;
}

.header_juego_mini .header {
  background: url(Imagenes/fondo_header_juego_mini2.svg);
  background-size: 100% 100%;
  background-position: center bottom;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  box-shadow: inset 0px -1px 0px 0px #fff;
  width: 100%;
  
}

.header .logo_portada img,
.header .logo img {
    width: 100%;
}
.header_juego .header .logo_portada,
.header_juego .header .logo {
    width: 100px;
    position:absolute;
    left:20px;
    top:15px;
}

@media screen   and (max-width:900px)  { .header_juego .header .logo_portada { display: none}}
@media screen   and  (min-width:900px) { .header_juego .header .logo_portada { display: flex;}}

@media screen   and  (max-width:600px)  { .header_juego .header .logo { display: none}}
@media screen   and  (min-width:600px) { .header_juego .header .logo { display: flex;}}

@media screen   and   (max-width:630px)  { .header_juego_mini .header .logo { display: none}}
@media screen   and   (min-width:630px) { .header_juego_mini .header .logo { display: flex;}}


.header_juego_mini .header .logo {
    width: 80px;
    position:absolute;
    left:70px;
    top:45%;
    transform: translateY(-50%);
}

.Header_intro     {display:none !important}
.Header_intro_off {display:flex !important}

.header_juego .usuario_icono_interior {
  width: auto;
  height: auto;
  background: none;
  display: -webkit-flex; /*JMG*/
  display:flex;         /*JMG*/
  justify-content:flex-end; /*JMG*/
}

.header_juego_mini .usuario_icono_interior {
  width: auto;
  height: auto;
  background: none;
  display: -webkit-flex; /*JMG*/
  display:flex;         /*JMG*/
  justify-content:flex-end; /*JMG*/
}


.header_juego .rondas {
  position: absolute;
  display: flex;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 35px;
  opacity: 1;
  justify-content: center;
  transform-origin: top;
  transform: scaleY(1);
  width:300px;
}

.header_juego .rondas button{
    padding: 2px 15px;
    font-size: 12px;
    min-width: auto;
    background: transparent;
    border-color: transparent;
    text-transform: uppercase;
    margin: 0 5px;
    background: rgba(51, 51, 51, 0.2);
    cursor:auto;
    /*background:#2A9FAC;*/
}

.header_juego .rondas button.activo{
    background: rgba(51, 51, 51, 0.7);
    box-shadow: none;
}


.header_juego .header_juego .tooltip {
  padding: 0;
  margin-top: 10px;
}

.header_juego .Instrucciones_cuerpo {
  margin: 5px auto 5px;
}


.Visualizacion {
  position: absolute;
  top: 10px;
  left: 50%;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  opacity: 1;
  transform-origin: top;
  transform: translateX(-50%) scaleY(1);
  transition: all ease .3s;
  width: 300px;
}

.Visualizacion h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
}


.header_juego_mini .Visualizacion {
  display: none; 
}

.header_juego .tooltip .usuario{
display: block;
}

.header_juego .tooltip form {
  display: none;
}

.cuerpo .usuario_icono {
    position: absolute;
    top: 6px;
    right: 20px;
}

.contexto .usuario_icono {
    position: absolute;
    top: 10px;
    right: 20px;
}

.cuerpo_juego .usuario_icono{
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%) scaleY(1);
  text-align: center;
}



.boton-tutorial {
  position: absolute;
  top: 10px;
  left: 150px;
  display: none;
}

.boton_Ver_Respuestas {
  position: absolute;
  top: 9px;
  left: 60px;
  height:25px; 
  display:flex; 
  padding: 0px;
  justify-content: center;
  align-items: center;
  text-transform: unset;
  min-width: unset;
}

@media screen  and (max-width:700px) { .boton_Ver_Respuestas { width:100px;}}
@media screen and  (min-width:700px) { .boton_Ver_Respuestas { width:130px;}}


@media screen  and (max-width:900px) { .boton-tutorial { left: 20px;}}
@media screen and  (min-width:900px) { .boton-tutorial { left: 150px;}}

  .nombre_header, .nombre_header_cuerpo {
    margin-bottom:0px; 
    color: white;
    white-space: nowrap; overflow: hidden;     
    text-overflow: ellipsis;  
  }

  @media screen  and (max-width:768px) { .nombre_header { max-width: 160px; }}
  @media screen and  (min-width:768px) { .nombre_header { max-width: unset;}}

  .nombre_header {
    margin-bottom:0px; 
    color: white;
  }


  .boton_Ayuda_Apagado, .boton_Ayuda_Prendido, .Boton_Mediacion {
    background:transparent;
    border:none;
    cursor: pointer;
  }

  .boton_Ayuda_Apagado:hover, .boton_Ayuda_Prendido:hover, .Boton_Mediacion:hover {
    opacity: 0.7;
  }

  .boton_Ayuda_Prendido:hover {
    opacity: 0.85;
  }

  .Boton_Mediacion {
    margin-left:23px;
  }

  .volver-header {
    position: absolute;
    left: 20px;
    top: 7px;
  }

  .volver-header button {
    min-width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 7px 5px 3px;
    cursor: pointer;
  }

  .volver-header svg{ width:19px; height: 19px; fill:#fff}
  
  .volver-header button:hover{
    opacity: 0.7;
  }

  .iconos-utilidades a {
    margin-left: 23px;
  }
  .iconos-utilidades a:hover {
      opacity: .5;
  }
  .iconos-utilidades button {
    padding: 0;
    background: transparent;
    border: transparent;
    box-shadow: none !important;
    min-width: auto;
    cursor: pointer;
  }

  .header_juego .iconos-utilidades {
      display: none;
      justify-content: right;
  }

  .header_juego_mini .iconos-utilidades {
      display: flex;
      justify-content: right;
  }


  .recursos-header {
    position: absolute;
    right: 20px;
    top: 15px;
  }

  /* #endregion */



/* TABLAS  */
.tabla-overflow {
    overflow: auto;
    max-height: 60vh;
    /*scrollbar-color: #176A8B #eee;*/
    /*scrollbar-width: thin;*/
}
.tabla-round {
  padding: 0;
  /* margin: 0 15px; */
  border-radius: 25px;
  /* border: 1px solid #eee; */
  /* overflow: hidden; */
  box-shadow: 0px 0px 1px rgb(0 0 0 / 20%);
}
.tabla-round-modal {
  padding: 0;
  border-radius: 15px;
  border: 1px solid #eee;
  overflow: hidden;
}
.tabla-round-modal th{
  padding: 14px 8px;
}

/* JMG */ 
.tabla-estadisticas {
  border-radius: 10px;
}

.tabla-overflow::-webkit-scrollbar {
    width: 5px;
    height:5px;
    border-radius: 10px;
}
.tabla-overflow::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}
.tabla-overflow::-webkit-scrollbar-thumb {
    background: #176A8B;
    border-radius: 10px;
}
.tabla-overflow::-webkit-scrollbar-thumb:hover {
    background: #278cb4;
}


.col-tabla {
  margin-bottom: 15px;
  margin-right: 3%;
  width: calc(100% / 3);
}

textarea {
  scrollbar-color: #176A8B #eee;
  scrollbar-width: thin;
}

textarea::-webkit-scrollbar {
  width: 4px;
  border-radius: 20px;
}

textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 20px;
}

textarea::-webkit-scrollbar-thumb {
background: linear-gradient(0deg, transparent 0%,transparent 34%, rgba(23,106,139,1) 34%, rgba(23,106,139,1) 66%, transparent 66%, transparent 100%);
border-radius: 10px;
}


table {
    width: 100%;
    border-collapse: collapse;
}

table thead th {
  background: #176A8B;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  padding: 10px 8px;
  border: 1px solid #176A8B;
  border-right-color: #fff;
  /* border-top: none; */
  position: sticky;
  top: -1px;
}
.tabla_grupo thead th {
padding: 5px 10px;
}
.tabla_grupo tbody td {
padding: 5px 10px;
}
.tabla_grupo table th,
.tabla_grupo table td {
font-size: 13px;

}

.tabla-lista-juegos table thead th:nth-of-type(2) {
  min-width: 180px;
}

table thead th:last-of-type {
  border-right-color: #176A8B;
}
table thead th:first-of-type {
  border-left-color: #176A8B;
}

table tbody td {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #333333;
  padding: 14px;
  border: 1px solid rgba(51, 51, 51, 0.2);
}

.tabla-overflow .tabla-round table tbody tr td:first-of-type {
border-left: none;
}
.tabla-overflow .tabla-round table tbody tr td:last-of-type {
border-right: none;
}
.tabla-overflow .tabla-round table {
width: 100.1%;
}
.tabla-overflow .tabla-round {
border: 1px solid #eee;
}

.tabla-overflow .tabla-round table tbody tr:last-of-type td {
border-bottom: none;
}

table tbody tr:nth-child(odd){
background: #F1F1F1;
}


table button {
    background: transparent;
    border: none;
    /* JMG text-decoration: underline;*/
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    /* JMG font-size: 14px;*/
    font-size: 13px; /* JMG*/
    text-align: center;
    color: #176A8B;    
}

table button:hover {
  text-decoration: underline; 
}

.button_ver {
  background: url('Imagenes/ver.svg') no-repeat;
  width: 30px;
  background-position-x:center;
  background-position-y:center;
  height: 30px;
}





.introduccion {
    padding-left: 20px;
}
.introduccion .modal-content_intro{
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 30px 30px;
}




.tooltip-item {
  position: relative;
  z-index: 10;
}
.tooltip-item[title]:hover::after {
  position: absolute;
  display: block;
  content: attr(title);
  position: absolute;
  bottom: -125%;
  color: #fff;
  background: #333333;
  padding: 10px;
  text-align: center;
  width: 150px;
  font-size: 14px;
}
.tooltip-item[title]:hover::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: -30%;
  border-bottom: 8px solid #333;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.container2.rondas.oculto {
  display: none;
}

.modal {
    display: none;
}
.introduccion p{
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
.introduccion p.titulo_introduccion{
    font-weight: 300;
    font-size: 20px;
    color: #198DBC;
}
.footer {
    background: #176A8B;
    padding: 4px;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
}
.footer p{
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.6;
}
.modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0,0,0,.5);
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.ayuda.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0,0,0,.5);
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.modal .modal-content_intro,
.modal .modal-content_contexto {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    max-width: 991px;
    max-height: 650px; /* JMG*/
}

/* JMG*/ 
.modal .modal-content_contexto {
  padding: 25px 0px;}

  .modal-content_scroll {
    padding-left:25px; padding-right:25px; overflow:auto; max-height: calc(85vh - 137px)}

.modal .modal-content_contexto {
  padding-left:25px; padding-right:25px; max-height:85vh}
/* fin JMG*/


.modal .modal-content_intro .context_col1,
.modal .modal-content_contexto .context_col1 {
  padding-right: 20px;
}
.modal .close {
    position: absolute;
    width: 40px;
    right: 5px;
    top: -5px;
    font-size: 40px;
    font-weight: 300;
    cursor: pointer;
}
.modal .close:hover {
    opacity: .8;
}
.modal p {
    font-size: 14px;
    font-weight: 300;
}
.iconos-intro {
  width: 50px;
  height: 50px;
  display: block !important;
}
.footer-intro .footer {
  background: transparent;
  margin-top: 0;
}
.botonera {
    display: flex;
    justify-content: space-between;
}



.Instrucciones {
  /* position: fixed; */
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}
.Instrucciones .modal {
  display: -webkit-flex; 
  display: flex;
}
.llamar_profesor {
  background: var(--principal);
  border-radius: 20px;
  padding: 5px 10px;
  border: 1px solid var(--principal);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  min-width: 175px;
  cursor: pointer;
  /* JMG transition: all ease .3s; */
}
.llamar_profesor:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.llamar_profesor svg {
  margin-right: 10px;
}
.espera-jugadores .contenedor_llamar_profesor {
  display:flex;
  justify-content:center;
  width:100%;
  margin-top:10px;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
}
.modal-content_instrucciones {
  max-width: 991px;
  margin: auto;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 20px;
}

.modal-content_instrucciones div > div img {
  width: 50px;
  margin-right: 10px;
}

.boton-profesor {
  position: absolute;
  top: 20px;
  left: 20px;
  display: none;
}








.Intro {
  max-width: 991px;
  margin: 0 auto;
}

/* JMG*/
 .context {
  max-width: 991px;
  margin: 0 auto;
}
#Ingresar .col21.lista-jugadores {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 10px 15px;
  margin-bottom: 20px;
  min-height: 225px;
  min-width: 32%;
  /* width: 358px;
  margin: 0 auto 0 0; */
}
.espera-jugadores {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  width: 32%;
  margin-bottom: 20px;
  margin-right: 18px;
  min-height: 206px;    /* JMG*/
  width: calc(100% /3.2); /* JMG*/
  margin-right: 2%;       /* JMG*/
  position: relative;
  margin-bottom: 30px; /* JMG */
}

/*JMG */
.juego {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  width: 32%;
  margin-bottom: 20px;
  margin-right: 18px;
  min-height: 185px;    /* JMG*/
  width: calc(100% /3.5); /* JMG*/
  margin-right: 5%;       /* JMG*/
  position: relative;
  margin-bottom: 30px; /* JMG */
}

.espera-jugadores:last-child {
  margin-right: 0;
}
.espera-jugadores p {
  font-size: 13px;
}
.aviso_alumno-duda {
  display: flex;
}
.aviso_alumno-duda button {
  min-width: auto;
}
.aviso_alumno-duda svg {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  fill:rgb(249, 190, 17);
}

.caja-tabla-modal {
  display:flex;
  justify-content:space-evenly;
  flex-wrap:wrap;
  overflow: auto;
  max-height: calc(100vh - 250px);
  width: 100%;
}
.caja-tabla-modal::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}
.caja-tabla-modal::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.caja-tabla-modal::-webkit-scrollbar-thumb {
  background: #176A8B;
  border-radius: 10px;
}
.caja-tabla-modal::-webkit-scrollbar-thumb:hover {
  background: #278cb4;
}

.caja-tabla-modal > div {
  margin-right: 0.5%;
  overflow: hidden;
  min-width: calc(1/3*100% - (1 - 1/3)*10px);
}
.caja-tabla-modal table th {
  position: unset;
  font-size: 13px;
  padding: 14px 5px;
}
.caja-tabla-modal table td {
  font-size: 13px;
  padding: 14px 5px;
}
.caja-tabla-modal table td {
  font-size: 13px;
}
.caja-codigos {
  background-color:#fff;
  padding:20px;
  display:flex;
  flex-direction:column;
  max-width: 700px; /*JMG*/
  border-radius:20px;
}

.container2.flex-space-between.tablas-jugadores {
  flex-wrap: nowrap;
}

.tablas-jugadores .col-tabla:last-child {
  margin-right: 0;
}

#Ingresar .lista-jugadores-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
#Ingresar .lista-jugadores-item input {
  padding: 5px 15px;
}
.datos-juego {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.dato-juego-item {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  margin-bottom: 10px;
  width: 50%;
}
.dato-juego-item:last-child {
  margin-bottom: 0;
}
.dato-juego-item .Texto1:first-child {
  width: 30%;
}
.dato-juego-item .Texto1 {
  width: 70%;
}
.dato-juego-item .Texto1.pass {
  width: auto;
}
.dato-juego-item i {
  margin-right: auto;
  margin-left: 10px;
  cursor: pointer;
}
.form_oculto{
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.Intro2 h3 {
  text-align:center;
  margin-top:20px;
}
.Instrucciones_cuerpo {
  /* display: flex; */
  justify-content: center;
  /* background: #1283B9; */
  border-radius: 45px;
  align-items: center;
  width: max-content;
  margin: 10px auto;
  border-radius: 45px;
  overflow: hidden;
  max-width: 931px;
}
.Instrucciones_cuerpo > div {
  display: flex;
  width: 68px;
  height: 30px; /*JMG*/
  overflow: hidden;
  transition: all ease .3s;
  color: #fff;
  background: #1283B9;
  cursor: pointer;
}
/* .Instrucciones_cuerpo > div:hover */
.Instrucciones_cuerpo > div.activo {
  width: 80vw;
}




/* JMG*/
.Instrucciones_cuerpo > div.activo_tutorial {
  width: 350px;
}
@media screen and (max-width:510px) {
  .Instrucciones_cuerpo > div.activo_tutorial {width: 150px;}
  
}

@media screen and (max-width:600px) and (min-width:510px){
  .Instrucciones_cuerpo > div.activo_tutorial {width: 40vw;}
  .Instrucciones_cuerpo > div.activo {width: 76vw;}
}

@media screen and (max-width:768px) and (min-width:600px){
  .Instrucciones_cuerpo > div.activo_tutorial {width: 45vw;}
}



.Instrucciones_cuerpo > div.activo > div {
  width: 100%;
}
/*JMG*/
.Instrucciones_cuerpo > div.activo_tutorial > div {
  width: 100%;
}

.Instrucciones_cuerpo > div p {
  opacity: 0;
  transition: all ease .3s;
}
.Instrucciones_cuerpo > div.activo p {
  opacity: 1;
}
/*JMG*/
.Instrucciones_cuerpo > div.activo_tutorial p {
  opacity: 1;
}

.Instrucciones_cuerpo.oculto {
  display: none;
}
.Instrucciones_cuerpo > div > div {
  display: flex;
  border-radius: 45px 0 0 45px;
}
.Instrucciones_cuerpo > div > div > span {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 45px 0 0 45px; 
  font-weight: 400;
  font-size: 14px;
}
.Instrucciones_cuerpo > div > div > p {
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: all ease 1s;
  line-height: 13px;
}

.Instrucciones_cuerpo > div:nth-child(1) > div > span,
.Instrucciones_cuerpo > div:nth-child(1) > div,
.Instrucciones_cuerpo > div:nth-child(2) {
  background: hsl(199, 82%, 70%);
}
.Instrucciones_cuerpo > div:nth-child(2) > div > span,
.Instrucciones_cuerpo > div:nth-child(2) > div,
.Instrucciones_cuerpo > div:nth-child(3) {
  background: hsl(199, 82%, 60%);
}
.Instrucciones_cuerpo > div:nth-child(3) > div > span,
.Instrucciones_cuerpo > div:nth-child(3) > div,
.Instrucciones_cuerpo > div:nth-child(4) {
  background: hsl(199, 82%, 50%);
}
.Instrucciones_cuerpo > div:nth-child(4) > div > span,
.Instrucciones_cuerpo > div:nth-child(4) > div {
  background: hsl(199, 82%, 40%);
}

.Instrucciones_cuerpo > div:nth-child(4) > div > span,
.Instrucciones_cuerpo > div:nth-child(4) > div,
.Instrucciones_cuerpo > div:nth-child(5) {
background: hsl(199, 82%, 40%);
}

.Instrucciones_cuerpo > div:nth-child(5) > div > span,
.Instrucciones_cuerpo > div:nth-child(5) > div {
background: hsl(199, 82%, 30%);
}



#Pregunta {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 20px 24px;
  justify-content: space-between;
  flex-direction: column;
}
form#Formulario {
  text-align: left;
}
form#Formulario p {
  margin-bottom: 20px;
}
form#Formulario .lista-preguntas {
  font-size: 14px;
  position: relative;
}
form#Formulario .lista-preguntas span {
  font-size: 14px;
  border: 1px solid #198DBC;
  border-radius: 15px;
  margin-bottom: 15px;
  color: #198DBC;
  font-weight: 300 !important;
  margin-right: 15px;
  display: inline-block;
  width: 23px;
}
form#Formulario .lista-preguntas span.select {
  border: 1px solid var(--naranjo);
  color: #fff;
  background: var(--naranjo);
}

form#Formulario input {
  margin-bottom: 15px;
  position: absolute;
  width: 29px;
  height: 25px;
  opacity: 0;
}


div#Info1,
div#Info2,
div#Info3 /*JMG*/{
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 20px 24px;
  justify-content: space-between;
  flex-direction: column;
  margin: 0 15px 20px;
  margin-top: 20px;
}


div#Info2 > div{
  width: 100%;
}


div#Info2 h2{
  text-align: left !important;
  margin-bottom: 20px;
}
#Todos_Respuestas {
  position: unset;
  background: transparent;
  margin-bottom: 10px;
  width: 100%;
}

.container42_carga {
  background: #fff !important;
  color: #333 !important;
  border: none !important;
  box-shadow: 0 0 6px rgba(0,0,0,.1) !important;
  margin-bottom: 10px !important;
}
.container42_carga p {
  color: #333 !important;
  font-weight: 300 !important;
}
.container42_carga span {
  color: var(--principal);
}
.Mensaje_respuestas_listo #Respuesta_Mensaje {
  display: flex !important;
}
.Mensaje_respuestas_listo {
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 120px;
  bottom: 0;
  left: 0;
  right: 0;
}
.Respuesta_aux {
  display: none;
}
.Res1, .Res2, .Res3, .Res4, .Res5, .Res6, .Res7, .Res8 /*JMG*/ {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 20px;
  padding: 25px;
  text-align:justify; /*JMG*/
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);/*JMG*/
}


/*JMG*/
.incorrecta p:first-of-type,
.incorrecta p:first-of-type{
  margin-bottom: 0px;
  color: #EE0000;
  font-weight: 300;
  font-size: 20px;
}
.correcta p:first-of-type,
.correcta p:first-of-type{
  margin-bottom: 0px;
  color: #0AAD2E;
  font-weight: 300;
  font-size: 20px;
}

.Res1.correcta,
.Res2.correcta,
.Res3.correcta, /*JMG*/
.Res4.correcta,
.Res5.correcta,
.Res6.correcta,
.Res7.correcta,
.Res8.correcta /*JMG*/{
  background: rgba(10, 173, 46, 0.1);
  border: none;
  text-align:justify; /*JMG*/
}

.btn_responder_modal:hover{ 
  box-shadow: 0 3px 6px rgba(51, 51, 51, 0.2);
  transition: none !important;
}

.modal-content_Mensaje_respuestas {
  background-color: #fff;
  margin: 0px 0;
  border-radius: 20px;
  padding: 25px;
  max-width: 991px;
  height: 200px;
}
.modal-content_Mensaje_respuestas div {
  background-color: #fff !important;
  padding:  0 !important;
}
#preloader {
  display: block;
  position: absolute;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(Imagenes/preloader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1000;

}

[type=checkbox] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
[type=checkbox] + label {
  display: flex;
  flex-direction: row-reverse;
  justify-content:flex-end;
  align-items: center;
  position: relative;
}
[type=checkbox] + label:after {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #1283B9;
  margin-right: 10px;
}
[type=checkbox].checkeado + label::before {
  content: url(Imagenes/check.svg);
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid var(--naranjo);
  background: var(--naranjo);
  margin-right: 10px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-align-left {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
}

.tabla_grupo {
  /* margin-right: 3%; */
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #eee;
}
.col21 .col-tabla:last-of-type .tabla_grupo {
  margin-right: 0;
}
.link-tabla {
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  color: #176A8B;
  width: 100%;
  height: 100%;
}
.ver-icon {
  position: relative;
}
.ver-icon:after{
  content: '';
  background: url('Imagenes/ver.svg') no-repeat;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 30%;
  left: 35%;
  pointer-events: none;
  fill:var(--principal);
}
.ver-icon:hover:after{
  opacity: .7;
}
.info-ronda {
  display:flex;
  align-items: baseline;
  justify-content: center;
  background: #F1F1F1;
  border: 1px solid #EEEEEE;
  border-radius: 20px;
  /*JMG padding: 16px; */
  padding: 10px; /*JMG*/
  margin: 15px auto;
}

.respuesta-correcta {
  color: #0AAD2E;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.respuesta-letra {
  background: #0AAD2E;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  margin-right: 10px;
}
.separador-vertical {
  margin: 0 20px;
}
.parrafo-version {
  font-weight: 500;
  margin-bottom: 20px;
}
.parrafo-version span {
  margin-left: 20px;
}


.opciones-juego {
  display: flex;
  justify-content: flex-end;
  align-items:flex-start;
  /* height: 100%; */
  width: 100%;
  margin-bottom: 20px;
}
.opciones-juego-item {
  display: flex;
  background: #12D6A7;
  border: 1px solid #12D6A7;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 90px;
  margin-left: 20px;
  cursor: pointer;
  /* JMG transition: all ease .3s;*/
}

.opciones-juego-item svg {
  fill: white;
}
.opciones-juego-item:hover svg {
  opacity: .8;
}

#Codigos table th:nth-of-type(2) {
  min-width: auto;
}
.contenedor-filtros {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.contenedor-filtros select:first-of-type {
  margin-right: 10px;
}
.contenedor-filtros select {
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  color: #176A8B;
}

.respuesta-correcta-tabla {
  color: #0AAD2E;
}

.mi-cuenta {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  padding: 58px 86px;
  width: 626px;
  margin: 34px auto;
}
.grupo-input {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.grupo-input input {
  width: 246px;
}
.mi-cuenta .grupo-input:last-child{
  margin-bottom: 0;
}

  main {min-height: calc(100vh - 23px);}

@media(max-width:1024px){

  .Instrucciones_cuerpo > div {
    width: 35px;
  }

  .mensaje {
    padding: 10px 20px;
    margin-bottom: 10px;
  }
}

@media(max-width:991px){
  body {
    min-height: 100vh;
  }

  .Instrucciones_cuerpo p {
    font-size: 12px;
  }
  #show {
    padding: 0 20px;
  }
  .modal-content_instrucciones {
    margin: 15px;
  }
  .modal {
    padding: 20px;
  }
}


@media(min-width:450px){
  .login-background .Celular {
    display: none;
  }
}


@media(max-width:450px){
  .login-background .Laptop {
      display: none;
      visibility: hidden;
  }
}



/* #region Header Profesor */

  .header_profesor{
      height: 80px;
      margin-bottom: 15px;
  }

  .header_profesor .header {
      background: url(Imagenes/fondo_header_profe.svg) no-repeat;
      background-size: cover;
      background-position-x: center;
      background-position-y: bottom;
      height: 100%;
      display: flex;
      justify-content: center;
      position: relative;
  }

  .header_profesor .header .logo {
    width:100px; 
    margin-top: 3px;
    margin-left: 80px;
  }

  @media screen and (max-width:768px) {
    .header_profesor .header .logo              {display: none; }
  }

  @media screen and (min-width:768px) {
    .header_profesor .header .logo              {display: block; }
  }


  .header_profesor .header .logo img{
    width: 100%;
    margin-top: 1.9em;
  }

  /* Estilo botón descarga "Guía" */
  .btn_guia_header {
      position:relative;
      margin: 10px;
      text-decoration:none;
      display:inline-block;
      background: var(--principal);
      border-radius: 20px;
      font-weight: 500;
      font-size: 14px;
      color: #FFFFFF;
      padding: 12px;
      border-color: transparent;
      border: 1px solid var(--principal);
      min-width: 150px;
      cursor: pointer;
      text-transform: uppercase;
  }

  .btn_guia_header:hover {
      box-shadow: 0 3px 6px rgba(51, 51, 51, 0.2);
  }

  /* Ancho div números y texto de videos */
  @media screen and (max-width:768px) {
      .Tutorial1_respon_header {width: 15% ; }
      .Tutorial2_respon_header {width: 85% ; }
  }
  @media screen and (min-width:768px) {
      .Tutorial1_respon_header {width: 16% ; }
      .Tutorial2_respon_header {width: 84% ; }
  }

  /*Estilo Modal de información Nocelular*/
  .modal_info_estilo_header {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: rgba(0,0,0,.5);
      justify-content: center;
      align-items: center;
      z-index: 100;
  }
  .modal-content_info_header {
      position: absolute;
      padding: 15px 15px 0px 15px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      top:76px;
      right:14px;
  }
  .modal_info_estilo_header .close_info_header {
      position: absolute;
      width: 20px;
      right: 5px;
      top: -5px;
      font-size: 25px;
      cursor: pointer;
  }
  .modal_info_estilo_header .close_info_header:hover {
    opacity: .7;
  }
  .triangulo_info_header:before {
      border: 25px solid white;
      content: '';
      border-left-color: transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      position: absolute;
      top: -35px;
      right: 0px;
  }

  /*Estilo Modal de información Celular*/
  .modal_info_estilo_celular_header {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: rgba(0,0,0,.5);
      justify-content: center;
      align-items: center;
      z-index: 100;
  }
  .modal_info_estilo_celular_header .close_info_header {
      position: absolute;
      width: 20px;
      right: 5px;
      top: -5px;
      font-size: 25px;
      cursor: pointer;
  }
  .triangulo_info_celular_header:before {
      border: 25px solid white;
      content: '';
      border-left-color: transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      position: absolute;
      top: -35px;
      right: 2px;
  }


  /* Modal Tutorial Ayuda*/ 
  .tutorial_ayuda_header {
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      position: relative;
      max-width: 600px;
  }
  /* Estilo del texto Mi cuenta y Cerrar sesión*/ 
  .boton_cerrar_sesion_header{
      cursor: pointer; 
      border:white; 
      background:white; 
      margin-top:5px; 
      font-size:13px;
      color:black;
  }
  .boton_mi_cuenta_header{
      margin-top:5px; 
      font-size:13px; 
      text-decoration:none;
  }
  .boton_ayuda_header{
      margin-top:5px; 
      font-size:13px; 
      text-decoration:none;
      cursor: pointer;
  }
  .boton_cerrar_sesion_header:hover,
  .boton_ayuda_header:hover,
  .boton_mi_cuenta_header:hover,
  .texto_videos_header:hover{
      color:#198DBC;
  }
  /* Modal videos*/ 
  .modal1_videos_header {
      position: fixed;
      display: none;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: rgba(0,0,0,.5);
      justify-content: center;
      align-items: center;
      z-index: 300;
      padding: 20px;
  }
  .modal2_videos_header {
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      position: relative;
  }
  .modal2_videos_header .close {
      position: absolute;
      width: 45px;
      right: 5px;
      top: -5px;
      font-size: 40px;
      font-weight: 300;
      cursor: pointer;
  }

  .modal2_videos_header .close:hover {
    opacity: .8;
  }


  /* Estilo Header celular*/ 
  .header_celular {
      background: linear-gradient(101.06deg, #36A9E0 14.07%, #176A8B 56.53%) ;
      background-size: cover;
      background-position-x: center;
      background-position-y: bottom;
      height: 100%;
      display: flex;
      justify-content: center;
      position: relative;
      box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  }
  .header_celular .logo {
      width: 120px;
  }
  .header_celular .logo img {
      width: 100%;
      margin-top: 1.9em;
  }
  .icono_celular_header{
      position: absolute;
      top: 19px;
      right: 20px;
  }


    .header_profesor .usuario_icono{
      display: flex;
    }

    .usuario_icono {
        position: absolute;
        top: 16px;
        right: 20px;
        z-index: 2;
    }

    .header_profesor .usuario_icono .tutorial_icon{
      display: flex;
    }

    .usuario_icono_interior input {
        border: none;
    }

    .tutorial_icon {
      border-radius: 90px;
      width:  37px;
      height: 37px;
      padding-left: 3px;
      background: var(--principal);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      margin-right: 14px;
      display: none;
    }

    .header_profesor .fondo {
      width: 100%;
    }
    .header_profesor .fondo svg {
      width: 100%;
    }
    .header_profesor .boton-profesor {
      display: none;
    }

    .header_profesor .tooltip .nombre{
      display: none;
    }


    .usuario_icono_interior {
      position: relative;
      width:  37px;
      height: 37px;
      display: flex;
      border-radius: 90px;
      background: var(--principal);
      cursor: pointer;
      align-items: center;
      justify-content: center;
    }
    .usuario_icono_interior span.inicial {
      font-weight: 400;
      font-size: 13px;
      text-align: center;
      color: #fff;
    }

    .tutorial_icon:hover, .usuario_icono_interior:hover {
        background: #12d6a8d0;
    }

    .header_profesor .volver-header .button3 {
        padding: 3px 5px 3px 1px;
    }

    .header_profesor .volver-header .button3:hover {
        background: rgba(255, 255, 255, 0.8);
    }

    .header_profesor .volver-header {
      position: absolute;
      left: 20px;
      top: 15px;
    }

    .header_profesor .volver-header svg {
      width: 30px;
      height: 30px;
      fill: #0AAD2E;
    }


    /* #endregion */



/* #region Profesor2.php */
.header_profesor .rondas {
  top: 20px;
}

.header_profesor .rondas {
  position: absolute;
  display: flex;
  /* display: none; */
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 85px;
  opacity: 1;
  justify-content: center;
  transform-origin: top;
  transform: scaleY(1);
  transition: all ease .3s;
}

.header_profesor .rondas button {
padding: 2px 15px;
font-size: 12px;
min-width: auto;
background: transparent;
border-color: transparent;
text-transform: uppercase;
margin: 0 5px;
background: rgba(51, 51, 51, 0.2);
}

.header_profesor .rondas button:hover{
    background: rgba(51, 51, 51, 0.7);
    box-shadow: none;
}

.ConData, .SinData {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
}

/* #endregion */