* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  font-family: 'Roboto';
  background-color: #FAFAFA; }

a {
  text-decoration: none; }

ul {
  list-style-type: none; }

h2 {
  color: #242367;
  font-size: 3rem;
  line-height: 3.5rem;
  text-align: center; }

h3 {
  color: #8BAAFC;
  font-family: New York Extra Large;
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center; }

h4 {
  color: #3534BE;
  font-family: roboto;
  font-size: 2rem;
  font-weight: 400; }

img {
  max-width: 100%; }

.textoPrincipalPages {
  font-size: 5rem;
  line-height: 5.9rem;
  text-align: center;
  color: #FAFAFA;
  text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
  margin-bottom: 5.408rem; }

.botonUneteALaClase {
  background-color: transparent;
  color: #FAFAFA;
  border: 4px solid #FAFAFA;
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25));
  width: 20.4rem;
  height: 6.3rem;
  font-size: 2rem;
  line-height: 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.botonUneteALaClase:hover {
  cursor: pointer;
  color: #FAFAFA; }

.espiralCentrado {
  display: block;
  margin: auto; }

.p-style {
  color: #4D4D4D;
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: 300; }

.span-style {
  font-weight: 500;
  color: #3534BE; }

.divFinSections {
  height: 16.805rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.botonAzul {
  border: none;
  color: #3534BE;
  font-size: 2rem;
  background-color: transparent; }

.acordionFondoTransparente {
  background-color: transparent !important; }

.acordionParrafo {
  margin-bottom: 0;
  font-size: 1.8rem; }

.contenedorCarouselGeneral {
  max-width: 80%;
  width: 100rem;
  margin: 6rem auto 30rem auto; }
  @media (max-width: 768px) {
    .contenedorCarouselGeneral {
      margin: 2.5rem auto 15rem auto; } }

header {
  background-color: #FAFAFA; }

.headerInicio {
  background-color: #E5EBF9; }

.navbarInicio {
  padding: 3.6rem 2rem 1rem 2rem; }
  @media (max-width: 768px) {
    .navbarInicio {
      padding: 3.6rem 0 1rem 0; } }
  .navbarInicioLista {
    justify-content: space-between;
    align-items: center;
    gap: 3rem; }

.liServicios {
  margin-right: 18vw; }
  @media (max-width: 768px) {
    .liServicios {
      margin-right: 0; } }

.navbar-light .navbar-nav .nav-link {
  color: #242367; }

.nav-link {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.1rem; }

.navbar-toggler {
  border: none;
  margin-right: 2.3rem; }
  .navbar-toggler .navbar-toggler-icon {
    width: 4rem;
    height: 4rem; }

.navbar-light .navbar-toggler-icon {
  background-image: url(../assets/inicio/iconoir_menu.png); }

.imgPrincipalInicio {
  display: block;
  margin: 0 auto;
  padding: 12.65rem 2rem 15.65rem 2rem; }

.pPSD {
  color: #3534BE;
  font-size: 2rem;
  line-height: 2.3rem;
  text-align: center;
  letter-spacing: 0.05em; }

.pClickAqui {
  color: #3534BE;
  font-size: 2.3rem;
  line-height: 2.7rem;
  text-align: center;
  padding-bottom: 5.3rem;
  margin-bottom: 0rem; }
  @media (max-width: 768px) {
    .pClickAqui {
      margin-top: 5rem; } }
  .pClickAqui a {
    color: #3534BE; }

.headerPages {
  padding: 3rem 2rem; }
  @media (max-width: 768px) {
    .headerPages {
      padding: 0; } }

@media (max-width: 768px) {
  .contenedorLogoHeaderPages {
    display: none; } }

.contenedorLogoHeaderPages a {
  margin: 0rem 4rem; }
  @media (max-width: 1200px) {
    .contenedorLogoHeaderPages a {
      margin: 0rem 2rem; } }
  @media (max-width: 992px) {
    .contenedorLogoHeaderPages a {
      margin: 0rem 0rem; } }

.contendorLogoResponsiveHeaderPages {
  display: none; }
  @media (max-width: 768px) {
    .contendorLogoResponsiveHeaderPages {
      display: contents; } }
  .contendorLogoResponsiveHeaderPages img {
    margin: 1.5rem 0rem 1.5rem 2rem; }

.navbarPagesLista {
  justify-content: space-between;
  align-items: center;
  gap: 3rem; }

.navbarTogglerPages {
  margin-right: 2rem; }

@media (max-width: 768px) {
  .contenedorDropdownNav {
    width: 95vw; } }

.contenedorDropdown {
  display: grid;
  grid-template-columns: repeat(2, max-content); }
  @media (max-width: 768px) {
    .contenedorDropdown {
      grid-template-columns: 100%;
      text-align: center; } }
  .contenedorDropdown div p {
    padding: 1rem 3rem;
    font-weight: 500; }
  .contenedorDropdown div a {
    padding: 1rem 3rem;
    font-weight: 400; }
  .contenedorDropdown div a,
  .contenedorDropdown div p {
    margin: 0;
    font-size: 1.8rem;
    color: #242367; }
  .contenedorDropdown div a span {
    font-weight: 500;
    color: #242367; }

@media (max-width: 768px) {
  .onlineDropdownNav {
    margin-top: 4rem; } }

.elementoGraficoEsquina {
  position: absolute;
  width: 60rem;
  height: 66rem;
  z-index: -1; }
  @media (max-width: 768px) {
    .elementoGraficoEsquina {
      width: 18rem;
      height: 20rem; } }

.elementoGrafico-arribaDerecha {
  right: -15rem;
  top: -36rem; }
  @media (max-width: 768px) {
    .elementoGrafico-arribaDerecha {
      right: -7rem;
      top: -8rem; } }

.elementoGraficoAbajoIzquierda {
  left: -30rem;
  bottom: -36rem; }
  @media (max-width: 768px) {
    .elementoGraficoAbajoIzquierda {
      left: -7rem;
      bottom: -8rem; } }

.elementoGraficoAbajoDerecha {
  right: -20rem;
  bottom: -37rem; }
  @media (max-width: 768px) {
    .elementoGraficoAbajoDerecha {
      right: -7rem;
      bottom: -8rem; } }

.elementoEspiral {
  display: block;
  margin: 0 auto; }

.sectionBeneficiosInicio {
  position: relative;
  overflow: hidden; }

.h2Beneficios {
  margin: 10rem 0 2rem 0; }

.contenedorBeneficiosInicio {
  margin-top: 8rem;
  display: grid;
  grid-template-columns: 47% 53%;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .contenedorBeneficiosInicio {
      display: flex;
      justify-content: center; } }

.detallesBenficiosInicio {
  display: flex;
  flex-direction: column;
  align-items: center; }

.liBeneficios {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0 2rem 6rem; }
  @media (max-width: 768px) {
    .liBeneficios {
      padding-right: 6rem;
      padding-bottom: 2.7rem; } }

.iconBeneficios {
  width: 6rem;
  height: 6rem; }

.pBeneficios {
  color: #4D4D4D;
  font-weight: 300;
  font-size: 1.8rem;
  margin: 0 0 0 2rem; }

.imagenesBeneficios-Inicio {
  display: flex;
  gap: 5rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 768px) {
    .imagenesBeneficios-Inicio {
      display: none; } }

.sectionServiciosActualesInicio {
  margin-top: 10rem; }

.h2Servicios {
  margin-bottom: 2rem; }

.contenedorServiciosInicio {
  margin-top: 8rem;
  display: grid;
  grid-template-columns: 53% 47%;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .contenedorServiciosInicio {
      display: flex;
      flex-direction: column; } }

.imagenesServiciosInicio {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .imagenesServiciosInicio {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
      align-items: stretch;
      margin-bottom: 4rem; } }

.detallesServicios-Inicio {
  display: flex;
  flex-direction: column;
  padding: 0 6rem; }

.pServicios {
  color: #4D4D4D;
  font-weight: 300;
  font-size: 1.8rem;
  padding-bottom: 1rem; }

.contenedorBotonServicios {
  margin-top: 2rem; }

.sectionNuestroEspacioInicio {
  margin-top: 10rem;
  position: relative; }

.h2NuestroEspacio {
  margin: 1.5rem 0 2rem 0; }

.sectionPreguntasFrecuentesInicio {
  position: relative;
  overflow: hidden;
  padding-bottom: 20rem; }
  @media (max-width: 768px) {
    .sectionPreguntasFrecuentesInicio {
      padding-bottom: 10rem; } }

.h2NuestroEspacio {
  margin-bottom: 2rem; }

.contenedorPreguntasFrecuentes {
  margin-top: 8rem;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center; }
  @media (max-width: 768px) {
    .contenedorPreguntasFrecuentes {
      display: flex;
      justify-content: center; } }

.contenedorImagenPreguntas {
  display: flex;
  justify-content: center; }
  @media (max-width: 768px) {
    .contenedorImagenPreguntas {
      display: none; } }

.imagenPreguntasFrecuentes {
  padding-left: 6rem; }

.contenedorDetallesPreguntas {
  padding: 0 6rem; }

.contenedorBotonPreguntas {
  margin-top: 3rem; }

.sectionTestimoniosInicio,
.h2Testimonios,
.h3Testimonios {
  color: white; }

.sectionTestimoniosInicio {
  background-color: #3534BE;
  padding: 4rem 0 3rem 0;
  color: white; }

.h2Testimonios {
  margin-bottom: 2rem; }

.contenidoCarouselTestimonios {
  height: 100; }

.contenedorCarouselTestimonios {
  max-width: 80%;
  width: 64rem;
  margin: 0 auto; }

.contenedorTextoCarouselTestimonio {
  height: 12rem;
  margin: 5rem 0;
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    .contenedorTextoCarouselTestimonio {
      height: 9rem; } }

.textoCarouselTestimonio {
  margin: 0 auto;
  font-family: roboto;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 2.1rem;
  max-width: 75%; }

.imagenTestimonios {
  height: 7.2rem;
  width: 7.2rem; }

.nombresCarouselTestimonio {
  margin: 1.5rem 0 3.5rem;
  font-family: New York Extra Large;
  font-size: 1.8rem;
  font-weight: 400; }

.entradaMarginBlog {
  margin-top: 7rem; }

.sectionBlogInicio {
  margin-top: 10rem;
  padding-bottom: 20rem;
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    .sectionBlogInicio {
      padding-bottom: 13rem; } }

.h2Blog {
  margin: 1.5rem 0 2rem 0; }

.contenidoBlog {
  margin-top: 10rem; }

.contenedorBlog {
  max-width: 125rem;
  width: 70%;
  margin: 0 auto; }

.entradaImparBlog {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-gap: 2rem;
  margin-bottom: 15rem; }
  @media (max-width: 768px) {
    .entradaImparBlog {
      grid-template-areas: "imagen"
 "detalle";
      grid-template-columns: 100%;
      margin-bottom: 0rem; } }

@media (max-width: 768px) {
  .detalleImparBlog {
    grid-area: detalle; } }

.h4Blog {
  font-size: 2.3rem;
  color: #3534BE;
  margin-bottom: 2rem;
  text-transform: uppercase; }

.pBlog {
  font-size: 1.8rem; }

.contenedorBotonBlog {
  margin-top: 2rem; }

.contenedorImagenImparBlog {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media (max-width: 768px) {
    .contenedorImagenImparBlog {
      justify-content: center;
      grid-area: imagen; } }

.entradaParBlog {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-gap: 2rem; }
  @media (max-width: 768px) {
    .entradaParBlog {
      display: flex;
      flex-direction: column; } }

.contenedorImagenParBlog {
  display: flex;
  align-items: center; }

.detalleParBlog {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.sectionContacto {
  display: grid;
  grid-template-columns: 50% 50%; }
  @media (max-width: 768px) {
    .sectionContacto {
      display: flex;
      flex-direction: column; } }

.contenedorImagenContacto {
  height: 100%; }
  @media (max-width: 768px) {
    .contenedorImagenContacto {
      display: none; } }

.imagenContacto {
  background-image: url("../assets/Sobre_mi/IMGF 14.jpg");
  background-size: no-repeat;
  height: 85rem;
  background-position: center; }

.imagenContacto {
  min-width: 100%;
  min-height: 100%;
  border: 2px solid #111111; }

.detalleContacto {
  background: #FFFFFF;
  border: 2px solid #111111;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.h4Contacto {
  font-family: New York Extra Large;
  font-size: 2.5rem;
  color: #8BAAFC;
  margin-top: 7.208rem;
  margin-bottom: 5.42rem; }
  @media (max-width: 768px) {
    .h4Contacto {
      margin-top: 3.1rem;
      margin-bottom: 3.5rem; } }

.contenedorParrafosContacto {
  margin-bottom: 5.42rem; }
  @media (max-width: 768px) {
    .contenedorParrafosContacto {
      margin-bottom: 3.4rem; } }

.pContacto {
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 4rem;
  color: #4D4D4D;
  text-align: center; }

.contenedorIconosContacto {
  display: flex;
  gap: 2rem;
  margin-bottom: 6rem; }
  @media (max-width: 768px) {
    .contenedorIconosContacto {
      margin-bottom: 3.3rem; } }

.iconoContacto {
  width: 6rem;
  height: 6rem; }

.sectionPrincipalSobreMi {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url(../assets/Sobre_mi/Imagen_sobre_mi_principal.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 70rem;
  margin-bottom: 7.991rem; }

.sectionProfesoraSobreMi {
  padding-bottom: 30rem;
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    .sectionProfesoraSobreMi {
      padding-bottom: 15rem; } }

.h2ProfesoraSobreMi {
  margin-top: 2.1rem;
  margin-bottom: 7.991rem; }

.presentacionSobreMi {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center; }
  @media (max-width: 768px) {
    .presentacionSobreMi {
      display: flex;
      flex-direction: column; } }

.contenedorImagenPresenctacionSobreMi {
  display: flex;
  justify-content: center;
  padding-left: 6rem; }
  @media (max-width: 768px) {
    .contenedorImagenPresenctacionSobreMi {
      padding: 0 0 2rem 0; } }

.pPresentacionSobreMi {
  padding: 0 12rem; }
  @media (max-width: 1280px) {
    .pPresentacionSobreMi {
      padding: 0 6rem; } }

.sectionTrayectoriaSobreMi {
  position: relative;
  overflow: hidden; }

.h2TrayectoriaSobreMi {
  margin-top: 17.606rem;
  margin-bottom: 2.05rem; }
  @media (max-width: 768px) {
    .h2TrayectoriaSobreMi {
      margin-top: 8rem; } }

.contenedorLineaTrayectoriaSobreMi {
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7rem 0 15rem 0; }
  @media (max-width: 768px) {
    .contenedorLineaTrayectoriaSobreMi {
      padding: 7rem 0; } }

.lineaTrayectoriaSobreMi {
  position: relative; }
  .lineaTrayectoriaSobreMi::before {
    content: '';
    position: absolute;
    height: 100%;
    width: .2rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #3534BE; }

.lineaTrayectoriaSobreMi ul li {
  padding: 0 2rem 2rem 2rem;
  margin-bottom: 5rem;
  width: 50%;
  position: relative; }
  .lineaTrayectoriaSobreMi ul li::after {
    content: '';
    position: absolute;
    height: 3rem;
    width: 3rem;
    background-color: #3534BE;
    border-radius: 50%;
    top: 0; }
  .lineaTrayectoriaSobreMi ul li:hover:after {
    background-color: #242367; }

.lineaTrayectoriaSobreMi ul li:nth-child(odd) {
  float: left;
  clear: right;
  transform: translateX(-3rem); }
  .lineaTrayectoriaSobreMi ul li:nth-child(odd)::after {
    transform: translate(50%, -50%);
    right: -2rem; }

.lineaTrayectoriaSobreMi ul li:nth-child(even) {
  float: right;
  clear: left;
  transform: translateX(3rem); }
  .lineaTrayectoriaSobreMi ul li:nth-child(even)::after {
    transform: translate(-50%, -50%);
    left: -4rem; }

.lineaTrayectoriaSobreMi ul li:last-child {
  margin-bottom: 0rem; }

.entradaLineaTrayectoriaSobreMi {
  font-size: 1.8rem; }

.linkTrayectoriaSobreMi {
  position: absolute;
  height: 3rem;
  width: 3rem;
  background-color: #3534BE;
  border-radius: 50%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  display: flex;
  justify-content: center;
  align-items: center; }

.sectionPrincipal-Servicios.curso-stretching {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url("../assets/servicios/servicios introduccion curso stretching.jpg");
  background-position: 50% 20%; }

.sectionPrincipal-Servicios.danza-clasica {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url("../assets/servicios/servicios introduccion danza clasica.jpg");
  background-position: 50% 50%; }
  @media (max-width: 768px) {
    .sectionPrincipal-Servicios.danza-clasica {
      background-position: 50% 75%; } }

.sectionPrincipal-Servicios.modern-jazz {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url("../assets/servicios/servicios introduccion modern jazz.jpg");
  background-position: 50% 45%; }
  @media (max-width: 1080px) {
    .sectionPrincipal-Servicios.modern-jazz {
      background-position: 70% 45%; } }

.sectionPrincipal-Servicios.pilates {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url("../assets/servicios/servicios introduccion pilates.jpg");
  background-position: 50% 70%; }
  @media (max-width: 1080px) {
    .sectionPrincipal-Servicios.pilates {
      background-position: 70% 50%; } }

.sectionPrincipal-Servicios.stretching {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url("../assets/servicios/servicios introduccion stretching.jpg");
  background-position: 50% 20%; }

.sectionPrincipal-Servicios {
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 70rem;
  margin-bottom: 7.991rem; }

.sectionPresentacionServicios {
  padding-bottom: 15rem; }
  @media (max-width: 768px) {
    .sectionPresentacionServicios {
      padding-bottom: 7rem; } }

.h2sectionPresentacion-Servicios {
  margin-top: 2.05rem;
  margin-bottom: 9.456rem; }

.contenedorDivIcons-sectionPresentacion-Servicios,
.contenedorDivP-sectionPresentacion-Servicios {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  max-width: 90rem; }

.contenedorDivIcons-sectionPresentacion-Servicios {
  margin-bottom: 7rem;
  width: 90%; }

.divIcons-sectionPresentacion-Servicios {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center; }
  @media (max-width: 768px) {
    .divIcons-sectionPresentacion-Servicios {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 5rem; } }

.div-div-sectionPresentacion-Servicios {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2rem; }

.icon-sectionPresentacion-Servicios {
  width: 7.961rem;
  height: 7.961rem; }

.pIcon-sectionPresentacion-Servicios {
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: #3534BE;
  margin-top: 1.844rem;
  text-align: center; }

.divP-sectionPresentacion-Servicios {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center; }
  @media (max-width: 768px) {
    .divP-sectionPresentacion-Servicios {
      display: flex;
      flex-direction: column-reverse;
      gap: 2.5rem; }
      .divP-sectionPresentacion-Servicios div {
        padding: 1rem 3rem 0rem 3rem; } }

.p-sectionPresentacion-Servicios {
  padding-right: 8rem; }
  @media (max-width: 768px) {
    .p-sectionPresentacion-Servicios {
      padding-right: 0rem; } }

.botonServiciosPages {
  margin-top: 3rem; }

.sectionGaleria-Servicios {
  position: relative;
  overflow: hidden; }

.h3-sectionGaleria-Servicios {
  margin-top: 2.05rem; }

.sectionPrincipalBlog {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url("../assets/blog/IMG BLOG.jpg");
  background-position: 50% 60%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 70rem;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 7.991rem; }

.h2SectionPrincipalBlog {
  font-size: 3rem;
  line-height: 3.5rem;
  color: #FAFAFA;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  margin-top: 2.386rem;
  margin-bottom: 4.065rem; }

.sectionArticulosBlog {
  position: relative;
  overflow: hidden;
  padding-bottom: 20rem; }
  @media (max-width: 768px) {
    .sectionArticulosBlog {
      padding-bottom: 15rem; } }

.h2SectionArticulosBlog {
  margin-top: 2.05rem;
  margin-bottom: 7.751rem; }

.contenedorEntradasBlogPages {
  max-width: 90rem;
  width: 80%;
  margin: 0 auto; }

.contenedorContenidoBlogPages {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 3rem;
  border-top: 1px solid grey;
  padding: 2rem 0; }
  @media (max-width: 768px) {
    .contenedorContenidoBlogPages {
      display: flex;
      flex-direction: column;
      align-items: center; } }

.contenedorImagenBlogPages {
  display: flex;
  align-items: center; }

.contenedorDetalleEntadaBlogPages {
  display: flex;
  flex-direction: column; }
  .contenedorDetalleEntadaBlogPages h4 {
    font-size: 2.3rem;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 1.5rem; }
  .contenedorDetalleEntadaBlogPages p {
    font-size: 1.8rem;
    font-weight: 300; }

.contenedorBotonBlogPages {
  justify-self: end; }

.sectionPrincipalArticulo {
  background-image: url("../assets/articulos_blog/articulo1final.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 70rem; }
  @media (max-width: 768px) {
    .sectionPrincipalArticulo {
      background-position: 75% 25%; } }

.sectionArticuloArticulo {
  margin: 8rem 0; }

.contenedorArticulo {
  margin: 0 auto;
  width: 80%; }

.h2sectionArticuloArticulo {
  font-weight: 500;
  font-size: 3rem;
  line-height: 3.5rem;
  color: #242367;
  margin-bottom: 2.727rem;
  text-align: left; }

.h4-sectionArticulo-Articulo {
  font-size: 2.3rem;
  line-height: 2.7rem;
  color: #4D4D4D;
  margin-bottom: 5rem;
  text-align: left; }

.p-sectionArticulo-Articulo {
  margin-bottom: 2rem; }

.h2-sectionOtrosArticulos-Articulo {
  margin-top: 2.05rem;
  margin-bottom: 10.875rem; }

.div-sectionOtrosArticulos-Articulo {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly; }

.card-img-top {
  height: 23.927rem;
  width: 35.899rem;
  margin-bottom: 3.112rem; }

.card {
  width: 35.899rem;
  margin-bottom: 27.261rem;
  background-color: #E5E5E5;
  border: none; }

.p-sectionOtrosArticulos-Articulo {
  margin-bottom: 4rem; }

.sectionPrincipalPreguntasFrecuentes {
  background-image: linear-gradient(rgba(53, 52, 190, 0.35), rgba(53, 52, 190, 0.35)), url("../assets/Preg_frecuentes/preguntas introduccion.jpg");
  background-position: 50% 25%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 70rem;
  margin-bottom: 7.991rem; }
  @media (max-width: 768px) {
    .sectionPrincipalPreguntasFrecuentes {
      background-position: top; } }

.contenidoPreguntasFrecuentes {
  padding-bottom: 23rem;
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    .contenidoPreguntasFrecuentes {
      padding-bottom: 14rem; } }

.h2sectionPreguntasPreguntasFrecuentes {
  margin-top: 2.05rem;
  margin-bottom: 14.252rem; }
  @media (max-width: 768px) {
    .h2sectionPreguntasPreguntasFrecuentes {
      margin-bottom: 7rem; } }

.contendorListaPreguntasFrecuentes {
  margin: 0 auto;
  max-width: 92rem;
  width: 90%; }

.accordion-body {
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: #4D4D4D; }

.footer {
  background-color: #3534BE; }

.navFooter {
  width: 96%;
  margin: 0 auto;
  display: grid;
  grid-template-areas: "logo inicio sobre servicios blog preguntas contacto"
 "detalle . . . . . redes"
 ". copy copy copy copy copy .";
  grid-template-columns: 16% repeat(6, 14%);
  grid-template-rows: 40% 40% 20%; }
  @media (max-width: 768px) {
    .navFooter {
      grid-template-areas: "logo redes"
 "detalle redes"
 "inicio blog"
 "sobre preguntas"
 "servicios contacto"
 "copy copy";
      grid-template-columns: 50% 50%;
      grid-template-rows: repeat(2, 20%) repeat(3, 14%) 18%; } }

.contenedorLogoFooter,
.inicioNavFooter,
.sobreNavFooter,
.serviciosNavFooter,
.blogNavFooter,
.preguntasNavFooter,
.contactoNavFooter,
.contenedorDetalleFooter,
.contenedorRedesFooter {
  display: flex;
  justify-content: center;
  align-items: center; }

.contenedorLogoFooter,
.inicioNavFooter,
.sobreNavFooter,
.serviciosNavFooter,
.blogNavFooter,
.preguntasNavFooter,
.contactoNavFooter {
  margin: 3rem 0 1.5rem 0;
  padding-top: 1rem; }

.contenedorLogoFooter {
  grid-area: logo; }

.logoFooter {
  width: 12rem;
  height: 4rem; }

.inicioNavFooter {
  grid-area: inicio; }

.sobreNavFooter {
  grid-area: sobre; }

.serviciosNavFooter {
  grid-area: servicios; }

.contenedorDropdownFooter {
  position: absolute;
  left: 25%;
  transform: translateX(-25%); }
  @media (max-width: 768px) {
    .contenedorDropdownFooter {
      top: 0;
      left: auto;
      transform: none;
      min-width: 200%; } }

.blogNavFooter {
  grid-area: blog; }

.preguntasNavFooter {
  grid-area: preguntas; }

.contactoNavFooter {
  grid-area: contacto; }

.textoNavFooter {
  font-size: 1.8rem;
  text-align: center; }

.contenedorDetalleFooter {
  grid-area: detalle; }

.pDetalleFooter {
  font-size: 1.4rem;
  text-align: center; }

.contenedorRedesFooter {
  grid-area: redes; }

.redesFooter {
  display: flex;
  flex-direction: column;
  gap: .8rem; }

.itemRedesFooter {
  display: flex;
  gap: .5rem;
  align-items: center; }

.pRedesFooter {
  margin-bottom: 0;
  font-size: 1.4rem; }
  @media (max-width: 1210px) {
    .pRedesFooter {
      font-size: 1.5rem; } }
  @media (max-width: 1065px) {
    .pRedesFooter {
      font-size: 1.2rem; } }
  @media (max-width: 800px) {
    .pRedesFooter {
      font-size: 1.1rem; } }
  @media (max-width: 768px) {
    .pRedesFooter {
      font-size: 1.6rem; } }

.sizeIconInstagram {
  width: 2rem;
  height: 2rem; }
  @media (max-width: 1210px) {
    .sizeIconInstagram {
      width: 1.8rem;
      height: 1.8rem; } }
  @media (max-width: 1065px) {
    .sizeIconInstagram {
      width: 1.6rem;
      height: 1.6rem; } }
  @media (max-width: 768px) {
    .sizeIconInstagram {
      width: 2rem;
      height: 2rem; } }

.sizeIconWhatsapp {
  width: 2.4rem;
  height: 2.4rem; }
  @media (max-width: 1210px) {
    .sizeIconWhatsapp {
      width: 2.2rem;
      height: 2.2rem; } }
  @media (max-width: 1065px) {
    .sizeIconWhatsapp {
      width: 2rem;
      height: 2rem; } }
  @media (max-width: 768px) {
    .sizeIconWhatsapp {
      width: 2.4rem;
      height: 2.4rem; } }

.sizeIconMail {
  width: 2rem;
  height: 2rem; }
  @media (max-width: 1210px) {
    .sizeIconMail {
      width: 1.8rem;
      height: 1.8rem; } }
  @media (max-width: 1065px) {
    .sizeIconMail {
      width: 1.6rem;
      height: 1.6rem; } }
  @media (max-width: 768px) {
    .sizeIconMail {
      width: 2rem;
      height: 2rem; } }

.contenedorCopyFooter {
  grid-area: copy;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem; }
  @media (max-width: 768px) {
    .contenedorCopyFooter {
      margin-top: 3rem; } }
  @media (max-width: 768px) {
    .contenedorCopyFooter img {
      width: 2rem;
      height: 2.1rem; } }

.pCopyFooter {
  font-family: 'Inter';
  margin-bottom: 0;
  font-size: 1.8rem; }
  @media (max-width: 768px) {
    .pCopyFooter {
      font-size: 1.3rem; } }

.colorLetrasFooter {
  color: #FAFAFA !important; }

.liFooter {
  list-style-type: none; }
  .liFooter a {
    font-weight: 500;
    /*font-size: 1.6rem;
        line-height: 1.9rem;*/ }