* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  --purple: #7946a5;
  --lightPurple: #b386e8;
  --deepPurple: #3c2462;
  --white: #f3f3f3;
  --yellow: #eec947;
  --black: #1e1e1e;
  --bRadius: 15px;
  --space: clamp(0.725rem, 1rem, 1.25rem);
  --mSpace: clamp(0.5rem, 0.725rem, 1rem);
}

header,
main {
  width: clamp(90vw, 1280px, 100vw);
  margin: 0 auto;
}
h1,
h2,
h3 {
  font-family: "Exo 2", serif;
  font-weight: 600;
}
p {
  font-family: "Poppins", serif;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0.725rem;
}
a {
  text-decoration: none;
  color: var(--purple);
}
img {
  max-width: 100%;
  height: auto;
}
section {
  width: clamp(90vw, 1280px, 100vw);
  margin: 0 auto;
  padding: 0.5rem 0;
}
/*
  Header
*/
.desktop {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0;
  align-items: center;
}
.udem_health {
  width: 15rem;
}
.navigation {
  display: flex;
  align-items: center;
  list-style-type: none;
  font-size: 1.2rem;
  font-family: "Exo 2", serif;
}
.navigation a {
  color: #221f20;
  padding: 1rem;
  border-radius: 2.5rem;
  padding: 0.5rem 1rem;
  transition: 800ms;
}
.navigation a:hover {
  background: rgba(248, 232, 79, 0.5);
  transition: 800ms;
}
.mobile {
  display: none;
}
/*
  Hero
*/
.hero {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 1rem;
}
.hero__slider {
  background: linear-gradient(90deg, #f5f5f5, #fff);
  border-radius: var(--bRadius);
}
.hero__slide--image h2 {
  font-size: 3rem;
  position: absolute;
  width: 60%;
  left: 0;
  font-weight: 400;
  padding: 2.5rem;
}
.hero__slide--image {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  position: relative;
  overflow: hidden;
}
.hero__slide--image:before {
  position: absolute;
  content: "";
  background: transparent;
  width: 250px;
  height: 250px;
  border-radius: 60%;
  bottom: -30%;
  left: 20%;
  border: 40px solid #eec947;
}
.hero__slide--content {
  display: grid;
  grid-template-columns: 80px 2fr;
  gap: 1rem;
  height: auto;
  background: var(--black);
  color: var(--white);
  border-radius: 0 0 var(--bRadius) var(--bRadius);
  padding: var(--space);
}
.hero__slide--content .circle {
  background: var(--black);
  border-radius: 50%;
  box-shadow: 0px 0px 0px 5px var(--yellow) inset;
  height: auto;
  width: 80px;
}
.hero__slide--content h2 {
  font-size: clamp(24px, 2rem, 2.15rem);
  font-weight: 400;
  line-height: 2.375rem;
}
.hero__blocks {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 1 1 0px;
  height: 100%;
}
.hero__block {
  height: calc(50% - 0.25rem);
  width: 100%;
  display: block;
  position: relative;
  border-radius: var(--bRadius);
  background-size: cover;
}
.conoce {
  background-image: url("../assets/centros\ salud.jpeg");
}
.estudia {
  background-image: url("../assets/programas.jpg");
  background-position: center;
}
.hero__block--title {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--white);
  padding: 1rem;
  background: var(--purple);
  font-size: 1.25rem;
  border-radius: var(--bRadius) var(--bRadius) var(--bRadius) 0;
  z-index: 3;
  margin-right: 3rem;
}

