/*--------------------------------------------------------------
 * Bloque · Trabajo Individual
 *-------------------------------------------------------------*/
.ti-individual{
  padding:4rem 2rem;
}
.ti-container{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  gap:2rem;
  flex-wrap:wrap;
}

/* --- Columna texto ------ */
.ti-left{
  flex:1 1 45%;
  font-family:'Karla',sans-serif;
}
.ti-title{
  font-family:'Playfair Display',serif;
  font-size:2rem;
  margin-bottom:1.25rem;
}
.ti-intro p{
  font-size:1.125rem;
  line-height:1.7;
}

/* --- Columna ítems ------ */
.ti-right{
  flex:1 1 50%;
  background:#5e7c99;
  padding:2.5rem 2rem;
  border-radius:6px;
  color:#fff;
}
.ti-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:2rem;
}
.ti-item{
  display:flex;
  align-items:flex-start;
  gap:1rem;
}
.ti-icon img{
  width:28px;
  height:auto;
  flex-shrink:0;
}

/* Bloque central de 3 líneas a la izquierda */
.ti-texto{
  flex-shrink:0;
  min-width:150px;
}
.ti-prefijo{
  display:block;
  font-family:'Karla',sans-serif;
  font-size:.8rem;
  text-transform:uppercase;
  opacity:.8;
  letter-spacing:.05em;
}
.ti-titulo{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:1.4rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.ti-sub{
  display:block;
  font-size:.85rem;
  font-family:'Karla',sans-serif;
  opacity:.9;
  margin-top:-2px;
}
.ti-desc{
  flex:1 1 auto;
  font-size:.95rem;
  line-height:1.5;
  margin:0;
  opacity:.95;
}

/* Responsive */
@media(max-width:768px){
  .ti-container{flex-direction:column;}
  .ti-right{padding:2rem 1.5rem;}
  .ti-title{font-size:1.7rem;}
}