/*--------------------------------------------------------------
 * Bloque · Creación Artística (imagen + cita)
 *-------------------------------------------------------------*/
.cr-bloque{
  padding:4rem 2rem;
}
.cr-container{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:2.5rem;
  flex-wrap:wrap;
}

/* Imagen */
.cr-img{
  flex:1 1 40%;
}
.cr-img img{
  width:100%;
  height:auto;
  border-radius:4px;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
}

/* Cita */
.cr-cita{
  flex:1 1 50%;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.25rem,2.6vw,1.6rem);
  font-style:italic;
  line-height:1.6;
  text-align:center;
  color:#333;
}

/* Responsive: stack vertical */
@media(max-width:768px){
  .cr-container{flex-direction:column;}
  .cr-img, .cr-cita{flex:1 1 100%;}
  .cr-cita{font-size:clamp(1.1rem,4vw,1.35rem);}
}