.hero__block--title h2 {
  line-height: 1;
  word-break: break-word;
  display: table-cell;
}
.hero__block--icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  background: #fff;
  align-items: center;
  justify-content: center;
  border: 1rem solid #fff;
  border-radius: 0 0 0 var(--bRadius);
}
.hero__block--icon:before {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -36px;
  top: -16px;
  content: "";
  border-top-right-radius: 8px;
  box-shadow: 0px -6px #fff;
}
.hero__block--icon:after {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -16px;
  bottom: -36px;
  content: "";
  border-top-right-radius: 8px;
  box-shadow: 6px 0px #fff;
}
.hero__block--icon img {
  width: 40px;
}
.hero__block--content {
  grid-column: 1 / 5;
  grid-row: 2 / 5;
  background: linear-gradient(45deg, #fff, transparent);
  color: var(--black);
  padding: var(--space);
  font-size: clamp(24px, 2rem, 2.15rem);
  border-radius: 0 var(--bRadius) var(--bRadius) var(--bRadius);
}
.hero__block--link {
  align-items: center;
  justify-items: center;
  background: #fff;
  border-radius: var(--bRadius) 0 0 0;
  position: absolute;
  border: 1rem solid #fff;
  transition: 800ms;
  bottom: 0;
  right: 0;
}
.hero__block--link:hover {
  transition: 800ms;
  background: rgba(248, 232, 79);
  border-color: rgba(248, 232, 79);
  border-radius: var(--bRadius) 0 var(--bRadius) 0;
}

.hero__block--link:hover:before,
.hero__block--link:hover:after {
  transition: 800ms;
  box-shadow: 2px 6px transparent;
  border-color: rgba(248, 232, 79);
}

.hero__block--link:before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -36px;
  bottom: -16px;
  content: "";
  border-bottom-right-radius: 12px;
  box-shadow: 2px 6px #fff;
}
.hero__block--link:after {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -36px;
  right: -16px;
  content: "";
  border-bottom-right-radius: 12px;
  box-shadow: 2px 6px #fff;
}

.hero__block--link a {
  font-family: "Exo 2", serif;
  font-size: 1.5rem;
  color: var(--black);
}

/*
  Services
*/
.services {
  /*max-width: 80%;*/
  margin: 0 auto;
  margin-bottom: 5rem;
}
.services .services__title,
.testimonios__title,
.programas__title {
  font-weight: 700;
  color: var(--purple);
  font-size: 2rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
.services__blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  justify-content: center;
  max-width: 80vw;
  margin: 0 auto;
}

.services__block img {
  border-radius: var(--bRadius);
}
.services__block--link {
  font-size: 1.5rem;
  color: var(--purple);
  font-family: "Exo 2", serif;
  font-weight: 600;
  margin: 1.3125rem 0;
}
.services__block--link a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
/* 
  About us
*/
.about,
.talleres {
  margin: 3rem 0px;
}
.about__blocks {
  display: grid;
  align-items: center;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
}
.about__blocks--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(248, 232, 79, 0.5);
  border-radius: 0 var(--bRadius) var(--bRadius) 0;
  color: rgba(34, 31, 32, 1);
  padding: 4rem 2rem 3rem 0;
  position: relative;
}
.about__blocks--content::before {
  position: absolute;
  width: 20vw;
  height: 100%;
  background: rgba(248, 232, 79, 0.5);
  content: "";
  top: 0;
  left: -20vw;
  overflow: hidden;
}
.about__blocks--content h2,
.hospital__content h2 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.about__blocks--video iframe {
  border-radius: var(--bRadius);
  width: 100%;
}
.about__blocks--video img {
  border-radius: 1rem;
}

/*
  Hospital
*/
.hospital {
  margin: 3rem 0;
}
.hospital__top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
.hospital__image {
  display: flex;
}
.hospital__image img {
  border-radius: var(--bRadius);
}
.hospital__content blockquote {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  font-family: "Exo 2";
  font-weight: 600;
  font-style: italic;
}
.hospital__content cite {
  display: flex;
  justify-content: flex-end;
  margin: 1rem 0;
  font-size: 1.25rem;
}
.hospital__bottom {
  display: flex;
  justify-content: space-evenly;
}
.hospital__bottom img {
  border-radius: var(--bRadius);
  margin: 1.5rem 0;
}

/*
  Programas Académicos
*/

#more-programs {
  display: none;
}

