/* RuGo v087 — 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-v087{
  --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 v087. */
.home-screen-v087::before,
.home-screen-v087::after,
.home-v087::before,
.home-v087::after,
.home-v087__visual::before,
.home-v087__visual::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

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

.home-v087{
  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-v087__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-v087__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-v087__title-line{
  display:block;
}

.home-v087__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-v087__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-v087__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-v087__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-v087__cta::after{
  content:"→";
  display:inline-block;
  font-size:1.08em;
  line-height:1;
  transform:translateX(0);
  transition:transform 160ms ease;
}

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

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

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

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

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

.home-v087__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-v087__image.is-active{
  opacity:1;
  transform:scale(1.018);
}

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

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

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

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

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

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

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

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

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

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

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

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