@font-face {
  font-family: 'Lato-Italic';
  src: url("/work/models/memorica/recursos/img/aprender_con_memorica/type/Lato-Italic.ttf") format("truetype");
}

hr {
  opacity: 1;
}

a {
  text-decoration: none;
  color: black;
}

h5 {
  font-size: 2rem;
}

.categorias {
  flex-wrap: wrap;
  /* margin-bottom: 1.5rem; */
  cursor: pointer;
}

i {
  font-family: 'Lato-Italic';
}

.size1 {
  width: 110px;
  height: 60px;

}

.size2 {
  width: 140px;
  height: 88px;
}

.franjasuptext {
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 2;
  color: #ffffff;
}

.oscurecer2 {
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 2;
  background-color: #ffffff;
  border: 2px solid #007c9a;
}

.oscurecer2:hover {
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 3;
  color: #ffffff;
  background-color: #b2d732;
  border-radius: 0px 0px 20px 20px;
}

.marginSpecial {
  margin-top: 87px;
}

.btnTopics {
  border: none;
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/bgTematicos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16rem;
  font-size: 2.5rem;
  font-family: "MerriweatherSans-Bold";
  transition: all 1s;
  /* transition: color 1s; */
}

.btnDidactic {
  border: none;
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/bgDidacticos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16rem;
  font-size: 2.5rem;
  font-family: "MerriweatherSans-Bold";
  transition: all 1s;
}

.btnDidactic:hover,
.btnTopics:hover,
.btnDidactic:active,
.btnTopics:active,
.btnTopics.active,
.btnDidactic.active {
  border-radius: 0 0 30px 30px;
  color: #fff;
}

.connected-slides a {
  position: relative;
}

.img_memorica_aula {
  position: absolute;
  z-index: 0;
  max-width: 100%;
}

.title h3 {
  text-align: center;
  margin: 1rem;
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: bold;
}

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

.carousel-item.active {
  display: flex;
  justify-content: space-between;
}

.carousel-item .itemCarousel {
  flex: 1;
  margin: 0 5px;
  text-align: center;
  background-color: #92d6dd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 12rem;
}

#multiSlideCarousel,
#multiSlideCarousel2 {
  display: flex;
  /* gap: 20px;
    overflow: hidden; */
  position: relative;
  justify-content: center;
  width: 100%;
}

#multiSlideCarousel .itemCarousel,
#multiSlideCarousel2 .itemCarousel {
  /* flex: 0 0 calc(100% / 3.8% - 10px); */
  /* flex: 0 0 280px; */
  /* flex: 0 0 23.5%;
    height: 14rem;
    
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    color: black;
    margin: 0 15px 0 0;
    text-align: center;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    font-family: "MerriweatherSans-Regular";
    background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/bgDidacticos.jpg");
    background-repeat: no-repeat;
    background-size: cover; */
  height: 14rem;
  /* background-color: #ffb7c6; */
  display: flex;
  background-color: #92d6dd;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  color: black;
  flex-direction: column;
  cursor: pointer;
  font-family: "MerriweatherSans-Regular";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/bgDidacticos.jpg");
  position: relative;
}

#multiSlideCarousel .itemCarousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(246, 238, 240, 0.185);
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

#multiSlideCarousel .itemCarousel:hover::before {
  opacity: 1;
}

#multiSlideCarousel .itemCarousel.activeSlide,
#multiSlideCarousel .itemCarousel:hover {
  background-color: #007c9a;
  color: white;

}

#multiSlideCarousel2 .itemCarousel {
  background-color: #ffb7c6;
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/bgTematicos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* Necesario para el ::after */
  overflow: hidden;
}

#multiSlideCarousel2 .itemCarousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(246, 238, 240, 0.185);
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

#multiSlideCarousel2 .itemCarousel:hover::before {
  opacity: 1;
}

#multiSlideCarousel2 .itemCarousel.activeSlide,
#multiSlideCarousel2 .itemCarousel:hover {
  background-color: #ff046a;
  color: white;
}

.carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.connected-slides {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* 4 elementos por fila */
  gap: 20px;
  /* Espaciado entre elementos */
  width: 100%;
  max-width: 1200px;
  /* Ajusta según necesites */
  justify-content: center;
  overflow: visible;
}

.itemCarousel:hover {
  background-color: #007c9a;
}

.titleSectionContainer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.titleSection {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  background-color: #2E7D9B;
  color: #92d6dd;
  text-align: left;
  padding: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.1rem;
}

#multiSlideCarousel .itemCarousel .title {
  /* max-width: 95%;
    padding-left: 12%; */
  max-width: 92%;
  padding-left: 15%;
}