.programas {
  display: flex;
  flex-direction: column;
}
.programas__blocks {
  display: grid;
  grid-template-areas:
    "p__first p__first p__second"
    "p__third p__fourth p__fourth"
    "p__fifth p__fifth p__sixth"
    "p__seventh p__eight p__eight";
  gap: 1rem;
}
.programas__blocks-2 {
  display: grid;
  grid-template-areas:
    "p__tenth p__ninth p__ninth"
    "p__thirteen p__thirteen p__twelve"
    "p__eleven p__fifteen p__fourteen";
  gap: 1rem;
  margin-top: 1rem;
}
.programas__block {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-radius: var(--bRadius);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr 1fr 1fr 4rem;
  height: 300px;
}
.first {
  grid-area: p__first;
  background: url(https://eventos.udem.edu.mx/health/assets/mcp.jpg);
}
.second {
  grid-area: p__second;
  background: url(../assets/lpsc.png);
}
.third {
  grid-area: p__third;
  background: url(https://eventos.udem.edu.mx/health/assets/lnu.jpg);
}
.fourth {
  grid-area: p__fourth;
  background: url(../assets/mcd.jpg);
}
.fifth {
  grid-area: p__fifth;
  background: url(../assets/ibi.jpg);
}
.sixth {
  grid-area: p__sixth;
  background: url(../assets/esme.jpg);

}
.seventh {
  grid-area: p__seventh;
  background: url(../assets/len.jpg);
}
.eight {
  grid-area: p__eight;
  background: url(../assets/bachillerato.jpg);
  background-position: top !important;
}
.ninth {
  grid-area: p__ninth;
  background: url(../assets/lpt.png);
  background-position: top center !important;
}
.tenth {
  grid-area: p__tenth;
  background: url(../assets/lps.jpg);
  background-position: top left !important;
}

.eleven {
  grid-area: p__eleven;
  background: url(../assets/eps.jpg);
  background-position: top left !important;
}

.twelve {
  grid-area: p__twelve;
  background: url(../assets/mpc.jpg);
  background-position: top left !important;
}

.thirteen {
  grid-area: p__thirteen;
  background: url(../assets/lcas.jpg);
  background-position: top left !important;
}

.fourteen {
  grid-area: p__fourteen;
  background: url(../assets/msg.jpg);
  background-position: top left !important;
}

.fifteen {
  grid-area: p__fifteen;
  background: url(../assets/pbe.jpg);
  background-position: top left !important;
}

.programas__block--title {
  background: var(--deepPurple);
  padding: var(--mSpace);
  border-radius: var(--bRadius) var(--bRadius) var(--bRadius) 0;
}
.programas__block--title h2 {
  font-size: 1.25rem;
  font-weight: 400;
}
.programas__block--sub {
  background: var(--purple);
  border-radius: var(--bRadius) var(--bRadius) var(--bRadius) 0;
}
.programas__block--sub {
  display: none !important;
}
.no-border {
  border-radius: var(--bRadius) var(--bRadius) 0 0;
}
.first .programas__block--title {
  grid-column: 1 / 5;
  text-align: center;
}

.fourth .programas__block--title {
  grid-column: 1 / 5;
  text-align: center;
}

.twelve .programas__block--title {
  grid-column: 1 / 7;
  text-align: center;
}

.fifth .programas__block--title {
  grid-column: 1 / 5;
}

.thirteen .programas__block--title {
  grid-column: 1 / 5;
  text-align: center;
}

.seventh .programas__block--title  {
  grid-column: 1 / 5;
  text-align: center;
}

.fifteen .programas__block--title  {
  grid-column: 1 / 6;
  text-align: center;
}

.eight .programas__block--title  {
  grid-column: 1 / 6;
  text-align: center;
}

.ninth .programas__block--title  {
  grid-column: 1 / 6;
  text-align: center;
}

.first .programas__block--sub,
.fourth .programas__block--sub {
  grid-column: 4 / 6;
}
.first .programas__block--link,
.fourth .programas__block--link,
.fifth .programas__block--link,
.eight .programas__block--link,
.ninth .programas__block--link,
.thirteen .programas__block--link {
  grid-column: 9 / 13;
  grid-row: 4;
}

.second .programas__block--title {
  grid-column: 1 / 7;
  text-align: center;
}

.tenth .programas__block--title {
  grid-column: 1 / 6;
  text-align: center;
}

.third .programas__block--title {
  grid-column: 1 / 5;
  text-align: center;
}

.eleven .programas__block--title {
  grid-column: 1 / 6;
  text-align: center;
}

.third .programas__block--title.about, .eleven .programas__block--title.about,
.seventh .programas__block--link, .fifteen .programas__block--link {
  grid-column: 1 / 6;
}
.sixth .programas__block--title {
  grid-column: 1 / 6;
  text-align: center;
}

.fourteen .programas__block--title {
  grid-column: 1 / 6;
  text-align: center;
}

.second .programas__block--sub,
.third .programas__block--sub,
.eleven .programas__block--sub,
.sixth .programas__block--sub {
  grid-column: 7 / 9;
}
.second .programas__block--link,
.third .programas__block--link,
.eleven .programas__block--link,
.sixth .programas__block--link,
.seventh .programas__block--link,
.tenth .programas__block--link,
.fourteen .programas__block--link,
.fifteen .programas__block--link,
.twelve .programas__block--link {
  grid-column: 6 / 13;
  grid-row: 4;
}
.programas__block--title,
.programas__block--sub {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
.programas__block--link {
  display: grid;
  align-items: center;
  justify-items: center;
  background: #fff;
  border-radius: var(--bRadius) 0 0 0;
  border: 1rem solid #fff;
  position: relative;
  transition: 800ms;
}

.programas__block--link:before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -36px;
  bottom: -16px;
  content: "";
  border-bottom-right-radius: 12px;
  box-shadow: 2px 6px #fff;
  transition: 800ms;
}
.programas__block--link:after {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -36px;
  right: -16px;
  content: "";
  border-bottom-right-radius: 12px;
  box-shadow: 2px 6px #fff;
  transition: 800ms;
}

.programas__block--link a {
  font-size: 1.125rem;
  font-family: "EXO 2";
  transition: 800ms;
  color: #551a8b !important;
}
.programas__block--link:hover {
  transition: 800ms;
  background: rgb(248, 232, 79);
  border-color: rgb(248, 232, 79);
  border-radius: var(--bRadius) 0 var(--bRadius) 0;
}

.programas__block--link:hover:before,
.programas__block--link:hover:after {
  transition: 800ms;
  box-shadow: 2px 6px transparent;
  border-color: rgba(248, 232, 79);
}
.programas__cta {
  font-family: "Exo 2";
  font-weight: 600;
  color: var(--purple);
  font-size: 1.5rem;
  background: #f8e84f;
  border-radius: 1rem;
  padding: 1rem 2rem;
  margin: 2rem auto 0;
  width: fit-content;
  cursor: pointer;
}

.talleres__blocks--cta {
  display: flex;
  justify-content: center;
  margin: 2rem 0 0;
}
.programas__cta a,
.talleres__blocks--cta a {
  font-family: "Exo 2";
  font-weight: 600;
  color: var(--purple);
  font-size: 1.5rem;
  background: #f8e84f;
  border-radius: 1rem;
  padding: 1rem 2rem;
}

/*
  Talleres
*/
.talleres .programas__title {
  text-align: center;
}
.talleres__blocks {
  display: flex;
  gap: 1rem;
  max-width: 80vw;
  margin: 0 auto;
}
.talleres__blocks .slick-slide {
  margin: 0 1rem;
}
.talleres__blocks--block {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--bRadius);
}
.talleres__blocks--block img {
  border-radius: var(--bRadius);
}
.talleres__blocks--block h3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1.25rem;
  margin-top: 0.5rem;
  font-weight: 500;
}
.talleres__blocks--cta a {
  margin: 2rem 0;
}

