/* width */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.banner {
  height: 400px;
  width: 100%;
}

#backgroundImage{
  background-image: url('../img/revista/banner-edutam.png');
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  border: none;
}
#backgroundColor{
  background-color: #333;
}
.titulo-banner-no{
  text-align: center;
  letter-spacing: -.025em;
  font-size: 2.975rem;
  color: #fff;
  line-height: 1.85;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 0;
}
.titulo-banner{
  text-align: center;
  letter-spacing: -.025em;
  font-size: 2.975rem;
  color: #3FB4E6;
  line-height: 1.85;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
  padding: 70px 0;
}

.titulo-contador {
  letter-spacing: -.025em;
  font-size: .975rem;
  color: #2D3748;
  line-height: 1.85;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;

}

.titulo {
  font-size: 1.73rem;
  margin-bottom: 0.5 rem;
  font-family: "Rubik", Helvetica, Arial, serif;
  font-weight: 400;
  line-height: 1.0;
  color: #475F7B;
}

.subtitulo {
  color: #888888;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;

}

.titulo-revista {
  font-size: 17px !important;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}

.titulo-directorio {
  font-size: 14px !important;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}

.titulo-seccion {
  padding-left: 15px;
  padding-top: 5px;
  color: rgb(255, 255, 255);
  font-size: 27px;
  font-family: 'Encode sanz', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #d6d6d6;
  background-color: #333;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.titulo-card {
  letter-spacing: .025em;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: bold;
}

.titulo-vistas {
  /* border-left: 8px solid #555;
  letter-spacing: .025em;
  font-size: 1.275rem;
  color: #2D3748;
  line-height: .85;
  font-weight: 700;
  text-transform: uppercase; */
  font-family: 'Encode sanz', sans-serif;
  border-left: 5px solid #95d600;
  padding-left: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 20px;
}

.justify {
  text-align: justify;
}

.texto-card {
  text-align: justify;
}

.card-pdf {
  padding: 10px;
}

.texto {
  font-size: 14px;
  color: #000000;
}
.texto-small {
  font-size: 13px;
  color: #000000;
}

.texto-formulario {
  font-size: .925rem;
  color: #2D3748;
}

.cubos {
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  border-radius: 4px;
  background-color: #fff;
}

.cubos-secciones {
  border-radius: 4px;
  padding: 10px;
  background-color: #fff;
  margin-bottom: 20px;
}

.cubos-grande {
  border-radius: 4px;
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
}

.revista-principal {
  border-radius: 10px !important;
  padding: 5px !important;
  width: 100%;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}


.view-background {
  background-color: #e4e4e4;
}

.issn {
  font-family: 'Encode sanz', sans-serif;
  width: 180px;
  height: 40px;
  color: rgb(0, 0, 0);
  letter-spacing: -.025em;
  font-size: .975rem;
  color: #2D3748;
  line-height: 1.85;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;
  position: absolute;
  z-index: 88888;
  margin-top: 40px;
  margin-right: 10px;
  border-top-left-radius: 46px;
  border-bottom-left-radius: 46px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  right: 0;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  vertical-align: middle;
}

.contadores {
  font-family: 'Encode sanz', sans-serif;
  width: 180px;
  height: 40px;
  color: rgb(0, 0, 0);
  letter-spacing: -.025em;
  font-size: .975rem;
  color: #2D3748;
  line-height: 1.85;
  font-weight: 700;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  z-index: 88888;
  bottom: 0px;
  left: 0;
  margin-bottom: 10px;
  border-top-left-radius: 46px;
  border-bottom-left-radius: 46px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  right: 0;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  vertical-align: middle;
}

.btn-azulclaro {
  color: white;
  background-color: #555;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  letter-spacing: 1.2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none !important;
}

.btn-azulclaro :hover {
  color: white !important;
  background-color: #3b9dc6;
}

.btn-green {
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  border-radius: .375rem;
  background-color: #59B259;
  font-size: 12px;
  text-transform: uppercase;
}

.btn-green:hover {
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  border-radius: .375rem;
  background-color: #329232;
  font-size: 12px;
  text-transform: uppercase;
}


.btn-verde {
	color: white;
	background-color: #555;
	font-family: 'Nunito', sans-serif;
	font-size: 13px;
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	letter-spacing: 1.2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
  top: 0px !important;
}

