.tecTitles{
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
  font-size:35px;
  font-style: normal;
  line-height:39px;
  text-align:center;
}

/* <weight>: Use a value from 100 to 900*/

.tecTexto{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:15px;
  line-height:22px;
  text-align:center;
  z-index: 4;
}      
           
      
      .tec{
        display:flex;
        width:100%;
        padding:83px 20px 111px 20px;
        gap: 79px;
        /*background-color:beige;*/
        align-items:center;
        flex-direction:column;
        overflow-x: hidden ;
      }
      
      .tecTextual{
        display:flex;
        width:100%;
        max-width: 822px;
       /*background-color:lightblue;*/
        gap:29px;
        align-items:center;
        flex-direction:column;
      }
      
      .tecTextualBotones{
        display:flex;
        gap:37px;
        /*background-color:lavender;*/
      }
      
a.tecTextualBoton{
  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-style: normal;
  font-size: 15px;
  line-height: 12.7px;
  letter-spacing: 0.02em;
  transition: all 0.20s ease;
}

a.tecTextualBoton:hover,
a.tecTextualBoton2:hover{
  transform: translateY(-8px);
}

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

.tecTextualContacto{
  padding: 14px 8px 11px 8px;
  color: #A19C9C;
}

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

      .tecEstudios{
        display:flex;
        width:100%;
        max-width:1301px;
        flex-wrap:wrap;
        row-gap:19px;
        column-gap:17px;
        /*background-color:red;*/
        justify-content:center;
      }
      
      .tecCard{
        display:flex;
        position:relative;
        width:310px;
        height:295px;
        padding: 41px 34px;
        position:relative;
        /*background-color:pink;*/
        border-radius:15px;
        align-items:flex-end;
        transition:all 0.25s ease;
      }
      
      .tecCard:hover{
        transform:scale(1.04);
      }
      
      .tecCardTexto{
        display:flex;
        width:100%;
        /*background-color:beige;*/
        text-align:left;
      }
      
      .tecCard .tecTexto{
        font-size:17px;
        line-height:21px;
        color:white;
      }
      
      .tecCardFondo{
        display:flex;
        position:absolute;
        border-radius:15px;
        top:0;
        left:0;
        z-index:1;
        width:100%;
        height:100%;
        background-color:grey;
      }
      
      .tecCardFondo img{
        width:100%;
        border-radius:15px;
        object-position:center;
        object-fit:cover;
      }




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

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

  .tecTextual{
    max-width:700px;
  }

  .tecEstudios{
    gap:20px;
  }

  .tecCard{
    width: 230px;
  }
}

/* Tablets pequeñas o móviles grandes (hasta 1000px) — SOLO CAMBIA DISTRIBUCIÓN */
@media (max-width: 1000px) {
  .tec{
    padding:70px 25px 90px 25px;
  }

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

  .tecTextualBotones{
    align-items:center;
    gap:25px;
  }

  .tecEstudios{
    justify-content:center;
    gap:25px;
  }
}

/* Móviles (hasta 600px) — AHORA SÍ BAJAN TAMAÑOS */
@media (max-width: 600px) {
  .tec{
    padding:60px 20px 70px 20px;
    gap:50px;
  }

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

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

  /* === BOTONES === */
  a.tecTextualBoton,
  a.tecTextualBoton2{
    font-size:14px;
    padding:11px 15px;
  }

  a.tecTextualBoton2{
    border:1px solid #A19C9C;
    border-radius:13px;
  }

  .tecTextualLine{
    display:none;
  }

  .tecTextualContacto{
    padding:0;
  }

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

  /* === CARDS === */
  .tecEstudios{
    flex-direction:column;
    align-items:center;
    gap:20px;
  }

  .tecCard{
    width:100%;
    max-width:300px;
    height:140px;
    padding:35px 25px;
  }

  .tecCard .tecTexto{
    font-size:15px;
    line-height:20px;
  }

  .tecTextual{
    gap: 15px;
  }
}