/*
  Testimonials
*/
.testimonios {
  display: grid;
  grid-template-areas:
    "t__title t__title"
    "t__tab t__content";
  grid-template-columns: 10rem 1fr;
  column-gap: 2rem;
  align-items: center;
}
.testimonios__title {
  grid-area: t__title;
}
.testimonios__tab {
  grid-area: t__tab;
}
.teatimonios__content {
  grid-area: t__content;
}
.tab__links {
  display: flex;
  align-items: center;
  border: none;
  background: none;
  position: relative;
  height: 6rem;
  font-family: "Exo 2";
  font-size: clamp(1.25rem, 1.25rem, 1.5rem);
  color: var(--purple);
  text-align: left;
  margin-right: 1rem;
}
.tab__links::before {
  content: "";
  background: rgba(179, 134, 232, 0.5);
  width: 12px;
  height: calc(100% - 1rem);
  position: absolute;
  border-radius: 6px;
  top: 0.5rem;
  left: 10rem;
}
.tab__links.active {
  font-weight: 600;
}
.tab__links.active::before {
  content: "";
  background: var(--purple);
  position: absolute;
  border-radius: 6px;
}
.tab__content {
  display: none;
  grid-template-columns: repeat(2, 1fr);
}
.tab__active {
  gap: 1.5rem;
  height: 100%;
  align-items: center;
}
.tab__content--image {
  display: flex;
  justify-content: center;
  align-content: center;
}
.tab__content--image img {
  border-radius: var(--bRadius);
}
.tab__content--text {
  background-color: var(--deepPurple);
  color: var(--white);
  border-radius: var(--bRadius);
  font-weight: 300;
}
.quote {
  font-family: "Exo 2";
  font-size: clamp(25px, 2rem, 32px);
  line-height: 1.2;
  padding: 1.5rem 0;
}
.pboth:not(:first-child),
.pboth:not(:last-child) {
  grid-area: stp;
  margin: 0;
  padding: 1rem 2rem 0;
}
.pboth:first-child {
  padding: 2rem 2rem 0;
}
.pboth > b {
  font-weight: 600;
}
.student {
  display: flex;
  flex-direction: column;
  column-gap: 1rem;
  background: #fff;
  color: var(--purple);
  position: relative;
  border-radius: var(--bRadius) 0 0;
  align-items: flex-start;
  width: 90%;
  float: right;
  margin-top: 2rem;
  border: 1rem solid #fff;
}
.student:before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -36px;
  bottom: -16px;
  content: "";
  border-bottom-right-radius: 12px;
  box-shadow: 2px 6px #fff;
}
.student:after {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -36px;
  right: -16px;
  content: "";
  border-bottom-right-radius: 12px;
  box-shadow: 2px 6px #fff;
}
.student h3 {
  margin: 0;
}
/*
  Footer
*/
footer {
  background: var(--deepPurple);
  color: var(--white);
  position: relative;
  padding: 3rem 0;
  font-family: "Poppins", serif;
  font-weight: 300;
  margin: 5rem 0 0;
}
footer h4 {
  font-size: 1.45rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 300;
}
.footer__container {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer__container--top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
  .one {
    display: flex;
    flex-direction: column;
    .one__arrow {
      display: flex;
      flex-direction: column;
      font-size: 1rem;
      & a:first-child {
        color: var(--yellow);
      }
      & a {
        color: var(--lightPurple);
      }
    }
    img {
      width: 12rem;
      margin-bottom: 1rem;
    }
  }
  .two {
    li {
      list-style-type: none;
      display: inline-flex;
      gap: 1rem;
      & a {
        color: var(--lightPurple);
        font-size: 2rem;
      }
    }
  }
}
.footer__container--bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  .copyright {
    display: flex;
    gap: 1rem;
    font-size: 0.75rem;
    a {
      color: var(--lightPurple);
    }
  }
  .logo {
    img {
      width: 6rem;
    }
  }
}