.btn-verde:hover {
	color: white;
	background-color: #555;
}
.btn-azul {
	color: white;
	background-color: #333;
	font-family: 'Nunito', sans-serif;
	font-size: 13px;
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	letter-spacing: 1.2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
  top: 0px !important;
}

.btn-azul:hover {
	color: white;
	background-color: #333;
}
.btn-gris {
	color: white;
	background-color: #90a4ae;
	font-family: 'Nunito', sans-serif;
	font-size: 13px;
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	letter-spacing: 1.2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
  top: 0px !important;
}

.btn-gris:hover {
	color: white;
	background-color: #7b888f;
}
.bg-blue {
  --bs-bg-opacity: 1;
  background-color: #0061B7 !important;
}

.bg-green {
  --bs-bg-opacity: 1;
  background-color: #59B259 !important;
}

#RedesSociales {
  /* display: block; */
  /* display: inline-block; */
  position: fixed;
  z-index: 2000;
  /* top: 200px; */
  /* bottom: 30px; */
}

#RedesSociales>div {
  background: black;
  /* width: 60px; */
  /* height: 60px; */
  font-size: 20px;
  padding: 15px;
  opacity: .4;
  cursor: pointer;
}

#RedesSociales>div:hover {
  opacity: 1;
}

#RedesSociales>.rs_youtube:hover {
  background: #FF0000;
}

#RedesSociales>.rs_facebook:hover {
  background: #3B5998;
}

#RedesSociales>.rs_twitter:hover {
  background: #00ACED;
}

#RedesSociales>div>a {
  text-decoration: none;
  color: #FFFFFF;
}



@media screen and (min-width: 1200px) {
  /* 		#RedesSociales > div{
        font-size: 24px;
        padding: 6px;
    } */
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* 		#RedesSociales > div{
        font-size: 24px;
        padding: 6px;
    } */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* 		#RedesSociales > div{
        font-size: 24px;
        padding: 6px;
    } */
}

@media screen and (max-width: 767px) {
  /* 		#RedesSociales > div{
        font-size: 16px;
        padding: 6px;
    } */
}

.tabs {
  background-color: transparent;
  border: none;

}

.navo {
  height: 25px;
  text-align: center;
  border-radius: .875rem;
  list-style-type: none;

}

.textform {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(0, 0, 0);
  margin-bottom: 5px;
  cursor: pointer;
}

.texttitulo {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #444;
  margin-bottom: 5px;
  cursor: pointer;
}

.tabs .nav-linko.active {
  /* background-color: #2D3748;#0064a7 */
  background-color: #555;
  color: #FFF;
  border: none;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
  font-weight: lighter;
  text-transform: uppercase;
}

.tabs .nav-linko.active:hover {
  background-color: #3b9dc6;
  color: #FFF;
  border: none;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
  font-weight: lighter;
  text-transform: uppercase;
}


.tabs .nav-linko {
  background-color: transparent;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  /* font-weight: lighter; */
  text-transform: uppercase;
  color: #555555;
}

.tabs .nav-linko:hover {
  border: none;
  background-color: transparent;
}

.tabs-msg {
  background-color: #ffffff;
  border: none;
}

.tabs-msg .nav-linko.active {
  background-color: #dfdfdf;
  color: #555;
  border: none;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
}

.tabs-msg .nav-linko {
  background-color: #F8F9FA;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
  border: none;
  color: #555555;
}

.tabs-msg .nav-linko:hover {
  border: none;
}
.mensajes{
  padding: 0.5rem 1rem;
    margin-bottom: 0;
}
#google_translate_element select {
  font-size: 12px;
  font-weight: 400;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  height: 40px;
  border-radius: 5px;
  background-color: #E9ECEF;
  border-color: #cecece;
  text-transform: capitalize;
  margin-top: 16px;
}

#google_translate_element div {
  display: block;
  width: 100%;
  padding: 0.375 rem 0.75 rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25 rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#google_translate_element span {
  display: none;
}

.goog-te-gadget {
  font-family: arial;
  font-size: 0px !important;
  color: rgb(167, 27, 27) !important;
  white-space: nowrap;
}

.logos {
  width: 35 px;
  float: left;
  margin-top: 0.2 rem;
  margin-left: 2 px;
}

.logos img {
  height: 60px !important;
}

.brand-text {
  margin-left: 7rem;
  margin-top: 2.9rem;
}

.text-primary-tam {
  color: #333;
}

.text-dorado-tam {
  color: #555;
}

.text-secondary-tam {
  color: #737B7D;
}

