/* V95 · Stability, responsive typography, image/layout polish */
html, body, body *{
  -webkit-hyphens:none !important;
  hyphens:none !important;
  word-break:normal;
}

/* Prevent syllable splitting in Maison del Autor and all localized copy. */
#personalizacion,
#personalizacion *,
.bespoke-section,
.bespoke-section *,
.private-journey,
.private-journey *{
  -webkit-hyphens:none !important;
  hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* Vegas de Basilé: the three paragraphs use one consistent reading size. */
#vegas-basile .vegas-copy p,
#vegas-basile .vegas-copy p.lead{
  font-size:clamp(1.02rem,1.35vw,1.14rem) !important;
  line-height:1.78 !important;
  font-weight:400 !important;
  margin-top:16px !important;
}

/* Process copy: slightly larger and easier to read. */
#proceso .pane p{
  font-size:clamp(1.04rem,1.25vw,1.12rem) !important;
  line-height:1.76 !important;
}

/* Live experience image: stable aspect ratio and natural crop. */
#experiencia .experience-photo{
  aspect-ratio:4 / 5;
  min-height:0 !important;
}
#experiencia .experience-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 40% !important;
}

/* Images never exceed their containers. */
img{max-width:100%;}
.personal-carousel-slide,.pane-photo,.gallery-thumb,.process-stage-image{display:block;}

/* Sensory profile: buttons and right-side content remain synchronized and aligned. */
.sensory-metrics .metric-chip{min-width:0;justify-content:center;}
.sensory-stage-title,.sensory-stage-text{transition:opacity .18s ease;}

/* Fix legacy background path/loading by defining the background here with the correct root-relative asset. */
#historia-legado{
  background-image:linear-gradient(180deg,rgba(248,241,233,.96),rgba(248,241,233,.98)),url('../images/image-001.webp') !important;
}

@media(max-width:1050px){
  .experience-grid{grid-template-columns:1fr !important;gap:28px !important;}
  #experiencia .experience-photo{width:min(100%,720px);margin-inline:auto;aspect-ratio:4/3;}
  .sensory-luxury{grid-template-columns:1fr !important;gap:24px !important;}
  #personalizacion .personal-carousel-viewport{min-height:520px !important;}
}

@media(max-width:760px){
  html,body{overflow-x:hidden;}
  .wrap{width:min(100% - 28px,1240px) !important;}
  .pad{padding:62px 0 !important;}

  /* Header remains aligned and scrollable on narrow screens. */
  .nav{
    width:min(100% - 24px,1240px) !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
  }
  .links{padding-bottom:5px !important;}
  .links a{font-size:8.5px !important;letter-spacing:.10em !important;}

  #origen .origin-grid{padding:8vh 0 7vh !important;}
  #origen .origin-copy h1{font-size:clamp(3rem,15vw,4.7rem) !important;}
  #origen .hero-lines{font-size:1rem !important;line-height:1.58 !important;}

  #vegas-basile .vegas-copy{padding:24px 20px !important;border-radius:22px !important;}
  #vegas-basile .vegas-copy p,
  #vegas-basile .vegas-copy p.lead{font-size:1rem !important;line-height:1.72 !important;}

  #proceso .process-tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #proceso .process-btn{padding:13px 12px !important;font-size:12px !important;text-align:center !important;}
  #proceso .pane-photo{height:auto !important;min-height:0 !important;aspect-ratio:4/3 !important;}
  #proceso .pane p{font-size:1rem !important;line-height:1.72 !important;padding-left:20px !important;padding-right:20px !important;}

  .sensory-metrics{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
  .sensory-metrics .metric-chip{width:100% !important;padding:11px 10px !important;}
  .sensory-stage{padding:22px 18px !important;}
  .sensory-notes{grid-template-columns:1fr !important;}

  #personalizacion .personal-copy-block p,
  #bespoke .bespoke-item p,
  #confidencialidad p,
  #proceso-privado p{
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  #personalizacion .personal-carousel-viewport{min-height:390px !important;border-radius:22px !important;}
  #personalizacion .personal-carousel-slide{object-position:center center !important;}
  #personalizacion .personal-carousel-meta{display:grid !important;grid-template-columns:1fr auto !important;gap:10px !important;align-items:center !important;}

  .process-stage-display{padding:26px 20px 22px !important;}
  .process-stage-nav{grid-template-columns:1fr !important;gap:10px !important;}
  .process-step-card{min-width:0 !important;}
  .process-stage-text{font-size:1rem !important;line-height:1.68 !important;}

  #experiencia .experience-photo{aspect-ratio:4/5;width:100%;}
  #experiencia .experience-copy{text-align:left;}

  #galeria .gallery{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #galeria .gallery figure{min-height:0 !important;aspect-ratio:4/5;}
  .gallery-caption{min-width:0;}
}

@media(max-width:480px){
  .wrap{width:calc(100% - 22px) !important;}
  h2{font-size:clamp(2rem,10vw,2.7rem) !important;}
  .sensory-metrics{grid-template-columns:1fr 1fr !important;}
  #galeria .gallery{grid-template-columns:1fr !important;}
  #galeria .gallery figure{aspect-ratio:4/3;}
  #personalizacion .personal-carousel-viewport{min-height:320px !important;}
}