#multiSlideCarousel2 .itemCarousel .title {
  /* max-width: 95%; */
  /* max-width: 92%; */
  max-width: 90%;
}

.itemCarousel .title {
  text-align: center;
}

.itemCarousel .title h3 {
  font-size: 1.3rem;
  line-height: 1.5rem;
}

#multiSlideCarousel2 .itemCarousel .title h3 {
  color: black;
  transition: color 1s;
}

#multiSlideCarousel2 .itemCarousel:hover .title h3,
#multiSlideCarousel2 .itemCarousel.activeSlide .title h3,
#multiSlideCarousel2 .itemCarousel:hover .title .number,
#multiSlideCarousel .itemCarousel:hover .title .number {
  color: white;
}

.itemCarousel .title .number {
  /* position: absolute; */
  top: 10px;
  font-size: 1.1rem;
  /* color: white; */

  /* border-radius: 50%;
  width: 2rem;
  height: 2rem; */
}

.number {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  color: white;
}

.tematics {
  background-color: #67388c;
  left: 10px;
  top: 10px;

}

.didactics {
  background-color: #2E7D9B;
  top: 10px;
  right: 10px;

}

.banner-bottom {
  position: absolute;
  background-color: #67388c;
  width: 100%;
  height: 6%;
  bottom: 0;
}

.connected-slides .filter.active {
  display: flex;
}

.carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-control-prev-icon.didactic {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/btnLeft.svg");
  opacity: 1;
}

.carousel-control-next-icon.didactic {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/btnRigth.svg");
  opacity: 1;
}

.carousel-control-prev-icon.topics {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/btnLeftBlue.svg");
  opacity: 1;
}

.carousel-control-next-icon.topics {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/btnRigthBlue.svg");
  opacity: 1;
}

.carousel-control-next {
  justify-content: flex-end;
  width: 5%;
}

.carousel-control-prev {
  justify-content: flex-start;
  width: 5%;
}

.containerBtns {
  position: relative;
}

.topicMaterial,
.didacticMaterial {
  display: none;
}

.topicMaterial.active,
.didacticMaterial.active {
  display: block;
}

.articleActive nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.line,
.lineBlue {
  background-color: #ff026a;
  height: 4px;
  width: 48%;
}

.lineBlue {
  background-color: #007c9a;
}

.circle,
.circleBlue {
  background-color: #ff026a;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  margin: 1rem;
  color: white;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.circleBlue {
  background-color: #007c9a;
}

.articleActive h3 {
  text-align: center;
}

.articleActive aside {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.containerInfo {
  display: flex;
  flex-direction: column;
}

.triangle,
.triangleBlue {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/btnRigth.svg");
  background-size: cover;
  background-position: center;
  width: 30px;
  height: 37px;
  margin-right: 1rem;
}

.triangleBlue {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/btnRigthBlue.svg");
}

.containerInfo .pink {
  color: #ff026a;
  font-family: "MerriweatherSans-Bold";
}

.containerInfo .blue {
  color: #007c9a;
  font-family: "MerriweatherSans-Bold";
}


.containerInfo .purple {
  color: #73419E;
  font-family: "MerriweatherSans-Bold";
}

.containerInfo p {
  margin: 0;
  padding: 0;
}

.structureArticle {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.structureArticle2 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.list,
.list2,
.list3,
.list4 {
  font-family: 'Lato-Regular';
  list-style: auto;
  font-size: 1.2rem;
}

.list3 {
  list-style: none;
}

.list4 {
  list-style: disc;
}

.list2 li p {
  font-family: "Lato-Bold";
}

.bold {
  font-family: "Lato-Bold"
}

.regularFont {
  font-family: "MerriweatherSans-Regular";
}

.acronym {
  font-variant: small-caps;
}

.structureArticle .containerFigure img {
  width: 100%;
}

.slideText,
.slideDidactic {
  display: none;
  pointer-events: none;
}

.slideText.activeSlideText {
  display: block;
  pointer-events: auto;
}

.activeSlideDidactic {
  display: block;
  pointer-events: auto;
}

.photos {
  display: flex;
}

.photos a {
  transition: transform 1s;
}

.photos a:hover {
  transform: scale(1.05);
}

.gallery-IndependeceMexico {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 20%);
  grid-template-rows: repeat(4, 19rem);
  justify-content: center;
  align-items: center;
}

.gallery-item-Independece {
  background-color: #6ba6bf;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.gallery-item-Independece:nth-child(1) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_1.jpg");
}

.gallery-item-Independece:nth-child(2) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_2.jpg");
}

.gallery-item-Independece:nth-child(3) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_3.jpg");
}

.gallery-item-Independece:nth-child(4) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_4.jpg");
}