.convenios {
  display: flex;
  flex-flow: column;
  padding: 4rem 0 2rem;
}

.convenios h2 {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--purple);
}

.convenios-ctr {
  display: flex;
  flex-flow: row;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.convenios-ctr p {
  width: 35ch;
  padding: 0.25rem 1rem;
  border-left: solid 2px var(--purple);
  font-size: 0.875rem;
}

/*
  Responsive design

  Large desktop
*/
@media screen and (min-width: 1025px) {
  header,
  main {
    width: 1280px;
    margin: 0 auto;
  }
  section {
    width: 100%;
  }
}

/*
  Responsive design 

  Tablet
*/

@media screen and (max-width: 1024px) {
  section {
    padding: 2rem;
  }

  .desktop {
    display: none;
  }
  .mobile {
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem 0;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 999;
    .udem_health {
      width: 12rem;
    }
  }
  #menu-toggle {
    background: var(--purple);
    border: 0;
    padding: 0.25rem 0.8rem 0.4rem;
    border-radius: 0.25rem;
    color: var(--white);
    font-size: 2rem;
  }
  #mobile-menu {
    display: none;
    flex-direction: column;
    background: var(--white);
    position: absolute;
    top: 5rem;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
  }
  #mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: "Exo 2", sans-serif;
  }

  #mobile-menu a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #333;
  }

  #mobile-menu.open {
    display: flex;
  }
  .services__title,
  .testimonios__title,
  .programas__title {
    font-size: 2rem;
  }

  .hero__block--title h2 {
    width: 9ch;
  }

  .hero__slide--image h2 {
    width: 100%;
    font-size: 2rem;
    bottom: 0;
    font-weight: 400;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.6);
    color: var(--deepPurple);
    font-weight: 600;
  }

  /*
    About
  */
  .about__blocks {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: auto;
    gap: 0;
  }
  .about__blocks--content {
    border-radius: 0;
  }
  .about__blocks--video iframe {
    border-radius: 0 0 var(--bRadius) var(--bRadius);
    height: 24rem;
  }


  /*
    Programas académicos
  */

  .programas__block--sub {
    display: none;
  }

  .programas__blocks-2 {
    display: flex !important;
    flex-flow: row;
    flex-wrap: wrap;
  }

  .programas__blocks-2 .programas__block {
    width: calc(50% - 0.5rem);
  }

  .first .programas__block--title {
    grid-column: 1 / 6;
  }

  .second .programas__block--title {
    grid-column: 1 / 7;
  }

  .second {
    background-position: left !important;
  }
  
  .third .programas__block--title {
    grid-column: 1 / 6;
  }

  .fourth .programas__block--title {
    grid-column: 1 / 6;

  }

  .fifth .programas__block--title {
    grid-column: 1 / 5;
    text-align: center;
  }
 
  .sixth .programas__block--title {
    grid-column: 1 / 6;
  }

  .eight .programas__block--title {
    grid-column: 1 / 5;
  }


  .first .programas__block--link,
  .second .programas__block--link,
  .third .programas__block--link,
  .fourth .programas__block--link,
  .fifth .programas__block--link,
  .sixth .programas__block--link,
  .seventh .programas__block--link,
  .eight .programas__block--link,
  .ninth .programas__block--link,
  .tenth .programas__block--link,
  .eleven .programas__block--link,
  .twelve .programas__block--link,
  .thirteen .programas__block--link,
  .fourteen .programas__block--link,
  .fifteen .programas__block--link
   {
    grid-column: 7 / 13;
  }


  /*
    Talleres
  */
  .talleres__blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .hospital__top {
    gap: 2rem;
  }
}

