/* SABBIOS · editorial real-photo experience (scoped, additive) */
:root { --gallery-coral:#ff484b; --gallery-navy:#082b5b; }
/* Services in the hero: quiet documentary photography, polished card treatment. */
.launch-service {padding:10px;gap:13px;min-height:112px;align-items:center;overflow:hidden}
.launch-service__photo{display:block;flex:0 0 76px;width:76px;height:87px;border-radius:14px;overflow:hidden;background:#f1f1ef}
.launch-service__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%;transition:transform .35s ease}
.launch-service:is(:hover,:focus-visible) .launch-service__photo img{transform:scale(1.06)}
.launch-service>span:last-child{gap:5px}
.launch-service strong{font-size:.78rem;line-height:1.19}
.launch-offerings{padding-bottom:55px}
/* Shared section emphasis */
.real-space__eyebrow,.real-photos__label{display:inline-block;color:var(--gallery-coral);font-size:.72rem;font-weight:900;letter-spacing:.15em;margin-bottom:16px}
.visual-story h2 em{color:var(--gallery-coral);font-style:normal}
/* Authentic place and session photos, with editorial visual rhythm. */
.real-space{padding:95px 0 110px;background:#082b5b;color:#fff;overflow:hidden}
.real-space__grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(35px,6vw,88px);align-items:center}
.real-space__eyebrow{color:#ffbbb5}
.real-space__intro h2{font-size:clamp(2.6rem,4.4vw,4.9rem);line-height:1.01;letter-spacing:-.052em;color:#fff;max-width:670px}
.real-space__intro h2 em{font-style:normal;color:#ffaca5}
.real-space__intro p{max-width:530px;color:#d4deeb;font-size:1.08rem;margin-bottom:30px}
.real-space__cta{box-shadow:0 16px 30px rgba(0,0,0,.12)}
.real-space__collage{position:relative;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:225px 225px;gap:14px;min-width:0}
.real-space__frame{position:relative;margin:0;overflow:hidden;border-radius:24px;cursor:zoom-in;background:#1e3e61;box-shadow:0 20px 40px rgba(2,12,26,.2)}
.real-space__frame--primary{grid-row:span 2}
.real-space__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .5s ease}
.real-space__frame--secondary img{object-position:50% 47%}
.real-space__frame--detail img{object-position:50% 51%}
.real-space__frame:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(2,16,34,.72));pointer-events:none}
.real-space__frame figcaption{position:absolute;z-index:1;left:19px;bottom:18px;color:#fff;font-size:.9rem;font-weight:820;pointer-events:none}
.real-space__frame:is(:hover,:focus-visible) img{transform:scale(1.04)}
.real-space__frame:focus-visible{outline:3px solid #ffb0a9;outline-offset:3px}
/* Real gallery: original images supplied by the practice, clearly distinguished. */
.visual-story{padding-top:106px;padding-bottom:99px}
.visual-story__head{margin-bottom:37px}
.visual-story h2{font-size:clamp(2.5rem,4.8vw,4.6rem)}
.real-photo-rail{padding-bottom:30px;gap:18px}
.real-photo-rail figure,.real-photo-rail figure:nth-child(3n+2){position:relative;flex:0 0 clamp(270px,34vw,470px);height:420px;background:#e7e8e5;border-radius:24px;box-shadow:0 16px 38px rgba(8,43,91,.12)}
.real-photo-rail figure img{object-fit:cover;object-position:50% 45%}
.real-photo-rail figure:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(1,18,39,.84));pointer-events:none}
.real-photo-rail figcaption{position:absolute;z-index:1;left:23px;bottom:24px;right:15px;color:#fff;display:flex;flex-direction:column;gap:4px;pointer-events:none}
.real-photo-rail figcaption strong{font-size:1.27rem;letter-spacing:-.028em}
.real-photo-rail figcaption small{color:#e9eff5;font-size:.85rem}
.real-photo-rail figure:focus-visible{outline:3px solid var(--gallery-coral);outline-offset:3px}
/* Preserving a real photo inside a clinical professional composition. */
.method__photo img{object-position:50% 42%}
.results__image img{object-position:60% 38%}
.about__photo img{object-position:50% 28%}
.closing--real .closing__bg{left:44%;right:0;overflow:hidden}
.closing--real .closing__bg img{object-fit:cover;object-position:50% 45%}
.closing--real{background:#061d3b}
.closing--real .closing__overlay{background:linear-gradient(90deg,#061d3b 0%,#061d3b 34%,rgba(6,29,59,.94) 44%,rgba(6,29,59,.57) 66%,rgba(6,29,59,.24) 100%)}
/* Make service catalogue photography a key part of the reading rhythm */
.service-card img{object-position:center 42%}
.goal-card img{object-position:50% 40%}
@media(max-width:1190px){
  .launch-service{gap:10px}
  .launch-service__photo{width:63px;flex-basis:63px;height:81px}
  .launch-service strong{font-size:.72rem}
  .real-space__collage{grid-template-rows:200px 200px}
}
@media(max-width:980px){
  .real-space__grid{grid-template-columns:1fr;gap:32px}
  .real-space__intro{max-width:750px}
  .real-space__intro h2{max-width:780px}
  .real-space__collage{grid-template-columns:1.22fr .78fr;grid-template-rows:230px 230px}
  .launch-service__photo{width:82px;flex-basis:82px;height:86px}
}
@media(max-width:760px){
  .real-space{padding:70px 0 77px}
  .real-space__intro h2{font-size:clamp(2.15rem,9.5vw,3.6rem)}
  .real-space__intro p{font-size:.99rem}
  .real-space__collage{grid-template-columns:1fr 1fr;grid-template-rows:230px 180px;gap:10px}
  .real-space__frame{border-radius:18px}
  .real-space__frame--primary{grid-column:1/-1;grid-row:auto}
  .real-space__frame figcaption{bottom:12px;left:12px;font-size:.78rem}
  .visual-story{padding-top:74px;padding-bottom:70px}
  .visual-story h2{font-size:clamp(2.1rem,9.5vw,3.6rem)}
  .real-photo-rail figure,.real-photo-rail figure:nth-child(3n+2){flex-basis:82vw;height:345px}
  .closing--real .closing__bg{inset:0 0 auto;height:420px}
  .closing--real .closing__overlay{background:linear-gradient(180deg,rgba(6,29,59,.40) 0%,rgba(6,29,59,.70) 32%,#061d3b 56%,#061d3b 100%)}
  .closing--real .closing__content{padding-top:390px}
}
@media(max-width:480px){
  .launch-offerings__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .launch-service{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:210px;padding:8px}
  .launch-service__photo{width:100%;height:111px;flex:0 0 111px;border-radius:12px}
  .launch-service__photo img{object-position:50% 40%}
  .launch-service>span:last-child{padding:1px 3px 5px;gap:3px}
  .launch-service small{font-size:.7rem}
  .launch-service strong{font-size:.69rem;line-height:1.16}
  .launch-service>span:last-child>span{font-size:.7rem;line-height:1.25}
  .real-space__eyebrow,.real-photos__label{font-size:.65rem;letter-spacing:.12em}
  .real-space__collage{grid-template-rows:225px 155px}
  .real-photo-rail figure,.real-photo-rail figure:nth-child(3n+2){height:360px}
}
@media(prefers-reduced-motion:reduce){
 .real-space__frame img,.launch-service__photo img{transition:none}
}

/* =============================================================
   SABBIOS — premium polish pass v3
   Unifica el look general y eleva la percepción de marca.
   ============================================================= */
body{
  background:
    radial-gradient(circle at 15% 0%, rgba(255,103,91,.05), transparent 22%),
    radial-gradient(circle at 100% 18%, rgba(8,43,91,.05), transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#fbfcfe 28%,#ffffff 58%,#f8fbfd 100%);
}

.site-header{
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.28);
  box-shadow:0 10px 34px rgba(8,43,91,.035);
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.90);
  box-shadow:0 18px 40px rgba(8,43,91,.08);
}
.desktop-nav a{font-weight:700}
.btn--primary{box-shadow:0 18px 42px rgba(255,103,91,.24)}
.btn--primary:hover{box-shadow:0 24px 48px rgba(255,103,91,.32)}
.btn--ghost,.btn--glass-dark{box-shadow:0 10px 28px rgba(8,43,91,.06)}

.launch-hero{
  background:
    radial-gradient(circle at 85% 25%, rgba(255,255,255,.16), transparent 26%),
    linear-gradient(180deg,#fff 0%,#fff 100%);
}
.launch-hero__backdrop img{
  filter:saturate(.9) brightness(1.04) contrast(1.02);
}
.launch-hero__copy{
  padding:8px 0 12px;
}
.launch-hero__copy>p{
  font-size:1.09rem;
  color:#3d5873;
}
.launch-arrival{
  border-radius:26px;
  border:1px solid rgba(255,72,75,.16);
  background:linear-gradient(120deg,rgba(255,244,243,.95),rgba(255,255,255,.87));
  box-shadow:0 16px 42px rgba(255,88,83,.08);
}
.launch-deal{
  border:1px solid rgba(8,43,91,.10);
  border-radius:22px;
  padding:15px 18px 14px;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(12px);
  box-shadow:0 16px 40px rgba(8,43,91,.08);
}
.launch-deal__line{gap:16px}
.launch-deal__quantity{font-size:1.34rem}
.launch-hero__person{
  filter:drop-shadow(-16px 22px 34px rgba(6,32,61,.12));
}
.launch-hero__actions .btn{font-weight:850}

.launch-offerings{
  margin-top:-10px;
  padding-top:0;
}
.launch-offerings>.container{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,254,.98));
  border:1px solid rgba(8,43,91,.08);
  border-radius:30px;
  box-shadow:0 26px 70px rgba(8,43,91,.09);
  padding:24px;
}
.launch-offerings__heading{margin-bottom:20px}
.launch-service{
  min-height:122px;
  border-radius:22px;
  border-color:#e8edf2;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 14px 38px rgba(8,43,91,.06);
}
.launch-service:hover,.launch-service:focus-visible{
  transform:translateY(-5px);
  box-shadow:0 22px 48px rgba(8,43,91,.12);
}
.launch-service__photo{
  border-radius:16px;
  box-shadow:0 8px 20px rgba(8,43,91,.08);
}
.launch-service small{font-size:.82rem}
.launch-service strong{font-size:.8rem}

.section-head h2,
.results__copy h2,
.about__copy h2,
.faq__intro h2,
.closing h2,
.space-experience h2,
.method__content h2,
.launch-offerings__heading h2{
  text-wrap:balance;
}

.goal-card,
.service-card,
.method__photo,
.about__photo,
.results__image,
.photo-rail figure,
.knowledge-card{
  box-shadow:0 22px 56px rgba(8,43,91,.09);
}

.section--soft{
  background:
    linear-gradient(180deg,#ffffff 0%,#f7fafc 100%);
}
.space-experience{
  border-radius:36px;
  overflow:hidden;
  width:min(1280px,calc(100% - 52px));
  margin:0 auto;
  box-shadow:0 28px 80px rgba(3,20,41,.18);
}
.space-experience__bg img{transform:scale(1.01)}
.space-experience__shade{
  background:linear-gradient(90deg,rgba(3,20,41,.84) 0%,rgba(3,20,41,.56) 42%,rgba(3,20,41,.12) 78%);
}

.goal-grid{gap:16px}
.goal-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
}
.goal-card span{padding:24px}

.service-grid{gap:20px}
.service-card{
  border:1px solid #e6ecf1;
  border-radius:28px;
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.service-card>img{height:265px}
.service-card>div{padding:26px}
.service-card h3{margin-bottom:10px}

.method__grid{align-items:start}
.method__photo,
.about__photo{
  border-radius:34px;
  border:1px solid rgba(8,43,91,.07);
}
.method-detail{
  background:linear-gradient(180deg,#fff7f3 0%,#ffffff 100%);
  border:1px solid rgba(255,103,91,.12);
  box-shadow:0 14px 36px rgba(8,43,91,.06);
}
.method-step{
  border:1px solid transparent;
  border-radius:18px;
}
.method-step.is-active{
  background:linear-gradient(180deg,#f6f9fc,#eef4f8);
  border-color:rgba(8,43,91,.08);
  box-shadow:0 12px 28px rgba(8,43,91,.05);
}

.visual-story__head{margin-bottom:34px}
.photo-rail{padding-bottom:28px}
.photo-rail figure{border-radius:32px;border:1px solid rgba(8,43,91,.07)}
.photo-rail figure:hover{box-shadow:0 28px 66px rgba(8,43,91,.14)}

.results.section--dark{
  background:
    radial-gradient(circle at 100% 0%, rgba(104,154,199,.24), transparent 26%),
    linear-gradient(135deg,#04172f 0%,#082b5b 65%,#0c386b 100%);
}
.results__copy{max-width:660px}
.results__image{border:1px solid rgba(255,255,255,.08)}
.outcome-grid{gap:12px}
.outcome-grid span{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
  font-weight:700;
  letter-spacing:-.01em;
}

.about__grid{align-items:center}
.knowledge-grid{gap:18px}
.knowledge-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid #e7edf2;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.knowledge-card::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--coral),rgba(255,103,91,.2));
}
.knowledge-card h3{font-size:1.58rem;line-height:1.02}
.knowledge-card a{display:inline-flex;align-items:center;gap:8px}

.faq__list details{
  border:1px solid #e5ebf0;
  border-radius:20px;
  padding:20px 22px;
  margin-bottom:12px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 32px rgba(8,43,91,.05);
}
.faq__list details:last-child{border-bottom:1px solid #e5ebf0}
.faq__list summary{font-size:1.03rem}
.faq__list details[open]{border-color:rgba(255,103,91,.25)}
.faq__list details p{margin:14px 0 0;color:#546980}

.closing{
  border-radius:38px 38px 0 0;
  overflow:hidden;
}
.closing__overlay{
  background:linear-gradient(90deg,rgba(4,23,47,.90),rgba(4,23,47,.50) 55%,rgba(4,23,47,.10));
}
.closing__actions .btn{font-weight:850}

.footer .launch-contact{
  box-shadow:0 -10px 34px rgba(5,22,44,.08);
}
.footer .launch-contact__inner>a{padding-top:22px;padding-bottom:22px}
.footer__grid{padding-top:38px;padding-bottom:38px}
.footer__legal{background:linear-gradient(180deg,#071f40,#051733)}

@media (max-width:1100px){
  .launch-offerings>.container{padding:20px}
  .space-experience{width:calc(100% - 48px)}
}

@media (max-width:760px){
  .launch-hero__copy>p{font-size:.98rem}
  .launch-arrival{padding:10px 18px 10px 13px}
  .launch-deal{padding:14px 14px 12px}
  .launch-deal__line{flex-wrap:wrap;gap:6px 14px}
  .launch-offerings{margin-top:-2px}
  .launch-offerings>.container{padding:16px;border-radius:24px}
  .launch-service{border-radius:18px}
  .space-experience{width:calc(100% - 30px);border-radius:28px}
  .service-card>img{height:240px}
  .faq__list details{padding:18px}
  .closing{border-radius:28px 28px 0 0}
}

@media (max-width:480px){
  .launch-offerings>.container{padding:14px}
  .launch-service strong{font-size:.72rem}
  .launch-service>span:last-child>span{font-size:.69rem}
  .launch-arrival__words strong{font-size:1.7rem}
  .space-experience{border-radius:24px}
}


/* === Mensaje SABBIOS de verdad: editorial, compacto y sin galería === */
.editorial-statement{
  position:relative;
  overflow:hidden;
  padding:clamp(48px,6vw,78px) 0;
  background:linear-gradient(108deg,#f6f9fc 0%,#fffdfb 72%,#fff8f6 100%);
  border-top:1px solid #ebf0f5;
  border-bottom:1px solid #e8eef2;
}
.editorial-statement::after{
  content:"";
  position:absolute;
  right:-180px;
  top:-160px;
  width:470px;height:470px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,103,91,.055) 0%,transparent 66%);
  pointer-events:none;
}
.editorial-statement__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:clamp(35px,6vw,100px);
  align-items:center;
}
.editorial-statement__headline{min-width:0}
.editorial-statement__eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  font-size:.71rem;
  font-weight:850;
  letter-spacing:.19em;
  color:#f34f53;
}
.editorial-statement__eyebrow::before{
  content:"";
  display:inline-block;
  width:27px;height:2px;
  flex:none;
  background:#ff585d;
}
.editorial-statement h2{
  max-width:720px;
  margin:0;
  font-size:clamp(2rem,3.65vw,3.7rem);
  font-weight:880;
  line-height:1.06;
  letter-spacing:-.055em;
  color:#082b5b;
  text-wrap:balance;
}
.editorial-statement h2 em{font-style:normal;color:#ff484b}
.editorial-statement__description{
  border-left:1px solid rgba(8,43,91,.18);
  padding-left:clamp(24px,3vw,40px);
}
.editorial-statement__description p{
  margin:0;
  max-width:490px;
  font-size:clamp(1rem,1.3vw,1.12rem);
  font-weight:500;
  line-height:1.75;
  color:#4a6078;
}
@media(max-width:760px){
  .editorial-statement{padding:49px 0 52px}
  .editorial-statement__inner{grid-template-columns:1fr;gap:18px}
  .editorial-statement__eyebrow{font-size:.65rem;letter-spacing:.13em;margin-bottom:12px}
  .editorial-statement h2{font-size:clamp(2.03rem,8.4vw,3.2rem)}
  .editorial-statement__description{border-left:0;border-top:1px solid rgba(8,43,91,.14);padding:16px 0 0}
  .editorial-statement__description p{font-size:.97rem;line-height:1.65}
}