.gallery-item-Independece:nth-child(5) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_5.jpg");
}

.gallery-item-Independece:nth-child(6) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_6.jpg");
}

.gallery-item-Independece:nth-child(7) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_1.jpg");
}

.gallery-item-Independece:nth-child(8) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_3.jpg");
}

.gallery-item-Independece:nth-child(9) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_2.jpg");
}

.gallery-item-Independece:nth-child(10) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_4.jpg");
}

.gallery-item-Independece:nth-child(11) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_7.jpg");
}

.gallery-item-Independece:nth-child(12) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_5.jpg");
}

.gallery-item-Independece:nth-child(13) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_8.jpg");
}

.gallery-item-Independece:nth-child(14) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_6.jpg");
}

.gallery-item-Independece:nth-child(15) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_7.jpg");
}

.gallery-item-Independece:nth-child(16) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_8.jpg");
}

.container-exercise {
  display: flex;
  /* align-items: center;
      justify-content: flex-end; */
}

.container-exercise .phrase {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  flex-direction: column;
}

.container-exercise .phrase h3 {
  text-align: right;
  /* padding: 5%; */
  max-width: 80%;
}

.container-elements {
  display: grid;
  grid-template-columns: repeat(2, 30%);
  grid-template-rows: repeat(3, 13rem);
  align-items: center;
  justify-content: center;
  gap: 1rem 3rem;
}

.container-elements .container-Figure {
  background-color: #92d6dd;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-elements .container-Figure p {
  /* color: white; */
  text-align: center;
  /* font-family: 'Lato-Bold'; */
}

.containerImgIndependence {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* margin-left: 5rem; */
}

.container-elements .containerImgIndependence.case1 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_1.jpg");
}

.container-elements .containerImgIndependence.case2 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_6.jpg");
}

.container-elements .containerImgIndependence.case3 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md4_5.jpg");
}

.galleryTopic2,
.galleryTopic2b {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  grid-template-columns: repeat(2, 280px);
  grid-auto-rows: 16rem;
}

.galleryTopic2 .item-gallery,
.galleryTopic2b .item-gallery {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.galleryTopic2 .item-gallery:nth-child(1) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2_1.jpg");
}

.galleryTopic2 .item-gallery:nth-child(2) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2_2.jpg");
}

.galleryTopic2 .item-gallery:nth-child(3) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2_3.jpg");
}

.galleryTopic2 .item-gallery:nth-child(4) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2_4.jpg");
}

.galleryTopic2 .item-gallery:nth-child(5) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2_5.jpg");
}

.galleryTopic2 .item-gallery:nth-child(6) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2_6.jpg");
}

.galleryTopic2b .item-gallery:nth-child(1) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2b_1.jpg");
}

.galleryTopic2b .item-gallery:nth-child(2) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2b_2.jpg");
}

.galleryTopic2b .item-gallery:nth-child(3) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2b_6.jpg");
  background-position: top;
}

.galleryTopic2b .item-gallery:nth-child(4) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2b_3.jpg");
}

.galleryTopic2b .item-gallery:nth-child(5) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2b_7.jpg");
}

.galleryTopic2b .item-gallery:nth-child(6) {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics2b_4.jpg");
}

.square {
  border: #007c9a 3px solid;
  border-radius: 20px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.gridMesoamerica {
  display: grid;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(2, 48%);
  grid-auto-rows: 15rem;
}

.gridMesoamerica .item-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.gridMesoamerica .item-grid .bgImg {
  width: 40%;
  height: 15rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.gridMesoamerica .item-grid .bgImg.case1 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics3_1.jpg");
}

.gridMesoamerica .item-grid .bgImg.case2 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics3_2.jpg");
}

.gridMesoamerica .item-grid .bgImg.case3 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics3_3.jpg");
}

.gridMesoamerica .item-grid .bgImg.case4 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics3_4.jpg");
}

.gridMesoamerica .item-grid .bgImg.case5 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/topics/topics3_5.jpg");
}

.clickMe {
  width: 2rem;
  height: 2rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.text6 {
  padding-left: 1.5rem;
}

.squareInput {
  height: 25px;
  border: #000000 solid 1px;
  border-radius: 3px;
  width: 100%;
}

.switchMap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footert5 img {
  width: 100%;
}

.hidden {
  display: none;
}

.galleryWithText {
  display: grid;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(4, 22%);
  grid-auto-rows: 22rem;
}

.item-galleryText {
  background-color: #007c9a;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.item-galleryText .containerImgGallery {
  background-color: #b2d732;
  height: 60%;
  width: 100%;
  /* background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_1.jpg"); */
  background-repeat: no-repeat;
  background-size: cover;
}

.item-galleryText .containerImgGallery.img1 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_1.jpg");
}

