/* ===== Base sin tocar tu estilo ===== */
*{ margin:0; padding:0; box-sizing:border-box; }

main{
  width:100%;
  min-height:100svh; /* evita bugs de barra en mobile */
  margin:0 auto;
  font-family:"Raleway", sans-serif;
}

/* ===== Layout: MOBILE primero (apilado) ===== */
.chaja__container{
  width:100%;
  display:flex;
  flex-direction:column;    /* apila en mobile */
  color:white;
}

/* Columnas */
.chaja__izq{
  width:100%;
  min-height:50svh;
  background-color:#879e93;
}

.chaja__der{
  width:100%;
  min-height:50svh;
  background-color:#334c40;
}

/* Título y texto */
.chaja__titulo{
  width:100%;
  min-height:60svh;         /* en mobile centra bien */
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  padding:1.5rem;
  text-align:center;
}

/* Ojo: cambié 85vb por svh para compatibilidad */
.chaja__titulo span{
  font-size:clamp(2rem, 6vw, 6rem);
  font-family:"Tenor Sans", sans-serif;
  font-weight:400;
}
.chaja__titulo p{
  text-align:center;
  line-height:1.6;
  margin-bottom:20px;
  padding:0 1rem;
}

/* Footer izquierdo con logos */
.chaja__footer_izq {
  width:100%;
  min-height:15svh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:1rem 0;
  text-align: center;
}

.chaja__footer_der{
    width:100%;
  min-height:15svh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:1rem 0;
}

.chaja__logos{
  width:min(90%, 960px);
  display:flex;
  flex-wrap:wrap;
  justify-content:center;   /* centrado estable */
  align-items:center;
  gap:10px;                 /* espacio parejo entre logos */
  margin:auto;
}
.chaja__logos img{
  height:20px;
  width:auto;
}
.chaja__logos img:nth-child(3){
  height:58px;              /* tu override del chaja */
}

/* ===== BREAKPOINT: ESCRITORIO (dos columnas al 50%) ===== */
@media (min-width: 1024px){
  .chaja__container{
    flex-direction:row;     /* vuelve a dos columnas */
  }
  .chaja__izq,
  .chaja__der{
    width:50%;
    height:100svh;          /* pantalla completa en desktop */
  }
  .chaja__titulo{
    min-height:85svh;       /* equivalente a tu 85vh original */
    padding:2rem;
  }
  .chaja__logos{
    width:70%;              /* respeta tu valor original en desktop */
    gap:24px;
  }
  /* Centrar el footer izquierdo en mobile de verdad */
.chaja__footer_izq{
  display: grid;           /* más robusto que flex para centrar el bloque */
  place-items: center;     /* centra en ambos ejes */
  padding-block: 1rem;
  text-align: center;
}

}