/*   Select Inputs   */
/*------------------*/
select.form-control {

  /* background-image:
    url("../public/images/pages/arrow-down.png") !important; */
  /* background-position:
    calc(100% - 12px) 13px,
    calc(100% - 20px) 13px,
    100% 0 !important; */
  background-size:
    12px 12px,
    10px 10px !important;
  background-repeat: no-repeat !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-right: 1.5rem !important;
}

.bg-radio-options-respuesta {
  padding-left: 2em !important;
  padding-top: .75em !important;
  background-color: #F2F4F4 !important;
}



.texto-descripcion-tarjeta {
  text-overflow: ellipsis;
  overflow: hidden;
  /* width: 100%;  */
  height: 5em;
  /* white-space: nowrap; */

}

.espacio {
  margin-right: 20px;
}

#menu-menu-principal>li>p {
  font-family: 'Encode sanz', sans-serif;
  font-size: 1em;
  padding: 0 20px;
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
  height: 60px;
  display: flex;
  align-items: center;
  line-height: 1.3em;
  color: #FFF;
  text-decoration: none;
}

.btn-cyan {
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  /* padding-top: .25rem;
  padding-bottom: .25rem; 
  line-height: 1;*/
  font-weight: 500;
  display: inline-block;
  border-radius: .375rem;
  background-color: #26c6da;
  width: 50%;
  font-size: 13px;
  text-transform: uppercase;
}

.btn-cyan:hover {
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  /* padding-top: .25rem;
  padding-bottom: .25rem; 
  line-height: 1;*/
  font-weight: 500;
  display: inline-block;
  border-radius: .375rem;
  background-color: #00acc1;
  font-size: 13px;
  width: 50%;
  text-transform: uppercase;
}

.btn-red {
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  border-radius: .375rem;
  background-color: #e57373;
  font-size: 12px;
  text-transform: uppercase;
}

.btn-red:hover {
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  border-radius: .375rem;
  background-color: #ef5350;
  font-size: 12px;
  text-transform: uppercase;
}
.text-primary-tam {
  color: #333;
}
.text-gris-tam{
  color: #848484;
}
.btn-azulclarodash {
  color: white;
  background-color: #555;
  font-size: 11px;
  margin-bottom: 0;
  /* font-weight: 700; */
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  letter-spacing: 1.2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none !important;
}

.btn-azulclarodash:hover {
  color: white !important;
  background-color: #3b9dc6 !important;
  border-color: transparent !important;
}
.btn-azulclarodash:disabled {
  background-color: dimgray !important;
  color: #ffffff !important;
}

.btn-verdedash {
	color: white;
	background-color: #555;
	font-family: 'Nunito', sans-serif;
	font-size: 11px;
	margin-bottom: 0;
	/* font-weight: 700; */
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	letter-spacing: 1.2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
}

.btn-verdedash:hover {
	color: white !important;
	background-color: #555 !important;
  border-color: transparent !important;
}

.btn-verdedash:disabled {
  background-color: dimgray !important;
  color: #ffffff !important;
}

.btn-azuldash {
	color: white;
	background-color: #333;
	font-family: 'Nunito', sans-serif;
	font-size: 11px;
	margin-bottom: 0;
	/* font-weight: 700; */
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	letter-spacing: 1.2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
}

.btn-azuldash:hover {
	color: white;
	background-color: #00468e;
}

.btn-azuldash:disabled {
  background-color: dimgray !important;
  color: #ffffff !important;
  border-color: transparent !important;
 }
 .btn-rojodash {
	color: white;
	background-color: #ff2829;
	font-family: 'Nunito', sans-serif;
	font-size: 11px;
	margin-bottom: 0;
	/* font-weight: 700; */
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	letter-spacing: 1.2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
}

.btn-rojodash:hover {
	color: white !important;
	background-color: #FF5B5C !important;
}
.btn-group:not(.dropdown) > .btn {
   border: 0px  #ffffff !important; 
}

.panel {
  background-color: #F8F9FA;
  border-radius: 10px;
}
.gem-titulo {
  padding-left: 15px;
  padding-top: 5px;
  color: rgb(255, 255, 255);
  font-size: 25px;
  font-family: 'Encode sanz', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #d6d6d6;
  background-color: #333;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.textform {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(66, 66, 66);
  margin-bottom: 5px;
  cursor: pointer;
}
.titulos{
    font-size: 15px !important;
    color: rgb(66, 66, 66);
    font-weight: 700;
    text-transform: uppercase;
  }