/* colores */

#344150
#4fa9d2
#f0dd5d
#81bf97
#df6756

/* end colores */
html,
body{
  height: 100%;
}
body{
  font-family: 'Mulish', sans-serif;
  color: #344150;
  font-size: 18px;
}
.body-int .navbar-menu{
  margin-bottom: 0;
}
/* NUEVOS ESTILOS */
a,
a:hover,
a:focus{
  color: #4fa9d2;
  text-decoration: none
}
.btn{
  border-radius: 30px;
  padding: 10px 30px;
}
textarea{
  resize: none;
}
#grupos .btn-prmry-color,
.btn-asignar-tarea.btn-prmry-color,
.card.btn-prmry-color{
  background: none;
  width: 150px;
  height: 150px;
  padding: 15px;
  border: 1px solid #4a6d56;
  color: #4a6d56;
}
#grupos .btn-prmry-color:hover,
#grupos .btn-prmry-color:focus,
.btn-asignar-tarea.btn-prmry-color:hover,
.btn-asignar-tarea.btn-prmry-color:focus,
.card.btn-prmry-color:hover,
.card.btn-prmry-color:focus{
  background: #81bf97;
  border: none;
}
.card.btn-prmry-color{
  border-radius: 30px;
  text-align: center;
}
.btn-no-color{
  border: 1px solid #344150;
  color: #344150;
  background: none;
  transition: 0.3s;
}
.btn-no-color:hover,
.btn-no-color:focus,
.btn-no-color.nav-link:hover,
.btn-no-color.nav-link:focus{
  border: 1px solid #81bf97;
  color: #fff;
  background: #81bf97;
}
#funcionalidadesTab .nav-link .btn{
  display: block;
}
#funcionalidadesTab .nav-link .btn-prmry-color{
  background: #d5d5d5;
  color: #707070;
}
#funcionalidadesTab .nav-link.active img,
#funcionalidadesTab .nav-link img:hover{
  opacity: 1;
  background: #9fbba9;
  box-shadow:
  0px 0px 1.8px rgba(0, 0, 0, 0.008),
  0.2px 0.2px 5px rgba(0, 0, 0, 0.016),
  0.8px 0.8px 10.8px rgba(0, 0, 0, 0.027),
  2.4px 2.4px 21.6px rgba(0, 0, 0, 0.044),
  10px 10px 39px rgba(0, 0, 0, 0.09);
}
#funcionalidadesTab .nav-link img{
  opacity: .5;
  width: 90px;
  margin: 0 auto;
  background: #cecece;
  border-radius: 50%;
}
#funcionalidadesTab .nav-link p{
  font-size: 16px;
  color: #000;
}
#funcionalidadesTabContent.tab-content{
  /* background: #0b2012;
  background: -moz-linear-gradient(45deg, #0b2012 0%, #005937 100%);
  background: -webkit-linear-gradient(
45deg
, #0b2012 0%,#005937 100%);
  background: linear-gradient(
45deg
, #0b2012 0%,#005937 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2012', endColorstr='#005937',GradientType=1 );
  */
  padding: 50px;
  border-radius: 50px;
  color: #fff;
  box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 2%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 4%), 22.3px 22.3px 17.9px rgb(0 0 0 / 4%), 41.8px 41.8px 33.4px rgb(0 0 0 / 5%), 100px 100px 80px rgb(0 0 0 / 7%);
  background: #65b180;
background: -moz-linear-gradient(-45deg,  #65b180 0%, #043d36 100%);
background: -webkit-linear-gradient(-45deg,  #65b180 0%,#043d36 100%);
background: linear-gradient(135deg,  #65b180 0%,#043d36 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b180', endColorstr='#043d36',GradientType=1 );

  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1005' height='620' preserveAspectRatio='none' viewBox='0 0 1005 620'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1099%26quot%3b)' fill='none'%3e%3crect width='1005' height='620' x='0' y='0' fill='rgba(129%2c 191%2c 151%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c445.054C81.755%2c449.448%2c129.121%2c352.116%2c200.364%2c311.772C277.491%2c268.096%2c393.373%2c276.906%2c435.057%2c198.684C476.431%2c121.045%2c408.366%2c30.159%2c396.917%2c-57.068C385.281%2c-145.722%2c434.06%2c-258.808%2c367.215%2c-318.194C298.061%2c-379.631%2c183.851%2c-297.823%2c95.409%2c-324.932C5.162%2c-352.594%2c-45.119%2c-483.246%2c-138.99%2c-473.355C-229.354%2c-463.834%2c-271.599%2c-354.978%2c-323.993%2c-280.741C-371.679%2c-213.174%2c-424.262%2c-144.285%2c-429.483%2c-61.75C-434.543%2c18.247%2c-397.331%2c94.664%2c-351.918%2c160.715C-311.409%2c219.633%2c-242.599%2c246.018%2c-186.984%2c290.953C-122.862%2c342.762%2c-82.318%2c440.63%2c0%2c445.054' fill='%2365b180'%3e%3c/path%3e%3cpath d='M1005 903.525C1059.266 896.585 1115.452 892.973 1160.218 861.525 1204.096 830.7 1222.69 778.088 1249.587 731.699 1279.623 679.896 1334.959 633.052 1327.113 573.687 1319.27 514.344 1260.395 475.43399999999997 1211.209 441.31899999999996 1169.954 412.70500000000004 1116.259 417.22 1070.799 395.909 1013.563 369.078 972.6659999999999 285.755 911.246 300.703 850.845 315.403 850.011 404.552 817.524 457.551 791.395 500.178 757.281 535.227 738.97 581.751 716.198 639.611 683.021 699.752 698.4970000000001 759.975 714.6120000000001 822.684 763.348 877.317 821.983 904.779 878.373 931.1890000000001 943.235 911.424 1005 903.525' fill='%239dcdae'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1099'%3e%3crect width='1005' height='620' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); */
background-size: cover;

}
#funcionalidadesTabContent p{
  font-size: 25px;
  margin-bottom: 30px;
}
#funcionalidadesTabContent li{
  font-size: 18px;
}
#funcionalidadesTab .nav-link.active .btn-prmry-color,
.btn-prmry-color{
  background: #81bf97;
  color: #fff;
  margin: 0 auto;
  display: table;
}
.btn-prmry-color-a{
  background: #81bf97;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.btn-prmry-color:hover{
  background: #618b70;
}
.btn-prmry-color.recurso-externo{
  color: #fff!important;
}
a.btn-prmry-color:hover,
a.btn-prmry-color:focus{
  color: #fff;
}
.btn-scnd-color{
  background: #f0dd5d;
}
.navbar-brand img{
  width: 140px;
}
.navbar-menu{
  padding: 30px 1rem;
  margin-bottom: 100px;
  border-bottom: 1px solid #3b4d64;
}
.navbar-menu .nav-link{
  color: #344150;
  font-size: 14px;
}
.navbar-menu .nav-link.btn{
  color: #fff;
}
.header-wrapper{
  padding: 0 0 50px;
  position: relative;
}
#parallax {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url('../i/nim/parallax3.png'), url('../i/nim/parallax2.png'), url('../i/nim/parallax1.png');
  /* background-repeat: no-repeat; */
  background-position: center;
  background-position: 50% 50%;
}
.hero-bg img{
  /* width: 100vw;
  height: 280px;
  padding: 1rem;
  background-image: url('../i/nim/herobg1.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-mask: url('../i/nim/blob.svg');
  mask: url('../i/nim/blob.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center; */
  filter: drop-shadow(rgba(0, 0, 0, 0.02) 2.8px 2.8px 2.2px)
				drop-shadow(rgba(0, 0, 0, 0.028) 6.7px 6.7px 5.3px)
				drop-shadow(rgba(0, 0, 0, 0.035) 12.5px 12.5px 10px)
				drop-shadow(rgba(0, 0, 0, 0.042) 22.3px 22.3px 17.9px)
				drop-shadow(rgba(0, 0, 0, 0.05) 41.8px 41.8px 33.4px)
				drop-shadow(rgba(0, 0, 0, 0.07) 100px 100px 80px);
}
.header-wrapper .header-title{
  font-size: 42px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}
