/* RuGo v088 — HOME
   Approved scope:
   - photography is the absolute protagonist;
   - three REAL project images already inside the RuGo website;
   - controlled slow crossfade;
   - NO permanent gradient / NO white veil over photography;
   - cleaner Terraza + Piscina editorial block;
   - internal launch metadata removed;
   - updated editorial CTA;
   - DETALLES is NOT redesigned here.

   LOCAL / NOT PRODUCTION.
*/

.home-screen-v088{
  --home-paper:var(--launch-paper,#f4f1ea);
  --home-ink:var(--launch-ink,#11110f);
  --home-red:var(--launch-accent,var(--launch-red,#e1261c));
  --home-muted:rgba(17,17,15,.62);
  --home-copy-width:34.5vw;

  position:relative;
  overflow:hidden;
  background:var(--home-paper)!important;
  color:var(--home-ink);
}

/* Explicitly kill inherited decorative overlays on HOME.
   No permanent photographic gradient/veil is allowed in v088. */
.home-screen-v088::before,
.home-screen-v088::after,
.home-v088::before,
.home-v088::after,
.home-v088__visual::before,
.home-v088__visual::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

.home-screen-v088 .launch-header{
  position:absolute;
  z-index:40;
  top:0;
  left:0;
  right:0;
}

.home-v088{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  grid-template-columns:var(--home-copy-width) minmax(0,1fr);
  background:var(--home-paper);
}

/* ==========================================================
   SOLID EDITORIAL PANEL — NO GRADIENT
   ========================================================== */

.home-v088__editorial{
  position:relative;
  z-index:5;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  height:100%;
  padding:
    clamp(112px,13.2vh,146px)
    clamp(38px,3.75vw,64px)
    clamp(94px,10.5vh,126px)
    clamp(58px,4.65vw,80px);
  background:var(--home-paper);
}

.home-v088__title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin:0;
  color:var(--home-ink);
  font-family:var(--launch-font);
  font-size:clamp(66px,5.35vw,92px);
  line-height:.88;
  font-weight:500;
  letter-spacing:-.061em;
}

.home-v088__title-line{
  display:block;
}

.home-v088__plus{
  display:block;
  margin:
    clamp(7px,.8vh,11px)
    0
    clamp(6px,.7vh,10px)
    clamp(92px,7.6vw,126px);
  color:var(--home-red);
  font-size:.42em;
  line-height:.70;
  font-weight:700;
  letter-spacing:0;
}

.home-v088__campaign{
  margin:
    clamp(25px,3.2vh,38px)
    0
    0;
  color:var(--home-ink);
  font-size:clamp(12px,.84vw,15px);
  line-height:1;
  font-weight:750;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.home-v088__summary{
  width:min(100%,430px);
  margin:
    clamp(16px,1.9vh,23px)
    0
    0;
  color:var(--home-muted);
  font-size:clamp(13px,.98vw,17px);
  line-height:1.52;
  letter-spacing:-.012em;
}

.home-v088__cta{
  appearance:none;
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:15px;
  margin:
    clamp(28px,3.4vh,40px)
    0
    0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--home-red);
  font-family:var(--launch-font);
  font-size:clamp(16px,1.35vw,23px);
  line-height:1;
  font-weight:700;
  letter-spacing:-.018em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color 160ms ease;
}

.home-v088__cta::after{
  content:"→";
  display:inline-block;
  font-size:1.08em;
  line-height:1;
  transform:translateX(0);
  transition:transform 160ms ease;
}

.home-v088__cta:hover,
.home-v088__cta:focus-visible{
  color:var(--home-ink);
}

.home-v088__cta:hover::after,
.home-v088__cta:focus-visible::after{
  transform:translateX(7px);
}

.home-v088__cta:focus-visible{
  outline:1px solid currentColor;
  outline-offset:7px;
}

/* ==========================================================
   PHOTOGRAPHY — DIRECT / CLEAN / NO VEIL
   ========================================================== */

.home-v088__visual{
  position:relative;
  z-index:1;
  min-width:0;
  height:100%;
  margin:0;
  overflow:hidden;
  background:var(--home-paper);
}

.home-v088__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  opacity:0;
  transform:scale(1.002);
  transition:
    opacity 1800ms cubic-bezier(.37,0,.18,1),
    transform 9800ms linear;
  will-change:opacity,transform;
}

.home-v088__image.is-active{
  opacity:1;
  transform:scale(1.018);
}

.home-v088__image[data-home-hero-cell="05"]{
  object-position:center 52%;
}

.home-v088__image[data-home-hero-cell="01"]{
  object-position:center center;
}

.home-v088__image[data-home-hero-cell="02"]{
  object-position:center center;
}

/* Navigation is preserved, only layered above the new clean visual. */
.home-screen-v088 > .edge-nav--right,
.home-screen-v088 > .edge-nav--bottom{
  z-index:45;
}

.home-screen-v088 .launch-contact{
  z-index:45;
}

/* Keep text readable through placement, not through image gradients. */
.home-screen-v088 .launch-contact,
.home-screen-v088 > .edge-nav--right{
  text-shadow:none!important;
  filter:none!important;
}

@media(max-width:1180px){
  .home-screen-v088{
    --home-copy-width:36.5vw;
  }

  .home-v088__editorial{
    padding-left:4.2vw;
    padding-right:3.2vw;
  }

  .home-v088__title{
    font-size:clamp(58px,5.25vw,76px);
  }

  .home-v088__summary{
    font-size:13px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-v088__image{
    transition:none!important;
    transform:none!important;
  }

  .home-v088__image:not(:first-child){
    display:none;
  }
}

/* ==========================================================
   v088 APPROVED TYPOGRAPHY / EDITORIAL CORRECTION

   HOME photography, no-gradient rule and 3-image runtime remain
   frozen from v087.

   Main correction:
   - TERRAZA / PISCINA use the same uppercase/title discipline
     established in the later RuGo screens.
   - left field gains a secondary RuGo exploration block.
   ========================================================== */

.home-v088__editorial{
  justify-content:space-between;
  padding-top:clamp(156px,18vh,208px);
  padding-bottom:clamp(72px,8.2vh,100px);
}

/* Main offer block lives as one controlled editorial unit. */
.home-v088__offer{
  display:block;
  min-width:0;
}

/*
  Match the established large-title language:
  uppercase, stronger weight, tighter tracking, controlled scale.
*/
.home-v088__title{
  margin:0;
  font-size:clamp(
    54px,
    calc((100vh / 8) * .583),
    74px
  );
  line-height:.90;
  font-weight:650;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.home-v088__plus{
  margin:
    clamp(7px,.75vh,10px)
    0
    clamp(6px,.65vh,9px)
    clamp(72px,5.65vw,98px);
  font-size:.46em;
  line-height:.72;
  font-weight:750;
}

.home-v088__campaign{
  margin-top:clamp(22px,2.5vh,30px);
  font-size:clamp(11px,.76vw,13px);
  font-weight:750;
  letter-spacing:.055em;
}

.home-v088__summary{
  width:min(100%,430px);
  margin-top:clamp(15px,1.7vh,20px);
  font-size:clamp(13px,.94vw,16px);
  line-height:1.50;
}

.home-v088__cta{
  margin-top:clamp(25px,2.9vh,34px);
  font-size:clamp(17px,1.30vw,22px);
  font-weight:700;
}

/* ==========================================================
   RUGO / PAGE EXPLORATION BLOCK
   ========================================================== */

.home-v088__rugo{
  position:relative;
  width:min(100%,430px);
  padding-top:clamp(17px,2.0vh,24px);
  border-top:1px solid rgba(17,17,15,.16);
}

.home-v088__rugo::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:clamp(42px,4.2vw,70px);
  border-top:2px solid var(--home-red);
}

.home-v088__rugo-label{
  display:block;
  margin:0 0 clamp(9px,1.0vh,12px);
  color:var(--home-ink);
  font-size:clamp(10px,.72vw,12px);
  line-height:1;
  font-weight:750;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.home-v088__rugo-copy{
  width:min(100%,405px);
  margin:0;
  color:var(--home-muted);
  font-size:clamp(12px,.86vw,15px);
  line-height:1.48;
  letter-spacing:-.010em;
}

.home-v088__explore-rugo{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:
    clamp(14px,1.6vh,19px)
    0
    0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--home-ink);
  font-family:var(--launch-font);
  font-size:clamp(11px,.78vw,13px);
  line-height:1;
  font-weight:750;
  letter-spacing:.055em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color 150ms ease;
}

.home-v088__explore-rugo::after{
  content:"↓";
  display:inline-block;
  color:var(--home-red);
  font-size:1.08em;
  line-height:1;
  transform:translateY(0);
  transition:transform 150ms ease;
}

.home-v088__explore-rugo:hover,
.home-v088__explore-rugo:focus-visible{
  color:var(--home-red);
}

.home-v088__explore-rugo:hover::after,
.home-v088__explore-rugo:focus-visible::after{
  transform:translateY(4px);
}

.home-v088__explore-rugo:focus-visible{
  outline:1px solid currentColor;
  outline-offset:6px;
}

@media(max-width:1180px){
  .home-v088__editorial{
    padding-top:clamp(144px,17vh,184px);
    padding-bottom:7.4vh;
  }

  .home-v088__title{
    font-size:clamp(
      50px,
      calc((100vh / 8) * .55),
      68px
    );
  }

  .home-v088__rugo-copy{
    font-size:12px;
  }
}