.eslogan{
  font-size: 30px;
  text-align: center;
}

.seccion-1,
.seccion-2,
.seccion-3,
.seccion-4{
    margin-left: 30px;
    margin-right: 30px
}
.seccion-5 img{
    width: 100%;
}

h1.titulo{
    color: var(--color-azul);
    text-align: center;
    font-style: normal;
    font-size: 50px ;
  }

  h2.subtitulo{
    color: var(--color-negro);
    font-size: 40px;
  }

  p.descripcion{
    color: var(--color-texto);
    font-size: 30px;
    text-align: center;
  }

  .contenedor-2-columnas {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas de igual ancho */
    gap: 20px; /* Espacio entre columnas */
    align-items: center;
    margin-bottom: 50px;
  }

/*SLIDER Testimonios*/
.testimonios {
  background:  url('../img/conocenos-img5.png') no-repeat center  ;
  background-size: cover;
  text-align: center;
  padding: 60px 20px;
  position: relative;
  font-family: sans-serif;
  height: auto;
  min-height: 700px;
}

.testimonios h4 {
  font-weight: normal;
  color: #444;
  margin-bottom: 10px;
}

.testimonios h2 {
  font-size: 2em;
  margin-bottom: 40px;
}

.slider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.imagen-testimonio{
    width: 150px;            /* Tamaño fijo del círculo */
    height: 150px;
    border-radius: 50%;      /* Hace la forma circular */
    overflow: hidden;        /* 🔥 Recorta todo lo que se salga */
    position: relative;
    display: inline-block;
}

.testimonial-activo {
  max-width: 600px;
  padding: 0 20px;
  opacity: 0;
  transition: opacity 0.6s ease;
  position: absolute;
  pointer-events: none;
}

.testimonial-activo.activo {
  opacity: 1;
  position: relative;
  pointer-events: auto;
}



/*Esta es la foto del testimonio activo*/
.avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Asegura que la imagen rellene sin deformar */
  object-position: center top; /* Ajusta si el rostro está arriba */
  transform: scale(1.7);   /* 🔍 Zoom hacia el rostro */
  
}

.texto-testimonio {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 20px;
}

.nombre, .ubicacion, .modalidad {
  margin: 2px 0;
  color: #444;
}

.modalidad {
  font-weight: bold;
}

.btn-prev, .btn-next {
  background: none;
  border: 2px solid #222;
  font-size: 1.5em;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 20px;
  transition: background 0.3s;
}

.btn-prev:hover, .btn-next:hover {
  background: #222;
  color: white;
}


/*FIN SLIDER*/

/* Inversión en filas pares */
@media (min-width: 768px) {
  .fila:nth-child(odd) {
    direction: rtl; /* Invierte el orden visual de columnas */
  }
  /* Asegura que el contenido interno mantenga dirección normal */
  .fila:nth-child(odd) * {
    direction: ltr; /* Corrige el contenido interno */
    unicode-bidi: normal;
  }
}


  /* Versión responsive (se apilan en móviles) */
@media (max-width: 768px) {
    .contenedor-2-columnas {
      grid-template-columns: 1fr;
      width: 100%;
      max-width: 100%;
    }

    .eslogan{
      font-size: 10px;
    }
    h1.titulo{
      font-size: 40px ;
    }

    h2{
      font-size: 2.5em;
    }

    img{
      width: 100%;
    }

    p.descripcion{
      font-size: 20px;
      margin:auto;
      width: 100%;
    }

    .seccion-1,
    .seccion-2,
    .seccion-3,
    .seccion-4{
        margin-left: 0px;
    }

    .seccion-1{
        text-align: center;
    }

    .texto-testimonio {
      font-size: 12px;
    }
    .btn-next, .btn-prev{
      display: none;
    }
    
  }