.misvisTitles{
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
  font-size:32px;
  line-height:43px;
  color:#4B4B4B;
}

.misvisTexto{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:15px;
  line-height:22px;
  color:#4B4B4B;
}      

.misvis{
  display:flex;
  width:100%;
  justify-content:center;
  padding:0 40px 123px 40px;
}

.misvisContainer{
  display:flex;
  width:100%;
  max-width:1203px;
  flex-direction:column;
  gap:71px;
  justify-content:center;
  align-items:center;
}

.misvisTitular{
  display:flex;
  width:100%;
  max-width:843px;
  flex-direction:column;
  gap:25px;
  text-align:center;
}

.misvisConceptos{
  display:flex;
  width:100%;
  gap:30px;
  justify-content:space-between;
}

.misvisMision{
  display:flex;
  width:100%;
  max-width:563px;
  flex-direction:column;
  transition:all 0.25s ease;
}

.misvisMision:hover{
  transform:scale(1.025);
}

.misvisFotoSpace{
  display:flex;
  width:100%;
  height:303px;
  border-radius:12px;
}

.misvisFotoSpace img{
  width:100%;
  object-fit:cover;
  object-position:top;
  border-radius: 12px;
}

.misvisLine{
  display:flex;
  width:100%;
  height:1px; 
  background-color:#C1C1C1;
  margin-top:42px;
  margin-bottom:42px;
}

.misvisTituloCaja{
  font-size:23px;
  line-height:23px;
}

.misvisParrafo{
  padding-top:27px;
  font-size:15px;
  line-height:22px;
}

/* ──────────────── MEDIA QUERIES ──────────────── */

/* Tablets grandes y medianas (hasta 1024px) — SIN CAMBIO DE FUENTES */
@media (max-width: 1024px) {
  .misvis{
    padding:0 30px 100px 30px;
  }

  .misvisContainer{
    gap:60px;
  }

  .misvisConceptos{
    gap:25px;
  }

}

/* Tablets pequeñas o móviles grandes (hasta 1000px) — SOLO CAMBIA DISTRIBUCIÓN */
@media (max-width: 800px) {
  .misvisConceptos{
    flex-direction:column;
    align-items:center;
    gap:45px;
  }

  .misvisMision{
    max-width:90%;
    align-items: center;
    text-align: center;
  }

  .misvisFotoSpace{
    max-width: 600px;
    height:300px;
  }

  .misvisLine{
    margin: 25px 0;
  }

    .misvisParrafo{
    padding-top: 16px;
  }

}

/* Móviles (hasta 600px) — AJUSTE DE TAMAÑOS MÁS LEGIBLES */
@media (max-width: 600px) {
  .misvis{
    padding:0 20px 70px 20px;
  }

  .misvisContainer{
    gap:45px;
  }

  .misvisTitles{
    font-size:24px;
    line-height:32px;
  }

  .misvisTexto{
    font-size:14px;
    line-height:21px;
  }

  .misvisTituloCaja{
    font-size:18px;
    line-height:22px;
  }

  .misvisParrafo{
    font-size:14px;
    line-height:21px;
    padding-top:18px;
  }

  .misvisFotoSpace{
    height:210px;
  }

  .misvisLine{
    margin-top:30px;
    margin-bottom:30px;
  }


}