@charset "UTF-8";

:root{
  --gold:#F9B232;
  --gold-2:#EFBE59;
  --gold-dark:#BA7015;
  --cream:#FFE79F;
  --black:#080807;
  --white:#f7f2e9;
  --muted:#c3bbad;
  --line:rgba(249,178,50,.30);
  --max:1400px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  background:var(--black);
  color:var(--white);
  font-family:Arial,Helvetica,sans-serif;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:60;
  background:radial-gradient(circle at 50% 30%,transparent 0,rgba(0,0,0,.08) 70%,rgba(0,0,0,.22) 100%);
}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.primary-cta:focus-visible,.header-wa:focus-visible{outline-offset:4px}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.05);z-index:100}
.scroll-progress span{display:block;height:100%;width:0;background:var(--gold)}

.header{
  position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);
  width:min(calc(100% - 56px),var(--max));
  height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;
}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:2rem;letter-spacing:-.06em;color:var(--gold)}
.brand-tag{font-size:.45rem;letter-spacing:.18em;margin-top:7px;color:#eee6d8}
.desktop-nav{display:flex;justify-content:center;gap:clamp(16px,2.3vw,35px)}
.desktop-nav a{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;text-decoration:none;color:#eee8dc;opacity:.9;position:relative;padding:8px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.25s}
.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}
.header-wa{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  border:1px solid var(--gold);border-radius:999px;padding:12px 20px;
  color:var(--gold);font-size:.72rem;letter-spacing:.06em;background:rgba(0,0,0,.2);
  backdrop-filter:blur(5px)
}
.wa-mark{font-size:.9rem}

.hero{
  min-height:clamp(720px,92vh,920px);
  position:relative;overflow:hidden;display:grid;align-items:center;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background-image:url("../assets/adonai-wallpaper.png");
  background-size:cover;
  background-position:center center;
  transform:scale(1.015);
}
.hero-vignette{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.67) 39%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.32) 100%),
    linear-gradient(0deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.06) 48%,rgba(0,0,0,.40) 100%);
}
.hero-grid{
  position:relative;z-index:2;width:min(calc(100% - 56px),var(--max));margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  align-items:center;gap:60px;padding-top:60px
}
.hero-copy{max-width:700px}
.eyebrow{font-size:.67rem;letter-spacing:.28em;color:var(--gold);font-weight:700;margin:0 0 20px;text-transform:uppercase}
h1{
  font-family:Arial,Helvetica,sans-serif;font-size:clamp(4rem,7.2vw,7.6rem);
  line-height:.88;letter-spacing:-.065em;margin:0;font-weight:700
}
h1 span,h2 span{color:var(--gold)}
.hero-text{
  max-width:590px;color:#eee7da;font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.7;margin:28px 0 30px
}
.primary-cta{
  display:inline-flex;align-items:center;gap:24px;text-decoration:none;
  min-height:54px;padding:0 25px;border-radius:999px;background:var(--gold);
  color:#1a1309;font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 15px 45px rgba(0,0,0,.35)
}
.primary-cta b{font-size:1.2rem}

.inmortia-hero{
  justify-self:center;width:min(440px,100%);padding:44px 35px;text-align:center;
  border:1px solid rgba(249,178,50,.38);background:rgba(4,4,3,.30);
  backdrop-filter:blur(4px)
}
.inmortia-hero img{width:min(320px,88%);max-height:150px;object-fit:contain;display:block;margin:0 auto}
.inmortia-hero p{margin:12px 0 24px;color:#eee7da;font-size:.9rem;letter-spacing:.04em}
.inmortia-hero a{
  display:inline-flex;align-items:center;gap:12px;justify-content:center;
  border:1px solid var(--gold);border-radius:999px;text-decoration:none;
  color:var(--gold);padding:12px 18px;font-size:.7rem
}
.inmortia-hero a b{font-size:1rem}

.hero-scroll{
  position:absolute;z-index:3;bottom:25px;left:50%;transform:translateX(-50%);
  color:#ddd4c7;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;opacity:.75
}
.hero-scroll span{color:var(--gold);font-size:1rem;margin-left:8px}

.statement,.services,.contact,.footer{width:min(calc(100% - 56px),var(--max));margin-inline:auto}
.statement{padding:125px 0 75px}
.statement h2,.contact h2{
  font-size:clamp(3.2rem,6vw,6.5rem);line-height:.92;letter-spacing:-.06em;margin:0;font-weight:700
}
.statement>p:last-child,.contact-copy>p:last-child{
  max-width:680px;color:var(--muted);line-height:1.8;font-size:1rem;margin-top:28px
}
.services{
  display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)
}
.services article{min-height:250px;padding:38px;border-right:1px solid var(--line)}
.services article:last-child{border-right:0}
.number{color:var(--gold);font-size:.64rem;letter-spacing:.2em}
.services h3{font-size:1.55rem;margin:65px 0 12px}
.services p{color:var(--muted);line-height:1.65;font-size:.92rem}