.header-wrapper .btn{
  box-shadow: 0px 0px 1.8px rgb(0 0 0 / 1%),
  0.2px 0.2px 5px rgb(0 0 0 / 2%),
  0.8px 0.8px 10.8px rgb(0 0 0 / 3%),
  2.4px 2.4px 21.6px rgb(0 0 0 / 4%),
  10px 10px 39px rgb(0 0 0 / 9%);
}
.header-subtitle{
  font-size: 25px;
  margin-bottom: 30px;
}
.sec-subtitle{
  font-size: 18px;
  margin-bottom: 40px;
}
.custom-shape-divider-bottom-1617674729 {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.custom-shape-divider-bottom-1617674729 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 30px;
  transform: rotateY(180deg);
}
.custom-shape-divider-bottom-1617674729 .shape-fill {
  fill: #3b4d64;
}
.custom-shape-divider-top-1617681955 {
  position: absolute;
  bottom: -28px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.custom-shape-divider-top-1617681955 svg {
  position: relative;
  display: block;
  width: calc(168% + 1.3px);
  height: 30px;
}
.custom-shape-divider-top-1617681955 .shape-fill {
  fill: #3b4d64;
}
.perfil-masInfo .t-info{
  font-size: 22px;
  text-transform: inherit;
  font-weight: normal;
}
.perfil-masInfo .t-info-subtitle{
  font-size: 18px;
  font-weight: normal;
  color: #4fa9d2;
}
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select{
  border-radius: 30px;
}
.txt-recurso-externo{
  font-size: 14px;
}
.info-profile-nav-tabs{
  border-radius: 50px;
}
.info-profile-tabs .tab-content.info-profile-tab-content{
  padding: 0;
}
.section-txt-subtitle{
  font-size:22px;
}
.info-profile-tabs .nav-tabs .nav-item-toggle .nav-link{
  color: #344150;
  border: 1px solid #344150;
  padding: 10px 30px;
  border-radius: 30px;
  margin-bottom: 30px;
}
.info-profile-tabs .nav-tabs .nav-item-toggle .nav-link:hover,
.info-profile-tabs .nav-tabs .nav-item-toggle .nav-link:focus,
.info-profile-tabs .nav-tabs .nav-item-toggle .nav-link.active{
  color: #fff;
  border: 1px solid #81bf97;
  background: #81bf97;
}
.lil-bridge{
  background: url('../i/nim/lil-bridge.jpg');
  background-size: cover;
  height: 600px;
}
.lil-bridge p{
  text-align: center;
  font-size: 32px;
  color: #fff;
}
.lil-bridge img{
  width: 300px;
  display: block;
  margin: 0 auto;
}
/* END NUEVOS ESTILOS */


.top-panel::before{
  content: '\f0ab';
  font-family: "Font Awesome 5 Free";
  color: #fff;
  position: absolute;
  opacity: 0.7;
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
  font-size: 45px;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 10px;
  bottom: 20px;
  left: 50%;
  margin-left: -30px;
  animation: bounce 1s ease infinite;
}

@keyframes bounce {
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
.modal .spinner-border p{
  font-size: 14px;
  /* color: #fff; */
  text-transform: uppercase;
}
#calendar .fc-toolbar-title{
  font-size: 14px;
  text-transform: uppercase;
  color: #9d2449;
  font-weight: bold;
}
#calendar .fc-button-primary{
  background: #ffb91b;
  border: 1px solid #ffb91b;
  color: #000;
}
#calendar .fc-col-header-cell{
  background: #344150;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}
#calendar .fc-h-event{
  background: #9d2449;
  border: 1px solid #9d2449;
}
#calendar .fc-day-today{
  background: #d27c73;
  color: #fff;
}
/* end estilos del calendario */

.flex-fill{
  flex: 1;
}
label{
  font-size: 18px;
}
.form-control{
  border-radius: 30px;
}
.separador{
  border-top: 1px solid #4e232e90;
}
.t-instruccion{
  font-size: 14px;
}
.t-info{
  font-size: 14px;
  text-transform: uppercase;
}
.alert-password{
  font-size: 12px;
}
.frgt-pswrd,
.frgt-pswrd:hover,
.frgt-pswrd:focus{
  color: #fff;
  font-size: 12px;
}
.modal-header,
.modal-footer{
  border: none;
}
.btn-c,
.btn-b{
  background: none;
}
.btn-b{
  font-size: 12px;
}
.btn-a:hover,
.btn-a:focus{
  background: #ffb91b50;
}
.btn-a,
.btn-c{
  font-size: 14px;
  text-transform: uppercase;
}

.header-title{
  font-size: 42px;
  line-height: 50px;
  font-weight: bold;
  /* border-bottom: 3px solid #ffb91b;
  padding-bottom: 30px;
  margin-bottom: 30px; */
}


