/* Secção "Tinta" — palavra Opus que se pinta com o rato */
.ink-hero{position:relative;overflow:hidden;background:#07140f;color:#fff;isolation:isolate}
.ink-stage{position:relative;height:clamp(560px,92vh,860px);
  background:radial-gradient(ellipse 55% 60% at 28% 48%,rgba(0,169,157,.34),transparent 62%),radial-gradient(ellipse 50% 55% at 76% 56%,rgba(240,90,36,.24),transparent 64%),radial-gradient(ellipse 70% 70% at 50% 50%,#0d2219 0%,#07140f 75%)}
.ink-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}
.ink-hint{position:absolute;left:50%;top:clamp(18px,4vh,34px);transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);font:700 11px/1 "Montserrat",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);pointer-events:none;transition:opacity .5s,transform .5s}
.ink-hint i{width:8px;height:8px;border-radius:50%;background:#F7931E;animation:inkPulse 1.8s infinite}
.ink-hero.is-painted .ink-hint{opacity:0;transform:translate(-50%,-8px)}
@keyframes inkPulse{0%{box-shadow:0 0 0 0 rgba(247,147,30,.6)}70%{box-shadow:0 0 0 10px rgba(247,147,30,0)}100%{box-shadow:0 0 0 0 rgba(247,147,30,0)}}
.ink-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 20px clamp(26px,5vh,48px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;pointer-events:none;
  background:linear-gradient(0deg,rgba(7,20,15,.92),rgba(7,20,15,0))}
.ink-caption p{margin:0;max-width:560px;font:500 clamp(15px,1.4vw,18px)/1.65 "Montserrat",Arial,sans-serif;color:rgba(255,255,255,.78)}
.ink-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;pointer-events:auto}
.ink-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;font:700 14px/1 "Montserrat",Arial,sans-serif;transition:transform .3s,box-shadow .3s,background .3s}
.ink-btn-main{background:linear-gradient(110deg,#F05A24,#F7931E);color:#fff;box-shadow:0 14px 34px rgba(240,90,36,.4)}
.ink-btn-main:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(240,90,36,.5)}
.ink-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22)!important}
.ink-btn-ghost:hover{background:rgba(255,255,255,.16)}
.ink-marquee{position:relative;z-index:3;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);background:#050f0b;padding:18px 0}
.ink-marquee-track{display:flex;width:max-content;animation:inkMarq 34s linear infinite}
.ink-marquee span{display:inline-flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap;font:700 14px/1 "Montserrat",Arial,sans-serif;color:#fff}
.ink-marquee span::after{content:"\2605";color:#F7931E}
@keyframes inkMarq{to{transform:translateX(-50%)}}
@media(max-width:700px){.ink-stage{height:clamp(400px,70vh,560px)}.ink-btn{padding:13px 20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.ink-marquee-track{animation:none}.ink-hint i{animation:none}}
/* A secção seguinte já não precisa de sobrepor o hero antigo */
.home-modern .ink-hero+.home-promo{display:flow-root;padding-top:30px}
.home-modern .ink-hero+.home-promo .promo-slider{margin-top:0}


.ink-quote{margin:0;max-width:640px;font:500 clamp(18px,2vw,26px)/1.45 "Montserrat",Arial,sans-serif;color:rgba(255,255,255,.9)}
.ink-quote cite{display:block;margin-top:10px;font:800 11px/1 "Montserrat",Arial,sans-serif;letter-spacing:.18em;font-style:normal;color:#F7931E}
/* já não vem logo a seguir ao carrossel */
.home-modern .ink-hero+.home-promo{padding-top:0}