.contact{
  margin-top:105px;padding:75px 0 100px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end
}
.contact-actions{display:grid;gap:10px}
.contact-actions a{
  display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;
  min-height:62px;padding:0 17px;border:1px solid rgba(255,255,255,.12);
  background:#10100e;text-decoration:none;border-radius:12px;transition:.25s
}
.contact-actions a:hover{border-color:var(--gold);transform:translateX(5px)}
.contact-icon{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold);color:#111;font-weight:900
}
.contact-actions a:nth-child(2) .contact-icon{background:var(--gold-2)}
.contact-actions a:nth-child(3) .contact-icon{background:var(--gold-dark);color:#fff}
.contact-actions a span:nth-child(2){font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.contact-actions b{color:var(--gold)}

.footer{
  border-top:1px solid rgba(255,255,255,.1);padding:22px 0 28px;
  display:flex;justify-content:space-between;gap:20px;color:#8f887e;
  font-size:.61rem;letter-spacing:.1em;text-transform:uppercase
}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}
.reveal.is-visible{opacity:1;transform:none}
.reveal-delay{transition-delay:.12s}

@media(max-width:1050px){
  .desktop-nav{gap:15px}
  .desktop-nav a{font-size:.57rem}
  .header{gap:18px}
  .hero-grid{grid-template-columns:1fr .72fr;gap:25px}
}
@media(max-width:800px){
  .header{
    position:absolute;height:80px;width:calc(100% - 28px);
    display:flex;justify-content:center
  }
  .brand{text-align:center;align-items:center}
  .brand-name{font-size:2.05rem}
  .desktop-nav,.header-wa{display:none}

  .hero{min-height:900px}
  .hero-bg{
    /* Mobile art direction: keep the real ADONAI wallpaper, but frame the
       candles/flowers so the image remains identifiable in a tall viewport. */
    background-size:auto 100%;
    background-position:74% center;
    transform:scale(1.02);
  }
  .hero-vignette{
    background:
      linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.22) 23%,rgba(0,0,0,.52) 52%,rgba(0,0,0,.88) 78%,rgba(0,0,0,.96) 100%),
      linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.34) 100%);
  }
  .hero-grid{
    width:calc(100% - 28px);display:flex;flex-direction:column;
    align-items:stretch;gap:28px;padding-top:110px;padding-bottom:60px
  }
  .hero-copy{max-width:none}
  h1{font-size:clamp(3.45rem,14vw,5.6rem)}
  .hero-text{font-size:.98rem;line-height:1.65;margin:24px 0}
  .primary-cta{width:100%;justify-content:center}
  .inmortia-hero{width:100%;padding:30px 20px;background:rgba(4,4,3,.46)}
  .inmortia-hero img{width:min(270px,82%)}
  .hero-scroll{display:none}

  .statement,.services,.contact,.footer{width:calc(100% - 28px)}
  .statement{padding:85px 0 55px}
  .statement h2,.contact h2{font-size:clamp(2.9rem,13vw,4.7rem)}
  .services{grid-template-columns:1fr}
  .services article{min-height:190px;border-right:0;border-bottom:1px solid var(--line)}
  .services article:last-child{border-bottom:0}
  .services h3{margin:38px 0 10px}
  .contact{grid-template-columns:1fr;gap:30px;margin-top:75px;padding:58px 0 72px}
  .footer{flex-direction:column}
}
@media(max-width:430px){
  .hero{min-height:900px}
  .hero-bg{
    background-size:auto 100%;
    background-position:76% center;
  }
  .hero-grid{padding-top:105px}
  .hero-text{font-size:.94rem}
  .inmortia-hero a{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{transition:none!important}
}

/* V9: logotipo oficial como imagen, nunca como texto reconstruido. */
.brand-logo{display:block;width:clamp(150px,17vw,225px);height:auto;max-height:76px;object-fit:contain;object-position:left center}
.wa-mark,.contact-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}
.wa-mark svg{width:17px;height:17px;display:block}
.contact-icon svg{width:22px;height:22px;display:block}
@media(max-width:760px){.brand-logo{width:clamp(150px,48vw,210px);max-height:70px;object-position:center}}