.mt-100{
  margin-top: 100px;
}
.mb-100{
  margin-bottom: 100px;
}
.mt-200{
  margin-top: 200px;
}
.mb-200{
  margin-bottom: 200px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-50{
  margin-bottom: 50px;
}
.pb-200{
  padding-bottom: 200px;
}
/* .navbar.navbar-home{
  background-color: #235b4e;
} */
/* .navbar-brand{
  width: 250px;
} */
/* .navbar .nav-item a,
.navbar .nav-item .btn{
  font-size: 14px;
  color: #344150;
  text-transform: uppercase;
} */
/* .navbar .dropdown .btn{
  background: none;
  padding: 7px 15px;
} */
/* .navbar.navbar-home .dropdown-menu,
.navbar.int-navbar .dropdown-menu{
  background: #235b4e;
} */
/* .navbar .dropdown-menu{
  background: none;
  border: none;
  width: 100%;
  padding: 10px;
} */
/* .navbar.navbar-home .dropdown-menu a,
.navbar.int-navbar .dropdown-menu a{
  color: #fff;
  border-bottom: 1px solid #235b4e;
} */
/* .navbar .dropdown-menu a{
  color: #fff;
  text-align: right;
  padding: 10px 0;
} */
/* .navbar.scrolled .dropdown-menu a:first-child,
.navbar.int-navbar .dropdown-menu a:first-child{
  padding-top: 0
}
.navbar.scrolled .dropdown-menu a:last-child,
.navbar.int-navbar .dropdown-menu a:last-child{
  border-bottom: none;
  padding-bottom: 0
}
.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu a:focus{
  color: #fff;
  background: none;
}
.int-navbar{
  background-color: #235b4e;
  position: relative;
}
.int-navbar.bg{
  background: #fff;
}
.int-navbar form[role="search"] {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}
.int-navbar form[role="search"] button,
.int-navbar form[role="search"] input {
	padding: 8px 12px;
	border-radius: 0px;
	border-width: 0px;
	color: #fff;
	background: none;
	border-color: none;
	box-shadow: none;
	outline: none;
}
.int-navbar form[role="search"] input {
	padding: 16px 12px;
	font-size: 14pt;
	font-style: italic;
	color: #a0a0a0;
	box-shadow: none;
}
.int-navbar form[role="search"] button[type="reset"] {
	display: none;
  color: #a0a0a0;
} */
.error-message {
    color: #df6756;
    font-size: 12px
}
.breadcrumb{
  background: #344150;
  border-radius: 0;
  margin-bottom: 0;
}
.breadcrumb-item{
  color: #4fa9d2;
  font-size: 14px;
}
.breadcrumb-item.active{
  color: #6c839e;
}
.breadcrumb-item a{
  color: #4fa9d2;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: #6c839e;
}
.search-section{
  background: #9d2449;
  padding: 30px 0;
}
.search-section .wrapper {
  text-align: center;
  font-size: 0;
}
.search-section .search {
  padding: 0 30px;
  font-size: 18px;
  width: 75%;
  max-width: 500px;
  height: 50px;
  border: none;
  border-radius: 30px 0 0 30px;
}

.search-section .submit {
  cursor: pointer;
  border: none;
  background: #ffb91b;
  border-radius: 0 30px 30px 0;
  padding: 16px;
  display: inline-block;
  width: 110px;
  height: 50px;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}
.fichas-banner{
  background: #9d2449;
  padding: 50px 0;
  position: relative;
}
.fichas-banner::after{
  content: '';
  position: absolute;
  background: url('../i/AC3_logo.png') no-repeat right top;
  background-size: contain;
  width: 200px;
  height: 175px;
  bottom: 100px;
  right: 50px;
}
/* .fichas-banner img{
  width: 300px;
  margin: 0 auto;
  display: block;
} */
.fichas-banner p{
  text-align: center;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}
/* .asi-funciona{
  font-size: 18px;
} */
/* .asi-funciona .sec-bg{
  background: #3b4d64;
  padding: 50px;
  border-radius: 50px;
} */
.asi-funciona img{
  margin: 0 auto;
  display: block;
  height: 150px;
}
.asi-funciona .card-bg{
  background: #fff;
  border-radius: 30px;
  padding: 50px 30px;
  box-shadow: 0px 0px 1.8px rgb(0 0 0 / 1%), 0.2px 0.2px 5px rgb(0 0 0 / 2%), 0.8px 0.8px 10.8px rgb(0 0 0 / 3%), 2.4px 2.4px 21.6px rgb(0 0 0 / 4%), 10px 10px 39px rgb(0 0 0 / 9%);
}
.asi-funciona,
.planes-section{
  padding: 100px 0;
  /* background: #3b4d64; */
  position: relative;
  background: #65b180;
background: -moz-linear-gradient(-45deg,  #65b180 0%, #043d36 100%);
background: -webkit-linear-gradient(-45deg,  #65b180 0%,#043d36 100%);
background: linear-gradient(135deg,  #65b180 0%,#043d36 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b180', endColorstr='#043d36',GradientType=1 );

  background-size: cover;
}
.register-section{
  padding: 200px 0;
  background: #f5f5f5;
}
.register-section h3{
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin-bottom: 100px;
  position: relative;
}
.register-section h3::after{
  content: '';
  position: absolute;
  display: block;
  background: #ffb91b;
  width: 80px;
  height: 3px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -10px;
}
.register-section h4,
.asi-funciona h4,
.info-section h4,
.planes-section h4{
  font-size: 38px;
  font-weight: bold;
  /* text-transform: uppercase; */
  /* text-align: center; */
  /* margin: 40px 20px; */
}
.planes-section h4{
  color: #fff;
}
.flip-card {
  background-color: transparent;
  height: 420px;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back{
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 50px;
  border-radius: 30px;
  box-shadow: 0px 0px 1.8px rgb(0 0 0 / 1%), 0.2px 0.2px 5px rgb(0 0 0 / 2%), 0.8px 0.8px 10.8px rgb(0 0 0 / 3%), 2.4px 2.4px 21.6px rgb(0 0 0 / 4%), 10px 10px 39px rgb(0 0 0 / 9%);
}
.flip-card-front {
  background-color: #fff;
}
.flip-card-back {
  background-color: #fff;
  transform: rotateY(180deg);
}
.planes-section .card-body{
  padding: 0;
}
.register-section p{
  font-size: 18px;
  font-weight: lighter;
  margin-bottom: 50px;
}
.register-section a{
  text-decoration: none;
}
.info-section h5{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.info-section .explora-lista{
  list-style-type: none;
  font-size: 18px;
  color: #81bf97;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
}
.info-section .explora-lista li a{
  color: #81bf97;
}
.info-section .explora-lista li a span{
  color: #344150;
  font-size: 24px;
}
.planes-section .card{
  text-align: center;
  border-radius: 30px;
  border: none;
}
.card-title{
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
}
.planes-section .card-subtitle{
  font-size: 25px;
  font-weight: bold;
}
.planes-section .card-subtitle span{
  font-size: 16px;
  font-weight: normal;
}
/* .register-section img{
  border-radius: 20px;
  box-shadow: 0px 5px 10px 0px rgb(33 33 33 / 15%);
} */
.materias-section{
  padding: 100px 0;
  background: #efefef;
}
.materias-section .card{
  background: none;
  border: none;
}
.materias-section .card a{
  text-decoration: none;
}
.materias-section .card-body .card-title{
  font-size: 14px;
  text-transform: uppercase;
  color: #344150;
}
.learn-section .card,
.sites-section .card{
  border: none;
  text-decoration: none;
  color: #404041;
}
/* .register-section .card a, */
.register-section .card a:hover{
  text-decoration: none;
}
.label-estado{
  display: block;
  margin-top: 2px;
}
.section-register .select2-container--default .select2-selection--single{
  border: none;
}
.section-register .select2-container{
  background: #fff;
  border: 1px solid #ced4da;
  padding: .25rem .75rem;
  border-radius: 3px;
  width: 100%!important;
}
.section-register .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  border-color: #6B7177;
  content: '';
  display: inline-block;
  height: 7px;
  left: 0.15em;
  position: relative;
  top: 0.8em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.45em;
  transform: rotate(135deg);
}
.section-register .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-width: 0.15em 0.15em 0 0;
  border-color: #6B7177;
}
/* .register-section .card img, */
/* .learn-section .card img{
  border-radius: 20px;
  box-shadow: 0px 5px 10px 0px rgb(33 33 33 / 15%);
} */
.learn-section p.card-title{
  color: #404041;
  font-weight: normal;
  font-size: 16px;
}
.learn-section p{
  font-size: 48px;
  font-weight: lighter;
  color: #9d2449;
}
.learn-section h4{
  margin: 0px 20px 40px;
  font-size: 16px;
  text-align: center;
  color: #344150;
  line-height: 24px;
}
/* .register-section .card:hover img, */
/* .learn-section .card:hover img{
  box-shadow: 0 9px 10px -8px #000;
  transform: translate(0, -2px);
} */
/* .register-section .card .card-title{
  font-size: 22px;
  font-weight: bold;
  color: #192F59;
} */
.sites-section{
  background: #f5f5f5;
  padding: 150px 0;
}
.sites-section a{
  text-decoration: none;
}
.sites-section h4{
  margin: 40px 20px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  color: #212529;
  line-height: 24px;
}
.sites-section .swiper-button-prev,
.sites-section .swiper-button-next{
  color: #9d2449;
  top: 33%;
}
.sites-section figure img{
  border-radius: 20px;
  box-shadow: 0px 5px 10px 0px rgb(33 33 33 / 15%);
}
/* .sites-section .grid figure{
  background: none;
  cursor: pointer;
}
.sites-section .grid figure.effect figcaption::before{
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(157, 36, 73, 0.75) 50%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(157, 36, 73, 0.75) 50%);
}
.sites-section .grid a,
.sites-section .grid a:hover,
.sites-section .grid a:focus{
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
} */
/* .sites-section .card{
  background: none;
}
.sites-section .card .card-title{
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.sites-section .card img{
  margin-bottom: 0px;
}
.register-section .card p{
  color: #fff;
} */
/* .sites-section .sec-title h2{
  margin-bottom: 100px;
} */
.search-section p{
  margin-bottom: 0;
}
/* .sec-title h3{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 100px;
  text-transform: uppercase;
  position: relative;
} */
/* .sec-title h3::after{
  content: '';
    position: absolute;
    display: block;
    background: #ffb91b;
    width: 80px;
    height: 3px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -10px;
} */
.sec-title h2.est-materias{
  margin-bottom: 100px;
}
.sec-title p{
  margin-bottom: 100px;
  color: #bebebe;
}
.learn-section{
  padding: 150px 0;
}
.learn-section .card{
  background: none;
}
/* .learn-section .card .card-title{
  color: #747474;
  text-transform: uppercase;
  font-size: 14px;
} */
.learn-section .sec-title h2{
  font-weight: bold;
  margin-bottom: 100px;
}
.learn-section .sec-title.title-repaso h2{
  margin-bottom: 50px;
}
.learn-section .sec-title.title-repaso img{
  width: 500px;
}
.learn-section .sec-title.title-repaso p{
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}
.learn-section .nav-tabs{
  justify-content: center;
}
.learn-section .nav-tabs .nav-item.show .nav-link,
.learn-section .nav-tabs .nav-link.active{
  background: none;
  border: none;
  color: #9d2449;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.learn-section .nav-tabs .nav-link {
  padding: 20px;
  background: none;
  text-transform: uppercase;
  font-size: 14px;
  color: #9d2449;
}
.learn-section .nav-tabs .nav-link:focus,
.learn-section .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.learn-section table td,
.learn-section table th{
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 14px;
}
.learn-section table td a,
.learn-section table td a:hover,
.learn-section table td a:focus{
  color: #9d2449;
  text-decoration: none;
}
.learn-section table tbody td:first-child{
  text-align: left;
  padding: 20px;
  font-weight: bold;
}
.learn-section table thead th p,
.learn-section table tbody td p{
  margin-bottom: 0;
}
/* .learn-section .sec-title p{
  color: #fff;
} */
/* .explore-section,
.learn-section,
.sites-section{
  margin-top: 150px;
  position: relative;
} */

.explore-section a{
  border: none;
  text-decoration: none;
  background: none;
  position: relative;
  display: block;
  text-align: center;
  /* margin-bottom: 20px; */
}
/* .explore-section span{
  font-size: 90px;
  position: absolute;
  color: #eee;
  left: 0;
  right: 0;
  top: 0px;
  z-index: -1;
  line-height: 218px;
} */
.explore-section h4{
  margin: 40px 20px;
  font-size: 18px;
  /* text-transform: uppercase; */
  text-align: center;
  color: #344150;
  font-weight: bold;
}
.explore-section img{
  width: 60px;
  height: 60px;
}
/* .explore-section .card img{
  border-radius: 20px;
  box-shadow: 0px 5px 10px 0px rgb(33 33 33 / 15%);
} */
.explore-section{
  /* padding: 200px 0;
  margin-bottom: 0; */
  position: relative;
}
.explore-section h3{
  font-size: 32px;
  /* text-transform: uppercase; */
  font-weight: bold;
  /* position: relative; */
  margin-bottom: 100px;
}
/* .explore-section h3::after{
  content: '';
  position: absolute;
  display: block;
  background: #ffb91b;
  width: 80px;
  height: 3px;
  bottom: -10px;
  left: 0;

} */
/* .explore-section .sec-title h2{
  color: #fff;
} */
/* .explore-section .sec-title p{
  color: #747474;
} */
/* .explore-section .slick-dots li button:before {
  font-size: 12px;
  color: #bbb;
}
.explore-section .slick-dots li.slick-active button:before{
  color: #bfbfbf;
} */
.learn-section .blue-btn,
span.blue-btn,
a.blue-btn,
.table-perfil a.blue-btn,
button.blue-btn,
input[type=submit].blue-btn,
input[type=button].blue-btn{
  color: #000;
  display: table;
  margin: 0 auto;
  font-size: 12px;
  text-transform: uppercase;
  background: #ffb91b;
  border-color: #ffb91b;
  padding: 15px 40px;
  border-radius: 30px;
}
/* .learn-section .blue-btn:hover,
.learn-section .blue-btn:focus,
a.blue-btn:hover,
a.blue-btn:focus,
button.blue-btn:hover,
button.blue-btn:focus,
input[type=submit].blue-btn:hover,
input[type=submit].blue-btn:focus,
input[type=button].blue-btn:hover,
input[type=button].blue-btn:focus{
  color: #fff;
  background: #36827F;
  border-radius: 50px;
  border-color: #36827F;
  transition: all 0.3s ease 0s;
} */
.section-container{
  background: #fff;
}
.o-resources h5,
.info-profile-tabs h5{
  /* text-transform: uppercase; */
  font-size: 32px;
  /* color: #9d2449; */
  margin-bottom: 50px;
}
.filters h5{
  color: #fff;
}
.filters label{
  color: #fff;
}
.accordion .card{
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  background: none;
  margin: 0 auto;
}
.accordion .card:last-child{
  border: none;
}
.accordion .card .card-header{
  border: none;
}
.accordion .card .card-header{
  background: none;
  padding: 20px 0;
}
.accordion .card .card-header .btn-link{
  border: none;
  background: none;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding: 0;
  text-decoration: none;
  position: relative;
  white-space: inherit;
}
.accordion .card .card-header .btn-link.collapsed{
  color: #4a6d56;
  font-weight: normal;
}
/* .accordion .card .card-header .btn-link.collapsed::after,
.info-profile-tabs .nav-tabs .nav-link::after{
  content: '\f204';
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  font-size: 20px;
}
.accordion .card .card-header .btn-link::after,
.info-profile-tabs .nav-tabs .nav-link.active::after{
  content: '\f205';
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  font-size: 20px;
} */
.accordion .card-body .tag{
  background: #0BF2B2;
  width: auto;
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  margin-bottom: 3px;
  text-decoration: none;
}
/* .hovereffect{
  background: #F4EDED;
} */
.register-section .card .hovereffect img{
  margin-bottom: 0;
}
.hovereffect img{
  /* -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s; */
  box-shadow: 0px 0px 1.8px rgb(0 0 0 / 1%), 0.2px 0.2px 5px rgb(0 0 0 / 2%), 0.8px 0.8px 10.8px rgb(0 0 0 / 3%), 2.4px 2.4px 21.6px rgb(0 0 0 / 4%), 10px 10px 39px rgb(0 0 0 / 9%);
}
/* .hovereffect img:hover{
  -webkit-transform: scale(.95);
  -moz-transform: scale(.95);
  -o-transform: scale(.95);
  -ms-transform: scale(.95);
  transform: scale(.95);
  filter: blur(1px);
} */
.hovereffect .img-height{
  height: 10vw;
  object-fit: cover;
}
/*.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
 .hovereffect .overlay {
  width: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 4.75em;
	background: #36827F;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	visibility: hidden;
}
.hovereffect img {
  display: block;
  position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.hovereffect:hover img {
  -webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}
.hovereffect p.title-resource{
  text-transform: uppercase;
  color: #fff!important;
  position: relative;
  font-size: 14px;
  padding: 10px 0;
	float: left;
	margin: 0px;
	display: inline-block;
  font-weight: bold;
}
.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
.hovereffect p.icon-links a {
	float: right;
	color: #fff;
	font-size: 30px;
}
.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}
.hovereffect p.title-resource,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
	visibility: visible;
}
.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.hovereffect:hover .overlay,
.hovereffect:hover p.title-resource,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
  visibility: visible;
}
.hovereffect:hover p.title-resource {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
.hovereffect:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
} */
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  color: #fff !important;
  border-color: #344150 !important;
  background-color: #344150 !important;
  box-shadow: none !important;
}
/* .custom-control-label:before{
  background-color: #621132 !important;
} */
.card-resources .card a,
.o-resources .card a{
  text-decoration: none;
}
.card-resources .card,
.o-resources .card{
  background: none;
  border: none;
}
.card-resources .card p{
  font-size: 14px;
  text-transform: uppercase;
  color: #1865F2;
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
}
.card-resources .title-resource{
  background: #344150;
  margin-top: 0!important;
  color: #fff!important;
  font-weight: bold;
  padding: 8px 12px;
}
.card-resources .card-title{
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 50px;
  color: #344150;
}
.o-resources .card-title{
  color: #404041;
  text-transform: none;
  font-size: 24px;
  text-align: center;
}
.container-resource .title-resource,
.container-profile .title-section{
  font-size: 30px;
  font-weight: bold;
  /* line-height: 40px; */
}
.container-resource .share-resource{
  border-bottom: 1px solid #dedede;
  margin-bottom: 40px;
  margin-top: 40px;
}
.container-resource .share-resource ul,
.container-resource .info-resource-inline ul,
.container-resource .info-resource ul,
.info-resource-tabs .tab-content ul{
  list-style-type: none;
  padding-left: 0;
}
.container-resource .share-resource li,
.container-resource .info-resource-inline li{
  display: inline-block;
  padding-left: 20px;
}
.container-resource .share-resource li:first-child,
.container-resource .info-resource-inline li:first-child{
  padding-left: 0;
}
.container-resource .share-resource li a,
.container-resource .info-resource-inline li a,
.info-resource-tabs .tab-content li a{
  color: #1865F2;
  text-decoration: none;
}
.container-resource .share-resource li a:hover,
.container-resource .share-resource li a:focus,
.container-resource .info-resource-inline li a:hover,
.container-resource .info-resource-inline li a:focus,
.info-resource-tabs .tab-content li a:hover,
.info-resource-tabs .tab-content li a:focus{
  color: #1865F2;
}
.container-resource .info-resource-inline,
.container-resource .info-resource{
  margin-top: 20px;
}
.container-resource .info-resource-inline p,
.container-resource .info-resource p,
.info-resource-tabs .tab-content p{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.container-resource .info-resource-inline p span,
.container-resource .info-resource p span,
.info-resource-tabs .tab-content p span{
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
}
.container-resource .bg-wrapper{
  background: #fff;
  padding: 30px;
}
.info-resource-tabs .tab-content,
.info-profile-tabs .tab-content{
  background: #fff;
  border-color: #fff #fff #fff;
  padding: 30px;
  border-style: solid;
  border-width: thin;
}
.info-resource-tabs .nav-tabs,
.info-profile-tabs .nav-tabs{
  border: 1px solid #F7F8FA;
}
.info-resource-tabs .nav-tabs .nav-item.show .nav-link,
.info-resource-tabs .nav-tabs .nav-link.active,
.info-profile-tabs .nav-tabs .nav-item.show .nav-link,
.info-profile-tabs .nav-tabs .nav-link.active{
  border-color: #fff #fff #fff;
  border-style: solid;
  border-width: thin;
}
.info-resource-tabs .nav-tabs .nav-link:focus,
.info-resource-tabs .nav-tabs .nav-link:hover,
.info-profile-tabs .nav-tabs .nav-link:focus,
.info-profile-tabs .nav-tabs .nav-link:hover{
  border-color: #F7F8FA #F7F8FA #FFF;
}
/* .info-resource-tabs .nav-tabs .nav-link:focus,
.info-resource-tabs .nav-tabs .nav-link:hover{
  border-color: #F7F8FA #F7F8FA #FFF;
} */
.info-resource-tabs .nav-tabs .nav-link,
.info-profile-tabs .nav-tabs .nav-link{
  color: #4a6d56;
  /* text-transform: uppercase; */
  font-size: 16px;
}
.info-resource-tabs .nav-tabs .nav-link.active,
.info-profile-tabs .nav-tabs .nav-link.active{
  color: #fff;
}
.info-description-tabs .nav-tabs .nav-link,
.info-description-tabs .nav-tabs .nav-link.active{
  color: #4a6d56;
}
.info-resource-tabs .tab-content p.text-low{
  text-transform: none;
  font-size: 16px;
}
.info-resource-tabs .tab-content .blue-btn{
  width: 400px;
  margin-bottom: 30px;
}
.info-profile-tabs .info-profile-tabs-filter{
  background: #81bf97;
}
.info-profile-tabs .info-profile-tabs-filter .t-tab-section{
  text-transform: uppercase;
}
.info-profile-tabs .tab-content{
  /* background: #F4EDED;
  border: #F4EDED; */
  padding: 0 30px 30px;
  border-style: solid;
  border-width: thin;
}
.info-profile-tabs .perfil-office{
  text-align: center;
  /* background: url('../i/bg-perfil-office.jpg') no-repeat center top; */
  /* background-size: cover; */
  /* border-radius: 3px; */
  padding: 30px;
  font-weight: bold;
  /* color: #fff; */
  /* box-shadow: 0 2px 1px rgba(0,0,0,0.09),
              0 4px 2px rgba(0,0,0,0.09),
              0 8px 4px rgba(0,0,0,0.09),
              0 16px 8px rgba(0,0,0,0.09),
              0 32px 16px rgba(0,0,0,0.09); */
}
.info-profile-tabs .perfil-office img{
  width: 40px;
  margin-right: 10px;
}
.info-profile-tabs .perfil-office img.gs{
  width: 30px;
  margin-right: 0px;
  margin-bottom: 30px;
}
.info-profile-tabs .perfil-office mgt-login{
  /* background: #fff; */
  margin: 40px auto 0;
  /* width: 109px; */
  border-radius: 3px;
  display: inline-block;
}
.info-profile-tabs .change-pswrd{
  color: #747474;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0px auto 60px;
}
.info-profile-tabs .nav-tabs{
  border: none;
  border-radius: 0;
  display: block;
  text-align: center;
  background: #81bf97;
}
.info-profile-tabs .nav-tabs .nav-link{
  padding: 20px;
  background: none;
}
.info-profile-tabs .nav-tabs .nav-link.active{
  color: #fff;
}
.info-profile-tabs .nav-tabs .nav-item.show .nav-link,
.info-profile-tabs .nav-tabs .nav-link.active{
  border: none;
}
.info-profile-tabs .nav-tabs .nav-link:focus,
.info-profile-tabs .nav-tabs .nav-link:hover{
  border-color: transparent;
}
.info-profile-tabs .nav-tabs .nav-item{
  /* border-bottom: 1px solid rgba(0,0,0,.125);
  position: relative; */
  display: inline-block;
}
.info-profile-tabs .nav-tabs .nav-item:last-child{
  border: none;
}
.info-profile-tabs h5{
  font-weight: bold;
}
.info-profile-tabs .tab-content span.tab-pane-span,
.section-container .add-recurso{
  font-size: 24px;
  display: block;
}
/* .info-profile-tabs .tab-content span.btn{
  font-size: inherit;
} */
.info-profile-tabs .tab-content .level-title{
  font-size: 16px;
}
.info-profile-tabs .card{
  border: none;
}
.info-profile-tabs .card h5.card-title{
  font-size: 16px;
  color: #404041;
  font-weight: normal;
  text-align: center;
  text-transform: none;
}
.info-profile-tabs .dropdown .btn{
  padding: .375rem .75rem;
  font-size: 16px;
  height: calc(2.25rem + 2px);
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  display: block;
  width: 100%;
  text-align: left;
}
.info-profile-tabs .dropdown.show .btn{
  color: #495057;
}
#recursos .btn-filtros{
  width: 100%;
  height: 38px;
  border-radius: .25rem;
  line-height: inherit;
}
/* .info-profile-tabs .dropdown{
  margin-right: 20px;
} */
.info-profile-tabs .dropdown-fltr .dropdown-menu{
  border: 1px solid rgba(0,0,0,.15);
}
.info-profile-tabs .dropdown-menu{
  border: none;
  padding: 15px;
}
.info-profile-tabs .card-horizontal{
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.info-profile-tabs .card-horizontal form{
  background: #7AF3B3;
  padding: 15px;
}
.info-profile-tabs .card-horizontal form label{
  text-transform: uppercase;
  font-size: 14px;
  color: #1865F2;
  font-weight: bold;
}
.info-profile-tabs .card-horizontal form textarea{
  border: none;
  border-radius: 0;
}
.info-profile-tabs .card-herramientas{
  background: #7AF3B3;
  padding: 15px;
}
.info-profile-tabs .card-herramientas a,
.info-profile-tabs .card-herramientas a:hover,
.info-profile-tabs .card-herramientas a:focus{
  text-decoration: none;
  color: #404041;
}
.section-register-bg{
  height: 500px;
  text-align: center;
}
.section-parents-bg{
  background: url('../i/familia-bg2.jpg') no-repeat center center;
  background-size: cover;
}
.section-teacher-bg{
  background: url('../i/docente-bg2.jpg') no-repeat top center;
  background-size: cover;
}
.section-student-bg{
  background: url('../i/estudiantes_bg2.jpg') no-repeat top center;
  background-size: cover;
}
.section-parents-text{
  padding-top: 100px;
}
.section-register-bg p{
  color: #fff;
}
.section-register-bg p:first-child{
  font-size: 80px;
  font-weight: bold;
}
.section-register-bg p:last-child{
  font-size: 20px;
}
.section-register .login-bg{
  background: #9d2449;
  color: #fff;
}
.section-register .login-bg .section-register-title{
  color: #fff;
}
.section-register .login-bg,
.section-register .register-bg{
  padding: 100px 50px;
}
.section-register .register-bg{
  background: #fff;
  /* color: #192F59; */
}
/* .section-register .grid-divider {
  overflow-x: hidden;
  position: relative;
}
.section-register .grid-divider > [class*="col-"]:nth-child(n + 2):after {
  content: "";
  background-color: #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
} */
.section-register form .alert-password{
  font-size: 12px;
  /* color: #747474; */
}
.section-register .reg-datos{
  position: relative;
  z-index: 99999;
  /* background: #F4EDED; */
  margin: 70px 0;
}
.section-register .reg-datos::before{
  content: "";
  position: absolute;
  background: #4e232e90;
  width: 45%;
  height: 1px;
  left: 0;
  top: 12px;
  z-index: -2;
}
.section-register .reg-datos::after{
  content: "";
  position: absolute;
  background: #4e232e90;
  width: 45%;
  height: 1px;
  right: 0;
  top: 12px;
  z-index: -1;
}
.info-register-title{
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}
.info-register-text{
  text-align: center;
}
.section-info-register{
  background: #192F59;
  color: #fff;
  padding: 100px 0;
}
.section-register-title{
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
.section-register{
  background: #F4EDED;
}
.section-register .custom-checkbox label{
  font-size: 12px;
}
/* .section-register label{
  display: block;
  text-align: center;
} */
.section-register-title{
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #9d2449;
}
.section-register-icon{
  font-size: 80px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
  color: #BFD7EA;
}
/* NUEVOS ESTILOS  */
.card-resources .card{
  margin-bottom: 20px;
}
.card-body-block-int{
  background: #fff;
}
.block-filter{
  padding-top: 20px;
  border-top: 1px solid rgba(0,0,0,.125)
}
.card-resources ul,
.block-filter ul{
  padding-left: 0;
  list-style-type: none;
}
.card-resources li,
.block-filter li{
  margin-bottom: 20px;
}
.card-resources li a{
  color: #404041;
  text-decoration: none;
  font-size: 14px;
}
.block-filter li a{
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
}
.card-resources li a:hover,
.card-resources li a:focus,
.block-filter li a:hover,
.block-filter li a:focus{
  color: #ffb91b;
}
.eje-tematico{
  padding: 0 0 50px;
}
.eje-tematico a{
  text-decoration: none;
}
.eje-tematico .badge-primary{
  background: #d3e9db;
  text-decoration: none;
  padding: 8px 12px;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
}
.eje-title{
  /* font-size: 14px; */
  /* color: #9d2449; */
  font-weight: bold;
  text-transform: uppercase;
}
.eje-subtitle{
  font-size: 14px;
  /* color: #9d2449; */
  text-transform: uppercase;
}
.eje-aprendizaje{
  font-size: 14px;
}
.temas-list{
  padding-left: 0;
}
.temas-list li{
  margin-bottom: 10px;
  color: #fff;
}
.temas-list li a{
  color: #fff;
}
.tema-title{
  font-size: 24px;
}
.card-resources p.card-title{
  font-size: 14px;
  text-transform: uppercase;
  color: #344150;
  margin-bottom: 30px;
}
.form-btns{
  margin-top: 30px;
}
.form-row-new{
  border-top: 1px solid #192F59;
  margin-top: 30px;
  padding-top: 40px;
  margin-bottom: 30px;
}
.card-tareas{
  background: #BFD7EA;
  padding: 20px;
}
.card-tareas i{
  font-size: 60px;
  display: block;
  text-align: center;
}
.card-tareas p{
  margin-bottom: 0;
}
#teacher-table-resources_wrapper .no-footer{
  border: none;
}
#teacher-table-resources_wrapper .dataTables_info{
  text-align: center;
  float: none;
  color: #6c757d;
  margin-bottom: 20px;
}
#teacher-table-resources_wrapper .dataTables_paginate{
  display: block!important;
  float: none;
  text-align: center;
}
#teacher-table-resources_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#teacher-table-resources_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  color: #9d2449!important;
  font-weight: bold;
  background: none!important;
}
#teacher-table-resources_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  color: #9d2449!important;
  background: none!important;
}
#teacher-table-resources_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: none!important;
  box-shadow: none!important;
}
.table-perfil a,
.table-perfil .btn-agregar,
.table-perfil .btn-b{
  color: #344150;
}
.table-perfil thead th{
  color: #fff!important;
  background-color: #344150!important;
  border: none;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: middle;
}
.table-perfil thead th:first-child{
  border-radius: 30px 0  0 30px;
}
.table-perfil thead th:last-child{
  border-radius: 0 30px 30px 0;
}
.table-perfil tbody{
  font-size: 12px;
}
.table-perfil tbody td{
  vertical-align: middle;
}
.table-perfil tbody td .p-grupo{
  color: #4a6d56;
}
.table-perfil .btn-eliminar .btn{
  color: #FF6663;
}
.info-profile-tabs .nav-pills .nav-link{
  color: #a0a0a0;
  background: #efefef;
}
.info-profile-tabs .nav-pills .nav-link.active,
.info-profile-tabs .nav-pills .show>.nav-link{
  background: #4a6d56;
  color: #fff;
}
.info-profile-tabs .tab-content.tab-content-int{
  padding: 30px 0;
}
.section-container .row-flex{
  display: flex;
  flex-wrap: wrap;
}
.section-container .card{
  background: none;
  height: 100%;
}
.conf-modal .modal-header{
  border-bottom: none;
}
.conf-modal .modal-footer{
  border-top: none;
}
.modal-content{
  border-radius: 30px;
}
.modal-title{
  font-size: 25px!important;
  font-weight: normal!important;
}
.modal-header button{
  background: #df6756;
  color: #fff;
  text-shadow: none;
  border-radius: 0 30px 0 30px;
}
.modal-body{
  padding: 20px 50px 50px;
}
#loginModal .text-muted,
#registroModal .text-muted{
  font-size: 14px;
}
#loginModal .btn-collapse{
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  display: block;
}
#loginModal .nav-bg,
#registroModal .nav-bg{
  margin-bottom: 50px;
}
#loginModal .nav-bg .nav-item,
#registroModal .nav-bg .nav-item{
  background: #81bf97;
}
#loginModal .nav-bg .nav-item:hover,
#loginModal .nav-bg .nav-item.active,
#registroModal .nav-bg .nav-item:hover,
#registroModal .nav-bg .nav-item.active{
  background: #618b70;
}
#loginModal .nav-bg .nav-item:first-child,
#registroModal .nav-bg .nav-item:first-child{
  border-radius: 20px 0 0 20px;
}
#loginModal .nav-bg .nav-item:last-child,
#registroModal .nav-bg .nav-item:last-child{
  border-radius:  0 20px 20px 0;
}

