.introTitles{
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
  font-size:33px;
  line-height:43px;
}

.introTexto{
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:15px;
  line-height:22px;
}      

.intro{
  display:flex;
  width:100%;
  padding:96px 20px;
  justify-content:center;
}

.introContainer{
  display:flex;
  width:100%;
  justify-content:space-between;
  gap:35px;
  max-width:1212px;
}

.introFoto{
  display:flex;
  width:580px;
  height:385px;
  background-color:black;
  flex-shrink:0;
  border-radius:13px;
}

.introFoto img{
  width:100%;
  object-fit:cover;
  object-position:center;
  border-radius:13px;
}

.introTextual{
  display:flex;
  flex-direction:column;
  gap:28px;
  width:100%;
  max-width:542px;
  justify-content:center;
}

.introBotones{
  display:flex;
  gap:34px;
}

a.introTextualBoton{
  all:unset;
  position:relative;
  cursor:pointer;
  padding:14px 19px;
  background-color:#801B23;
  text-align:center;
  border-radius:13px;
  color:white;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size:15px;
  line-height:12.7px;
  letter-spacing:0.02em;
  transition:all 0.20s ease;
}

a.introTextualBoton:hover,
a.introTextualBoton2:hover{
  transform:translateY(-8px);
}

a.introTextualBoton2{
  all:unset;
  display:flex;
  width:fit-content;
  flex-direction:column;
  cursor:pointer;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size:15px;
  line-height:12.7px;
  letter-spacing:0.02em;
  transition:all 0.20s ease;
}

.introTextualContacto{
  padding:13px 8px 11px 8px;
  color:#A19C9C;
}

.introTextualLine{
  width:100%;
  height:1.5px;
  background-color:#A19C9C;
}

  span{
    font-size: 60px;
  }

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

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

  .introContainer{
    gap:25px;
  }

  .introFoto{
    width:480px;
    height:320px;
    overflow:hidden;
  }

  .introTextual{
    max-width:500px;
  }

  .introBotones{
    gap:28px;
  }
}

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

  .introFoto{
    width:100%;
    max-width:500px;
    height:300px;
  }

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

  .introBotones{
    align-items:center;
    gap:18px;
  }
}

/* Móviles (hasta 480px) — AHORA SÍ BAJAN TAMAÑOS */
/* Móviles (hasta 480px) — AJUSTE DE TAMAÑOS MÁS LEGIBLES */
@media (max-width: 600px) {
  .intro{
    padding:60px 20px;
  }

.introTextual{
  gap: 16px;
}

  .introFoto{
    height:330px;
  }

  .introTitles{
    font-size:24px;   /* antes 20px */
    line-height:32px; /* antes 28px */
  }

  .introTexto{
    font-size:14px;   /* antes 12.5px */
    line-height:21px; /* antes 19px */
  }

  a.introTextualBoton,
  a.introTextualBoton2{
    font-size:14px;   /* antes 12.5px */
    padding:11px 15px;
  }

  a.introTextualBoton2 {
    border:1px solid grey;
    border-radius:13px;
  }

  .introTextualLine{
    display: none;
  }

  .introTextualContacto{
    padding: 0;
  }

  .introBotones{
    padding-top: 9px;
    gap:10px;
    flex-direction:column;
  }

  span{
    font-size: 43px;
  }
}