.item-galleryText .containerImgGallery.img2 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_2.jpg");
}

.item-galleryText .containerImgGallery.img3 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_3.jpg");
}

.item-galleryText .containerImgGallery.img4 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_4.jpg");
}

.item-galleryText .containerImgGallery.img5 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_5.jpg");
}

.item-galleryText .containerImgGallery.img6 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_6.jpg");
}

.item-galleryText .containerImgGallery.img7 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_7.jpg");
}

.item-galleryText .containerImgGallery.img8 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_8.jpg");
}

.item-galleryText .containerImgGallery.img9 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_9.jpg");
}

.item-galleryText .containerImgGallery.img10 {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/didactics/md6_10.jpg");
}

.item-galleryText .containerText {
  height: 40%;
  width: 100%;
  display: flex;
  background-color: #92d6dd;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}

.item-galleryText .containerText p {
  text-align: center;
  /*  */
  color: black;
}

.item-galleryText:hover .containerText p {
  color: white;

}

.item-galleryText:hover .containerText {
  background-color: #007c9a
}

/*
.filter-button.activo img {
  background-image: url("/work/models/memorica/recursos/img/aprender_con_memorica/pleca_activo.jpg");
 
  display: inline-block;
z-index: 2;
}
*/
@media only screen and (max-width: 1200px) {
  #multiSlideCarousel .itemCarousel .title {
    padding-left: 10%;
  }

  .itemCarousel .title h3 {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }

  .gallery-IndependeceMexico {
    grid-template-rows: repeat(4, 15rem);
  }

  .container-elements {
    gap: 1rem;
  }

  .container-elements .container-Figure {
    background-color: #92d6dd;
    width: 100%;
    height: 13rem;
  }

  .containerImgIndependence {
    width: 100%;
    height: 13rem;
    margin-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  /* #multiSlideCarousel .itemCarousel,
    #multiSlideCarousel2 .itemCarousel {
      flex: 0 0 48%;
    }
   */
  /* .connected-slides {
      display: grid;
      grid-template-rows: repeat(2, 210px);
      grid-auto-flow: column;
      grid-auto-columns: 50%;

    } */

  /* #multiSlideCarousel .itemCarousel,
    #multiSlideCarousel2 .itemCarousel {
      margin: 0 20px 0 0;
      height: 19rem;
    } */
  /* #multiSlideCarousel2 .itemCarousel  */

  .galleryTopic2 {
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    grid-template-columns: repeat(2, 50%);
    grid-auto-rows: 12rem;
  }
}

@media only screen and (max-width: 768px) {
  .marginSpecial {
    margin-top: 60px;
  }

  .btnDidactic,
  .btnTopics {
    font-size: 1.5rem;
  }

  .structureArticle {
    flex-direction: column;
  }

  .photos {
    flex-direction: column;
  }

  #multiSlideCarousel .itemCarousel .title {
    padding-left: 21%;
  }

  .itemCarousel .title h3 {
    font-size: 1.1rem;
    line-height: 1.3rem;
  }

  .size2 {
    width: 120px;
    height: 88px;
  }

  .gallery-IndependeceMexico {
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(8, 19rem);
  }

  .container-exercise {
    flex-direction: column;
  }

  .btnTopics,
  .btnDidactic {
    height: 11rem;
  }

  .container-elements {
    gap: 1rem;
    grid-template-columns: repeat(2, 48%);
  }

  .gridMesoamerica {
    display: grid;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(1, 100%);
    grid-auto-rows: 15rem;
  }

  .switchMap {
    flex-direction: column;
  }

  .galleryWithText {

    grid-template-columns: repeat(2, 48%);
    grid-auto-rows: 16rem;
  }

  .connected-slides {
    grid-template-columns: repeat(2, 48%);
    /* grid-auto-rows: 14rem; */
    gap: 1rem;
    grid-auto-flow: row;
    grid-template-rows: none;
  }

  #multiSlideCarousel .itemCarousel,
  #multiSlideCarousel2 .itemCarousel {
    margin: 0 0 0 0;
    /* height: auto; */
  }
}

@media only screen and (max-width: 576px) {


  .btnDidactic,
  .btnTopics {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 500px) {


  .carousel-control-prev.btnTopicsPrev,
  .carousel-control-next.btnTopicsNext,
  .carousel-control-next.btnDidacticNext,
  .carousel-control-prev.btnDidacticPrev {
    display: none;
  }



  .gallery-IndependeceMexico {
    grid-template-rows: repeat(8, 15rem);
  }
}

@media only screen and (max-width: 374px) {
  .itemCarousel .title h3 {
    font-size: 0.9rem;
  }
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}