#loginModal .nav-bg .nav-link,
#registroModal .nav-bg .nav-link{
  color: #fff;
}
form.agregar-tarea textarea{
  height: 120px;
}
.sec-pagination .btn-pagination{
  font-weight: bold;
  color: inherit;
}
.modal .btn-cancelar{
  display: block;
  width: 180px;
  height: 50px;
  line-height: 35px;
  margin: 0 auto;
  font-size: 16px;
  border-radius: 50px;
}
.btn-cancelar{
  background: #FF6663;
  border: #FF6663;
  color: #fff;
}
.table-perfil .btn-cancelar{
  color: #FF6663;
  background: none;
}
.dataTables_filter input,
.dataTables_length select{
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.registro-redes a{
  padding: 8px 12px;
  display: block;
  width: 280px;
  margin: 0 auto 20px;
  border-radius: 3px;
  border: 1px solid #192f5950;
  cursor: pointer;
}
.registro-redes i{
  margin-right: 20px;
}
.registro-redes i img{
  width: 15px;
}
.registro-redes .rr-fb{
  background: #fff;
}
.registro-redes .rr-google{
  background: #fff;
}
.section-pswrd .pswrd-bg{
  background: url('../i/pswrd-bg.jpg') no-repeat center center;
  background-size: cover;
  height: 100vh;
}
.visto{
  left: -10px;
  position: absolute;
  top: 10px;
  background: #FF6663;
  border-radius: 3px;
  padding: 8px 12px 8px 20px;
  font-size: 12px;
  z-index: 1;
  -webkit-box-shadow: -1px 0px 12px -2px rgba(0,0,0,0.6);
  -moz-box-shadow: -1px 0px 12px -2px rgba(0,0,0,0.6);
  box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.75);
  font-weight: bold;
  color: #fff;
}
.visto i{
  margin-right: 5px;
}
footer{
  background: #9d2449;
}
footer p{
  font-size: 10px;
  /* text-transform: uppercase; */
  margin-bottom: 0;
  color: #fff;
  /* text-align: center; */
}
footer .politicas{
  /* text-align: center; */
  margin-bottom: 20px;
}
footer .politicas a{
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
}
/* footer .politicas a:first-child{
  margin-right: 10px;
  position: relative;
}
footer .politicas a:first-child::after{
  content: "|";
  position: absolute;
  right: -8px;
  top: -2px;
} */
.footer-gob{
  background: #13322B;
  color: #fff;
}
.footer-gob .list-info{
  padding: 30px 0px 10px;
  margin-bottom: 0px;
}
.footer-gob .list-info h2 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px;
}
.footer-gob .list-info ul{
  margin: 0 0 60px;
  padding: 0;
}
.footer-gob .list-info ul li{
  list-style-type: none;
  margin: 4px 0px 0px;
  padding: 0px;
  line-height: 110%;
}
.footer-gob .list-info a{
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.footer-gob .list-inline li{
  display: inline-block;
}
.footer-pleca{
  background-color: #12322B;
  background-image: url(https://framework-gb.cdn.gob.mx/landing/img/pleca.svg);
  background-repeat: repeat-x;
}
.banner-desafio{
  background: #B49ECB;
}
.banner-desafio img{
  display: block;
  margin: 0 auto;
}
.alert-cct{
  font-size: 14px;
  color: #344150;
}
.subtitle-wcc{
  font-size: 14px;
  text-transform: uppercase;
  color: #9d2449;
  font-weight: bold;
}
.bg-btn-registro{
  background: url('../i/bg-reg-wcc.jpg') no-repeat left bottom;
  background-size: cover;
  padding: 100px 0;
}
.swal2-styled.swal2-confirm{
  background: #81bf97;
  color: #fff;
  border-radius: 30px;
  padding: 10px 30px;
}
.swal2-styled.swal2-confirm:hover{
  background: #618b70;
}
.swal2-styled.swal2-cancel{
  border-radius: 30px;
  background: none;
  color: inherit;
}
.swal2-styled.swal2-cancel:hover{
  background: none
}
/* @media (max-width: 767px) {
  .section-register .grid-divider > [class*="col-"]:nth-child(n + 2):after {
    width: 100%;
    height: 1px;
    left: 0;
    top: -4px;
    margin-top: -18px;
  }
}
@media (min-width: 768px) {
  .section-register .grid-divider > [class*="col-"]:nth-child(n + 2):after {
    width: 1px;
    height: auto;
    left: -1px;
  }
} */
@keyframes spinner-border {
  to { transform: rotate(360deg); }
}
.spinner-border{
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}
.spinner-border-sm{
  height: 20px;
  border-width: 2px;
}
.card-museos .title{
  font-size: 14px;
  text-transform: uppercase;
}
.card-effect .content {
  position: relative;
  /* width: 90%;
  max-width: 400px;
  margin: auto; */
  overflow: hidden;
}
.card-effect .content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.card-effect .content:hover .content-overlay{
  opacity: 1;
}
.card-effect img{
  width: 100%;
}
.card-effect .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.card-effect .content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}
/* .content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
} */
.card-effect .content-details p{
  color: #fff;
  font-size: 0.8em;
}
.card-effect .fadeIn-bottom{
  top: 80%;
}

.ws-btn {
  background: none;
  /* color: #ffb91b; */
  border: none;
  margin-left: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.ws-btn i{
  font-size: 18px;
}
.dataTables_paginate {
  display: flex !important;
}
.dataTables_paginate span {
  display: unset !important;
  font-size: small !important;
}
.paginate_button .current {
  background: #36827F !important;
}
.towi-section{
  background: #40BFCA;
  padding: 30px 0;
}
.towi-section img{
  width: 200px;
  display: block;
  margin: 0 auto 10px;
}
.towi-section p{
  font-size: 14px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.towi-section .towi-habilidades img{
  width: 100px;
}
.towi-section .towi-habilidades p{
  font-size: 12px;
  text-transform: uppercase;
}
.waves{
  height: 500px;
}
.waves p{
  font-size: 80px;
  color: #fff;
  text-align: center;

}
.waves p span{
  color: #E84A95;
  font-weight: bold;
}
.mt-100{
  margin-top: 100px;
}
.waves .btn,
.modal-magia .btn{
  border-radius: 50px;
  padding: 10px 40px;
  text-transform: uppercase;
  font-size: 14px;
}
.modal-magia .modal-title{
  margin-bottom: 30px;
}
.form-bg{
  box-shadow: 0px 0px 0px 0.5px rgb(50 50 93 / 10%), 0px 2px 5px 0px rgb(50 50 93 / 10%), 0px 1px 1.5px 0px rgb(0 0 0 / 7%);
  border-radius: 7px;
  padding: 40px;
}
.materias a{
  color: #344150;
}
.materias a .card-title{
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}
.custom-file{
  height: auto;
  padding: 0;
  width: 100%;
}
.custom-file input{
  padding: 11px 30px;
  height: auto;
}
.custom-file label{
  text-align: left;
  height: auto;
  line-height: inherit;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 16px;
}
.custom-file label::after{
  content: "Buscar";
  height: auto;
  line-height: inherit;
  border-radius: 0 30px 30px 0;
  padding: 10px 20px;
}

@media (min-width: 992px){
  .searchFilter .btn {
    min-width: 172px;
  }
  .searchFilter .label-icon {
    display: inline-block;
  }
}
/* @media (min-width:992px) and (max-width: 1199px) {
  .header-wrapper p:first-child{
    font-size: 60px;
  }
} */
@media (min-width:769px) and (max-width: 1024px) {
  .search-section .search,
  .search-section-covid .search{
    width: 64%;
  }
  .img-ocelote{
    width: 100px;
  }
}
/* @media (min-width:320px) and (max-width: 992px) {
  .header-wrapper{
    background-color: #c373d5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(232,720,399)'%3E%3Cstop offset='0' stop-color='%23c373d5'/%3E%3Cstop offset='1' stop-color='%2316c4d9'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='1728' height='1440' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.08'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    height: auto;
    padding-top: 170px;
  }
  .header-wrapper .container{
    position: inherit;
  }
  #transition-bg{
    display: none;
  }
} */
@media (min-width:768px) and (max-width: 992px) {
  .header-title{
    font-size: 32px;
  }
  /* .header-subtitle{
    font-size: 32px;
  } */
}
@media (min-width:320px) and (max-width: 768px) {
  .header-container p:first-child{
    font-size: 40px;
    margin-top: 0 !important;
  }
  .header-container p:last-child{
    font-size: 14px;
  }
  .search-section .search,
  .search-section-covid .search{
    width: 64%;
  }
  .img-ocelote{
    width: 85px;
    left: 100px !important;
  }
}
@media (min-width:320px) and (max-width: 767px) {
  .bg-hw-container-img,
  .fichas-banner::after{
    display: none;
  }
  .searchFilter .select-wrapper{
    display: block!important;
  }
  .searchFilter .form-control{
    width: 100%;
    border-radius: 20px 20px 0 0!important;
  }
  .searchFilter .select-searchbar{
    padding-left: 30px;
  }
  .searchFilter .select-searchbar:last-of-type,
  .searchFilter .btn-search{
    margin-left: 0;
    width: 100%;
    border: none;
  }
  .searchFilter .btn-search{
    border-radius: 0 0 20px 20px;
  }
  .searchFilter .input-group-btn{
    width: 100%;
  }
  .searchFilter .label-icon{
    display: inline-block;
  }
  .searchFilter .select-wrapper:first-of-type::after{
    top: 20px;
    right: 30px;
  }
  .searchFilter .select-wrapper:last-of-type::after{
    top: 22px;
    right: 30px;
  }
  .section-pswrd .pswrd-bg{
    display: none;
  }
  .navbar.navbar-home img{
    width: 250px;
  }
}



#div-recursos{
  display: none;
}
.nav-hijos{
  padding: 0;
  list-style-type: none;
}