/* Add here all your css styles (customizations) */
@font-face {
  font-family: EncodeSans-Regular;
  src: url(../font/EncodeSans-Regular.ttf);
}
@font-face {
  font-family: EncodeSans-Medium;
  src: url(../font/EncodeSans-Medium.ttf);
}
@font-face {
  font-family: EncodeSans-bold;
  src: url(../font/EncodeSans-Bold.ttf);
}

p.answer {
  color: #212121c9;
}
/* - - - Resultados - - - */
#matematicas .panel-heading,
.active .tab-mate,
.tab-mate:hover,
.tab-mate:active,
.tab-mate:focus {
  background-color: #7a7aed !important;
  color: white !important;
}

#computacion .panel-heading,
.active .tab-compu,
.tab-compu:hover,
.tab-compu:active,
.tab-compu:focus {
  background-color: #ff5562 !important;
  color: white !important;
}
#fisica .panel-heading,
.active .tab-fisica,
.tab-fisica:hover,
.tab-fisica:active,
.tab-fisica:focus {
  background-color: #b800d3 !important;
  color: white !important;
}
#quimica .panel-heading,
.active .tab-quimica,
.tab-quimica:hover,
.tab-quimica:active,
.tab-quimica:focus {
  background-color: #09a698 !important;
  color: white !important;
}
#biologia .panel-heading,
.active .tab-biologia,
.tab-biologia:hover,
.tab-biologia:active,
.tab-biologia:focus {
  background-color: #67b72a !important;
  color: white !important;
}
.image-container {
  position: relative;
  display: inline-block; /* Alinea el contenedor a la imagen */
}

.sorting-cover {
  font-family: EncodeSans-bold !important;
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff; /* Cambia el color del texto según tus preferencias */
  padding: 5px; /* Ajusta el relleno según tus preferencias */
}
.flex-premio {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* - - - Resultados - - - */
/* - - - Index - - - */
.body-index p {
  font-size: 1.5em;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.contactcontainer {
  margin-left: 40px;
  width: 500px;
  background: rgba(238, 238, 238, 0.7);
}

.text-black {
  font-family: EncodeSans-bold !important;
  color: black;
}
.body {
  margin-right: 1rem;
  margin-left: 1rem;
}
.body-index {
  font-family: EncodeSans-Medium;
}
.testimonios-tittle {
  font-family: EncodeSans-bold;
}
.row2 {
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.caja {
  box-shadow: 10px 10px 15px #00000029;
  padding: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* max-height: 300px; */
  height: 100%;
}
.caja .a {
  font-size: 30px;
  font-family: EncodeSans-bold;
}
.caja .b {
  font-size: 1.5em;
  color: #707070;
  font-family: EncodeSans-bold;
}
.caja .c {
  font-size: 120px;
  height: 100px;
  font-family: EncodeSans-bold;
}
.caja .d {
  color: #707070;
  font-size: 15px;
  font-family: EncodeSans-Medium;
}
.text-medium {
  font-size: 1.5em;
  font-family: EncodeSans-Medium;
}
/* - - - Fin index - - - */
.btn-temario {
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  box-shadow: 5px 5px 5px #00000029;
}
.list-ct {
  color: #707070;
  font-size: 1.5em;
  font-family: EncodeSans-Medium;
}

.li-ct::marker {
  color: #707070; /* Cambia el color del punto a rojo */
  font-size: 25px;
}
.img-premios {
  width: 100%;
  max-width: 150px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #9f0404;
  cursor: default;
  background-color: white;
  border: none;
  font-size: EncodeSans-bold;
  font-weight: bold;
}
.margin-bottom-20 li a {
  color: #707070;
  font-size: 1.5em;
  font-family: EncodeSans-Medium;
}
.nav-tabs > li > a:hover {
  border-color: white;
  color: #9f0404;
  cursor: default;
  background-color: white;
  border: none;
  font-size: EncodeSans-bold;
  font-weight: bold;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: white;
  color: #9f0404;
  cursor: default;
  background-color: white;
  border: none;
  font-size: EncodeSans-bold;
  font-weight: bold;
}
.acc-v1 {
  font-family: EncodeSans-Medium;
}
.panel-default > .panel-heading {
  font-family: EncodeSans-bold;
  color: #707070;
}
.panel-body p {
  font-family: EncodeSans-Medium;
  color: #707070;
}

.img-shadow {
  box-shadow: 5px 5px 5px #00000029;
}

/* Logo */
#logo a {
  background-image: url('http://wufoo.com/images/themes/logos/shark.png');
  min-height: 0;
  height: 40px;
}
* html #logo a {
  /* IE6 png Support */
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://wufoo.com/images/themes/logos/shark.png", sizingMethod="crop");
}

/* Backgrounds */
html {
  background-image: none;
}
#logo {
  background-image: none;
}
#container {
  background: #fff;
}
.wufoo input.text,
.wufoo textarea.textarea {
  background: #ffffff url(/images/fieldbg.gif) repeat-x top;
}
.wufoo .focused {
  background: #fff7c0;
}
.wufoo .instruct {
  background-color: #f5f5f5;
}

/* Borders */
#container {
  border: 0 solid #cccccc;
}
.wufoo .info {
  border-bottom: 1px dotted #cccccc;
}
.wufoo .instruct {
  border: 1px solid #e6e6e6;
}

/* Typography */

.wufoo .info h2 {
  font-size: 160%;
  font-family: 'Lato';
  color: #000000;
  display: none;
}
.wufoo .info div {
  font-size: 95%;
  font-family: 'Lato';
  color: #000000;
}
.wufoo .section h3 {
  font-size: 110%;
  font-family: 'Lato';
  background: #ffffff;
  color: #000000;
}
.wufoo .section div {
  font-size: 85%;
  font-family: 'Lato';
  color: #000000;
}
.wufoo label.desc,
.wufoo legend.desc {
  font-size: 95%;
  font-family: 'Lato';
  color: #000000;
}
.wufoo li div,
.wufoo li div label,
.wufoo li span label {
  font-family: 'Lato';
  color: #000000;
}
.wufoo input.text,
.wufoo textarea.textarea,
.wufoo select.select,
.wufoo label.choice {
  font-family: 'Lato';
  border-width: 1px;
  border-color: #999;
  font-size: 100%;
  font-family: inherit;
  color: #000000;
}
.wufoo label.choice {
  color: #000000;
}
.wufoo .instruct {
  font-size: 80%;
  font-family: 'Lato';
  color: #000000;
}

li:not(#foo) > fieldset > div > span > input[type='radio'],
li:not(#foo) > fieldset > div > span > input[type='checkbox'] {
  /* Hide the input, but have it still be clickable */
  opacity: 0;

  float: left;
  width: 18px;
}

li:not(#foo) > fieldset > div > span > input[type='radio'] + label,
li:not(#foo) > fieldset > div > span > input[type='checkbox'] + label {
  margin: 0;
  clear: none;

  /* Left padding makes room for image */
  padding: 5px 0 4px 24px;

  /* Make look clickable because they are */
  cursor: pointer;

  background: url(off.png) left center no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
li:not(#foo) > fieldset > div > span > input[type='radio']:checked + label {
  background-image: url(radio.png);
}
li:not(#foo) > fieldset > div > span > input[type='checkbox']:checked + label {
  background-image: url(check.png);
}
@media (max-width: 990px) {
  .mac img {
    max-width: 150px;
  }
}