/*--------------------------------------------------------------
 * Hero-Arte – versión refinada
 *-------------------------------------------------------------*/
.ha-hero{
  position:relative;
  width:100%;
  min-height:70vh;                 /* mayor presencia */
  display:flex;
  align-items:center;
  justify-content:center;
  background-size:cover;
  background-position:center;
  overflow:hidden;
  isolation:isolate;
}

.ha-overlay{                       /* oscurece ligeramente todo */
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.10);
  z-index:1;
}

.ha-inner{                         /* centra vertical y da aire */
  position:relative;
  z-index:2;
  padding:2rem 1rem 3rem;
  max-width:960px;
  width:90%;
  text-align:center;
}

.ha-logo img{
  width:100%;
  max-width:500px;                /* más pequeño */
  height:auto;
  margin-inline:auto;
}

.ha-frase{
  margin-top:2rem;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.25rem,2.8vw,1.6rem);
  font-weight:600;
  line-height:1.55;
  color:#fff;                      /* blanco puro */
  text-shadow:0 2px 6px rgba(0,0,0,.10);
}

/*   Desktop wide: logo un poco mayor   */
@media(min-width:1400px){
  .ha-logo img{ max-width:560px; }
}

/*   Mobile: aumenta overlay y aire     */
@media(max-width:768px){
  .ha-hero{ min-height:65vh; }
  .ha-overlay{ background:rgba(0,0,0,.10); }
  .ha-frase{ font-size:clamp(1.1rem,4vw,1.35rem); }
}