/* Etrusca Biz V5 — ajustes de respiración visual, fondos más ligeros y nuevas imágenes */
:root{
  --paper:#fffdf9;
  --paper-soft:#fbf8f2;
  --cream-white:#fdfaf5;
}

body{background:linear-gradient(180deg,#f8f4ec 0%,#fbf8f2 30%,#f8f4ec 100%)}
.section{position:relative}

/* Toques más claros en algunos fondos */
.stages-section{
  background:linear-gradient(180deg,#fbf8f3 0%, #f7f1e8 100%);
}
.stages-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:74px;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));
  pointer-events:none;
}
.pieces-section,
.branches-section--compact,
.faq-section{
  background:var(--paper);
}
.moments-section{
  background:linear-gradient(180deg,#fffdf8 0%, #fbf8f2 100%);
}
.moments-section::before{
  content:"";
  position:absolute;
  inset:28px 28px auto auto;
  width:min(280px,24vw);
  height:96px;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));
  border-radius:999px;
  filter:blur(4px);
  pointer-events:none;
}

/* Mejor integración entre proceso y CTA */
.process-section{
  background:linear-gradient(180deg,#fffdf8 0%, #f3ece3 100%);
  padding-top:74px;
  padding-bottom:82px;
}
.process-section::after{
  content:"";
  position:absolute;
  inset:auto 7% 12px auto;
  width:250px;
  height:78px;
  background:radial-gradient(circle at center, rgba(255,255,255,.7), rgba(255,255,255,0) 70%);
  pointer-events:none;
}
.process-paper{
  right:18px;
  bottom:-26px;
  transform:rotate(4deg);
  padding:16px 21px;
  font-size:16px;
}
.process-wave{
  height:34px;
  color:var(--cream);
}
.cta-section{
  padding-top:8px;
  padding-bottom:42px;
  background:var(--cream);
}
.cta-panel{box-shadow:0 24px 46px rgba(48,35,18,.12)}

/* Nuevas imágenes */
.stage-card:first-child .stage-img img{object-position:center 58%}
.experience-photo--one img{object-position:center 55%}
.experience-photo--two img{object-position:center 40%}
.moment--detail img{object-position:center 53%}
.moment--brand img{object-position:center 55%}

/* Respiración general y texto */
.section-top p:not(.eyebrow),
.pieces-copy p,
.moments-heading>p,
.branches-intro p,
.faq-intro p,
.cta-content p,
.step p,
.story-card p,
.faq-list p{
  font-size:16px;
}
.hero-lead{font-size:17px}
.stage-body p{font-size:13px}
.branches-disclaimer,
.moments-footnote{font-size:12px}

/* Compactar y suavizar sucursales */
.branches-section--compact{padding:58px 0 72px}
.branches-layout{align-items:start}
.branches-panel{background:#fffefb;border:1px solid #ede3d3;box-shadow:0 12px 30px rgba(57,42,21,.06)}

/* Un poquito más de vida visual */
.pieces-section::before,
.branches-section--compact::after{
  content:"";
  position:absolute;
  width:160px;height:160px;
  border-radius:44% 56% 61% 39% / 54% 41% 59% 46%;
  background:rgba(255,255,255,.55);
  pointer-events:none;
  filter:blur(1px);
}
.pieces-section::before{left:-56px;top:60px}
.branches-section--compact::after{right:-55px;bottom:30px}

@media (max-width:760px){
  .process-section{padding-bottom:70px}
  .process-paper{right:12px;bottom:-18px;font-size:13px;padding:13px 16px}
  .hero-lead{font-size:15px}
  .section-top p:not(.eyebrow),
  .pieces-copy p,
  .moments-heading>p,
  .branches-intro p,
  .faq-intro p,
  .cta-content p,
  .step p,
  .story-card p,
  .faq-list p{font-size:15px}
}

@media (max-width:430px){
  .process-paper{display:none}
  .stages-section::before{height:50px}
}