/* 
  Responsive design

  Tablet
*/
@media (max-width: 1023px) and (min-width: 768px) {
  
  .about {
    padding: 0 2rem;
    overflow: hidden;
  }
  .about__blocks--content::after {
    position: absolute;
    width: 20vw;
    height: 100%;
    background: rgba(248, 232, 79, 0.5);
    content: "";
    top: 0;
    right: -20vw;
    overflow: hidden;
  }
  .about__blocks--content {
    text-align: left;
  }
  .about__blocks {
    grid-template-rows: 1fr;
  }
  .about__blocks--video {
    display: none;
  }
  .hero__block--title {
    grid-column: 1 / 6;
  }
  .hero__block--link {
    grid-column: 5 / 13;
  }

  .testimonios {
    grid-template-columns: 1fr;
    grid-template-areas:
      "t__title t__title"
      "t__tab t__tab"
      "t__content t__content";
  }
  .testimonios__tab {
    display: flex;
    gap: 1rem;
    grid-area: t__tab;
  }
  .tab__links::before {
    width: calc(100% - 1rem);
    height: 0.5rem;
    top: -1rem;
    left: 0rem;
  }
  .tab__content {
    grid-template-columns: 1fr 1fr;
    margin-top: 2rem;
  }
  .tab__links {
    margin: 0;
    height: 3rem;
    font-size: 1rem;
  }
  .pboth {
    font-size: 1rem;
  }
  .about,
  .talleres,
  .programas,
  .services {
    margin: 1rem 0px;
  }
  .talleres {
    padding: 0 2rem;
  }
  .services {
    max-width: 100%;
  }
  footer {
    padding: 3rem 3rem 0;
  }
  .footer__container {
    width: 100%;
  }
}

