/*--------------------------------------------------------------
 * Bloque · Propósito (imagen + texto centrado)
 *-------------------------------------------------------------*/
.pp-block{
  position:relative;
  width:100%;
  min-height:55vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3rem 1rem;
  background-size:cover;
  background-position:center;
  overflow:hidden;
  isolation:isolate;
}

.pp-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.10);      /* oscurece para legibilidad */
  z-index:1;
}

.pp-frase{
  position:relative;
  z-index:2;
  max-width:1000px;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.4rem,3vw,2.1rem);
  font-weight:600;
  line-height:1.45;
  color:#fff;
  text-align:center;
  padding:0 1rem;
  text-shadow:0 3px 8px rgba(0,0,0,.45);
}

/* Responsive menor altura */
@media(max-width:768px){
  .pp-block{min-height:50vh;}
  .pp-frase{font-size:clamp(1.2rem,4vw,1.6rem);}
}