/*
  Responsive design

  Mobile
*/
@media (max-width: 768px) {
  
  /*
    Hero
  */
  .hero {
    display: flex;
    flex-direction: column;
  }

  .hero__slider {
    width: 100%;
  }

  .hero__slide--image{
    justify-content: center;
  }

  .hero__slide--image img {
    width: 70%;
  }
  .hero__slide--image:before {
    width: 150px;
    height: 150px;
    bottom: -25%;
    left: 50%;
  }
  .hero__slide--image h2 {
    font-size: 1.75rem;
    padding: 1.5rem;
    text-align: center;
  }

  .hero__blocks {
    width: 100%;
    min-height: 32rem;
  }
  .hero__block--title {
    grid-column: 1 / 6;
  }

  .hero__block--title h2 {
    font-size: 1.75rem;
  }
  .hero__block--content {
    grid-column: 1 / 8;
  }
  .hero__block--link {
    padding: 0.5rem 1rem;
    border: 1px solid #fff;
  }
  .hero__block--link:after {
    box-shadow: 5px 6px #fff;
  }
  .hero__block--link:before {
    left: -21px;
    bottom: -1px;
  }
  .hero__block--link a {
    font-size: 1.2rem;
  }

  /* services */
  .services {
    max-width: 100%;
    margin-bottom: 0;
  }
  .services__blocks {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  /*
    About us
  */
  .about {
    overflow: hidden;
    margin: 0;
  }
  .about__blocks {
    grid-template-rows: auto;
  }
  .about__blocks--content {
    padding: 2rem 0;
    border-radius: 0;
  }
  .about__blocks--content::after {
    position: absolute;
    width: 20vw;
    height: 100%;
    background: rgba(248, 232, 79, 0.5);
    content: "";
    top: 0;
    right: -20vw;
    overflow: hidden;
  }
  .about__blocks--content h2,
  .hospital__content h2 {
    font-size: 2rem;
  }
  .about__blocks--video {
    display: none;
  }

  /*
    Hospital
  */
  .hospital {
    margin: 0;
  }
  .hospital__top {
    display: flex;
    flex-direction: column;
  }

  /*
    Programas académicos
  */
  .programas__blocks, .programas__blocks-2 {
    display: flex;
    flex-direction: column;
  }

  .programas__blocks-2 .programas__block {
    width: 100%;
  }

  .fourth,
  .fifth,
  .sixth {
    display: none;
  }
  .first .programas__block--link,
  .second .programas__block--link,
  .third .programas__block--link {
    grid-column: 6 / 13;
  }
  .first .programas__block--title {
    grid-column: 1 / 10;
  }
  .programas__cta,
  .talleres__blocks--cta {
    text-align: center;
  }
  .programas__cta a,
  .talleres__blocks--cta a {
    font-size: 1.1rem;
  }

  /*
    Talleres
  */
  .talleres {
    margin: 0;
  }
  .talleres__blocks {
    display: flex;
    align-items: center;
    text-align: center;
  }
  .talleres__blocks--cta {
    margin: 0;
  }
  .slick-dots {
    margin-top: 1rem !important;
  }
  .testimonios {
    display: flex;
    flex-direction: column;
  }

  /*
    Testimonios
  */
  .testimonios {
    grid-template-columns: 1fr;
  }
  .testimonios__tab {
    display: grid;
    grid-template-columns: 50% 3fr;
    gap: 0.5rem;
    grid-area: t__tab;
  }
  .tab__links {
    margin: 0;
    height: 3rem;
    font-size: 1rem;
  }
  .tab__links::before {
    width: 100%;
    height: 0.5rem;
    top: -0.5rem;
    left: 0rem;
  }
  .tab__content {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }
  .tab__content--image img {
    width: 50%;
  }
  /*
    General
  */
  .services .services__title,
  .testimonios__title,
  .programas__title {
    font-size: 1.25rem;
    line-height: 1;
  }
  /*
    Footer
  */
  footer {
    padding: 1rem 0;
  }
  .footer__container {
    width: 100%;
    gap: 0;
  }
  .footer__container--top {
    grid-template-columns: 1fr;
    padding: 1.5rem 1.5rem 0;
    & .one,
    .two {
      text-align: center;
      align-items: center;
      .one__arrow {
        text-align: left;
      }
    }
  }
  .footer__container--top {
    gap: 1.5rem;
  }
  .footer__container--bottom {
    flex-direction: column;
    padding: 1.5rem 1.5rem 0;
    .copyright {
      flex-direction: column;
      text-align: center;
    }
  }
}