:root{
  color-scheme:dark;
  --bg:#07131f;
  --bg-2:#0a1a29;
  --panel:#0d1c2b;
  --panel-2:#11263a;
  --text:#f5f8fb;
  --muted:#a9bbc8;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --blue:#2ea8ff;
  --blue-deep:#196ce6;
  --green:#0f8f84;
  --green-deep:#0a6d66;
  --shadow:0 24px 70px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100svh;
  background:radial-gradient(circle at top,#14304a 0%,#081523 34%,#06111b 72%,#051018 100%);
  color:var(--text);
  font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #9dd9ff;outline-offset:2px}

.app-shell{
  min-height:100svh;
  display:flex;
  justify-content:center;
  padding:16px;
}
.site-card{
  width:100%;
  max-width:460px;
  background:linear-gradient(180deg,#081523 0%,#081726 45%,#06121d 100%);
  border:1px solid rgba(255,255,255,.06);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.hero{
  position:relative;
  min-height:285px;
  overflow:hidden;
  background:#07131f;
}
.hero-photo{
  position:absolute;
  inset:0;
  background:url('../img/hero-estrada-rumea.webp') center 52%/cover no-repeat;
  transform:scale(1.05);
  animation:rumea-hero-drift 18s ease-in-out infinite alternate;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,11,20,.16) 0%,rgba(4,13,24,.26) 22%,rgba(5,16,28,.35) 45%,rgba(6,18,30,.74) 76%,#081726 100%),
    radial-gradient(circle at 50% 18%,rgba(45,134,255,.16),transparent 42%);
}
.hero-brand{
  position:relative;
  z-index:1;
  min-height:285px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  text-align:center;
  padding:18px 20px 31px;
}
.hero-logo{
  width:min(66%,230px);
  height:auto;
  filter:drop-shadow(0 7px 17px rgba(0,0,0,.28));
}
.hero-subtitle{
  margin:6px 0 0;
  color:#edf5fa;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
  text-shadow:0 5px 18px rgba(0,0,0,.35);
}
.content{
  padding:14px 15px 18px;
}
section + section{margin-top:14px}
section h2{
  margin:0 0 9px;
  font:800 15px/1.2 'Manrope',sans-serif;
  letter-spacing:-.03em;
  color:#e6f0f6;
}
.quick-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.quick-button{
  min-height:64px;
  border-radius:16px;
  border:1px solid rgba(69,173,255,.32);
  background:linear-gradient(135deg,rgba(42,157,255,.26) 0%,rgba(23,95,216,.22) 100%);
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.quick-button--contact{
  border-color:rgba(44,185,157,.26);
  background:linear-gradient(135deg,rgba(17,124,118,.34) 0%,rgba(8,96,90,.24) 100%);
}
.quick-icon{
  width:21px;
  height:21px;
  color:#eff8ff;
  flex:none;
}
.quick-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:3px;
  flex:1;
}
.quick-copy strong{
  font:800 13px/1 'Manrope',sans-serif;
  color:#fff;
  letter-spacing:-.02em;
}
.quick-copy small{
  font-size:10px;
  color:#c7d8e4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.quick-arrow{
  width:18px;
  height:18px;
  color:#e8f3fa;
  flex:none;
}
.product-stack{display:flex;flex-direction:column;gap:8px}
.product-card{
  position:relative;
  width:100%;
  padding:0;
  border:1px solid var(--line-strong);
  border-radius:16px;
  overflow:hidden;
  background:#102130;
  cursor:pointer;
}
.product-card img{
  width:100%;
  height:112px;
  object-fit:cover;
  object-position:center 49%;
}
.product-open{
  position:absolute;
  right:10px;
  bottom:10px;
  width:33px;
  height:33px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(4,14,23,.62);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 18px rgba(0,0,0,.26);
}
.product-open svg{width:17px;height:17px}
.footer{
  margin-top:15px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.footer strong{
  font:800 16px/1 'Manrope',sans-serif;
  letter-spacing:-.04em;
  color:#f3f8fc;
}
.footer span{
  font-size:11px;
  color:#9bb2c2;
  text-align:right;
}

.product-modal{
  width:min(100%,460px);
  max-height:88dvh;
  margin:auto auto 0;
  border:0;
  border-radius:24px 24px 0 0;
  background:#0b1825;
  color:var(--text);
  padding:0;
  overflow:hidden;
  box-shadow:0 -25px 70px rgba(0,0,0,.48);
}
.product-modal::backdrop{
  background:rgba(1,9,16,.72);
  backdrop-filter:blur(5px);
}
.modal-sheet{position:relative}
.modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(4,13,24,.72);
  color:#fff;
  display:grid;
  place-items:center;
  z-index:2;
}
.modal-close svg{width:18px;height:18px}
.modal-cover{background:#0f1f30}
.modal-cover img{width:100%;height:auto;display:block}
.modal-body{padding:18px 18px max(20px,env(safe-area-inset-bottom))}
.modal-kicker{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#7fb8d8;
  margin-bottom:8px;
}
.modal-body h3{
  margin:0;
  font:800 24px/1.08 'Manrope',sans-serif;
  letter-spacing:-.04em;
}
.modal-body p{
  margin:12px 0 18px;
  font-size:14px;
  line-height:1.65;
  color:#bdd0db;
}
.modal-cta{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:15px;
  background:linear-gradient(135deg,#eff6fb 0%,#dbe9f3 100%);
  color:#09233b;
  font:800 14px/1 'Manrope',sans-serif;
}
.modal-cta svg{width:16px;height:16px}

@media (max-width: 520px){
  .app-shell{padding:0}
  .site-card{border:0;border-radius:0;box-shadow:none}
}
@media (max-width: 360px){
  .hero,.hero-brand{min-height:270px}
  .hero-logo{width:min(68%,216px)}
  .content{padding:13px 12px 17px}
  .quick-grid{gap:8px}
  .quick-button{padding:0 9px;min-height:61px;gap:7px}
  .quick-copy strong{font-size:12px}
  .quick-copy small{font-size:9px}
  .quick-icon{width:19px;height:19px}
  .quick-arrow{width:14px;height:14px}
  .product-card img{height:104px}
  .product-open{width:31px;height:31px;right:8px;bottom:8px}
  .footer span{font-size:10px}
}
@media (min-width: 700px){
  .app-shell{padding:26px}
  .product-modal{border-radius:24px; margin:auto}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
}

/* Ajustes finais de enquadramento */
.hero-photo{background-position:center 48%;background-size:cover}
.hero-overlay{background:linear-gradient(180deg,rgba(3,11,20,.10) 0%,rgba(4,13,24,.14) 26%,rgba(5,16,28,.23) 49%,rgba(6,18,30,.68) 79%,#081726 100%)}
.product-card{display:block;line-height:0;transition:none}
.product-card img{display:block;width:100%;height:112px;object-fit:cover;object-position:50% 50%}
@media(max-width:360px){.product-card img{height:104px}}

/* Revisão de marca: símbolo fornecido + lettering original sem ponto. */
.rumea-signature{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}
.hero-symbol{
  width:148px;
  height:148px;
  object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(53,131,238,.20));
}
.hero-wordmark{
  width:238px;
  height:auto;
  object-fit:contain;
  margin-top:-1px;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.20));
}
.hero-brand{padding-bottom:28px}
.hero-subtitle{margin-top:10px}

/* As setas agora ficam centralizadas verticalmente nos dois cards. */
.product-open{
  top:50%;
  right:12px;
  bottom:auto;
  transform:translateY(-50%);
}

/* Rodapé compacto, com assinatura visual da marca. */
.footer{
  margin-top:19px;
  padding:16px 0 3px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-top:1px solid rgba(144,173,194,.16);
}
.footer-brand{display:flex;align-items:center;gap:7px;min-width:0}
.footer-mark{width:30px;height:30px;object-fit:contain;flex:none}
.footer-brand-copy{display:flex;flex-direction:column;gap:3px}
.footer-brand-copy strong{
  font:800 12px/1.1 'Manrope', sans-serif;
  letter-spacing:.16em;
  color:#f4f8fc;
}
.footer-brand-copy small{
  font-size:9px;
  color:#98b1c5;
  white-space:nowrap;
}
.footer-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;min-width:0}
.footer-meta span{font-size:10px;white-space:nowrap;color:#b2cadd}
.footer-meta small{font-size:9px;color:#809caf;white-space:nowrap}

@media (max-width:360px){
  .hero-symbol{width:130px;height:130px}
  .hero-wordmark{width:216px}
  .product-open{top:50%;right:9px;bottom:auto}
  .footer{gap:7px}
  .footer-mark{width:26px;height:26px}
  .footer-brand-copy small{font-size:8px}
  .footer-meta span{font-size:9px}
}


/* Logo refeita para telas pequenas */
.rumea-signature{gap:8px;}
.hero-symbol{
  width:136px;
  height:136px;
  object-fit:contain;
  filter:drop-shadow(0 7px 18px rgba(23,113,230,.24));
}
.hero-wordmark, .rumea-signature img.hero-wordmark{display:none !important;}
.hero-wordmark-text{
  font-family:'Manrope',sans-serif;
  font-size:44px;
  line-height:.92;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#f8fbff;
  text-indent:.18em;
  text-shadow:0 6px 18px rgba(0,0,0,.28);
}
.hero-brand{padding-bottom:26px;}
.hero-subtitle{margin-top:8px;}
.footer-brand-copy strong{letter-spacing:.18em;}

@media (max-width:360px){
  .hero-symbol{width:118px;height:118px;}
  .hero-wordmark-text{font-size:37px; letter-spacing:.17em; text-indent:.17em;}
}

/* V2: hero inspired by the actual road journey */
@keyframes rumea-hero-drift{from{transform:scale(1.04) translateY(0)}to{transform:scale(1.1) translateY(-5px)}}
.hero{min-height:310px}
.hero-brand{min-height:310px}
.hero-photo{filter:saturate(1.07) contrast(1.08)}
.hero-overlay{background:linear-gradient(180deg,rgba(3,11,20,.18) 0%,rgba(4,13,24,.22) 32%,rgba(5,16,28,.29) 55%,rgba(6,18,30,.82) 83%,#081726 100%),radial-gradient(circle at 50% 18%,rgba(45,134,255,.12),transparent 45%)}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none}}

/* V3 — paisagem nítida, sem marca embutida na imagem */
.hero{min-height:310px;background:#081625}
.hero-photo{background-image:url('../img/hero-estrada-nitida.webp');background-position:center 52%;background-size:cover;transform:scale(1.005)}
.hero-overlay{background:linear-gradient(180deg,rgba(3,11,20,.36) 0%,rgba(4,13,24,.17) 36%,rgba(5,16,28,.20) 60%,rgba(6,18,30,.80) 100%)}
.hero-brand{min-height:310px;padding-bottom:20px;justify-content:flex-end}
.rumea-signature{gap:0;line-height:0}
.hero-logo-original{display:block;width:min(65%,210px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.55))}
.hero-subtitle{margin:0;color:#f3f7fc;font-size:12px;letter-spacing:.015em;text-shadow:0 2px 12px rgba(0,0,0,.75)}
@media(max-width:360px){.hero,.hero-brand{min-height:285px}.hero-logo-original{width:min(60%,190px)}}


/* V4 — hero mais realista, marca no padrão correto e integração com o corpo */
.site-card{background:linear-gradient(180deg,#071421 0%,#081827 40%,#06121d 100%);}
.hero{min-height:332px;background:#081625;border-bottom-left-radius:28px;border-bottom-right-radius:28px;overflow:hidden;}
.hero-photo{background-image:url('../img/hero-estrada-realista.png');background-position:center 54%;background-size:cover;transform:scale(1.02);filter:saturate(1.02) contrast(1.05) brightness(.92);}
.hero-overlay{background:linear-gradient(180deg,rgba(4,11,21,.18) 0%,rgba(5,13,24,.16) 28%,rgba(4,12,24,.24) 55%,rgba(5,15,28,.64) 78%,rgba(7,20,33,.96) 100%),radial-gradient(circle at 50% 22%,rgba(41,119,222,.14),transparent 42%);}
.hero-brand{min-height:332px;justify-content:flex-end;padding:22px 22px 38px;gap:6px;}
.rumea-signature{display:flex;flex-direction:column;align-items:center;gap:8px;line-height:0;}
.hero-symbol-real{display:block !important;width:min(31vw,138px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.38));}
.hero-wordmark-real{display:block !important;width:min(63vw,250px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.38));}
.hero-logo-original,.hero-wordmark-text{display:none !important;}
.hero-subtitle{margin:2px 0 0;font-size:13px;font-weight:700;letter-spacing:-.01em;color:#f2f7fb;text-shadow:0 4px 16px rgba(0,0,0,.6);}
.content{position:relative;z-index:2;margin-top:-18px;padding:18px 15px 18px;background:linear-gradient(180deg,rgba(7,20,33,.98) 0%,rgba(7,22,36,1) 38%,rgba(6,18,29,1) 100%);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -12px 30px rgba(0,0,0,.12);}
section h2{margin-bottom:10px;}
.products{padding-top:2px;}
.product-stack{gap:10px;}
.product-card{border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 24px rgba(0,0,0,.20);}
.product-card img{height:118px;object-position:center 50%;}
.quick-links{margin-top:16px;}
.footer{margin-top:18px;padding-top:14px;}
@media (max-width:360px){.hero,.hero-brand{min-height:304px}.hero-symbol-real{width:min(33vw,122px)}.hero-wordmark-real{width:min(68vw,220px)}.content{margin-top:-16px;padding:16px 12px 17px}.product-card img{height:108px}}


/* V5 — luz mais suave no hero */
.hero-photo{filter:saturate(.92) contrast(1.01) brightness(.80) !important;transform:scale(1.015) !important;}
.hero-overlay{background:linear-gradient(180deg,rgba(4,11,21,.24) 0%,rgba(5,13,24,.24) 28%,rgba(4,12,24,.34) 55%,rgba(5,15,28,.76) 78%,rgba(7,20,33,.98) 100%),radial-gradient(circle at 50% 22%,rgba(34,97,182,.09),transparent 42%) !important;}
.hero-subtitle{color:#eef4f8 !important;text-shadow:0 3px 12px rgba(0,0,0,.54) !important;}
.hero-symbol-real,.hero-wordmark-real{filter:drop-shadow(0 6px 14px rgba(0,0,0,.30)) !important;}


/* V6 — logo oficial completa, estrada menos artificial e integração sem divisória */
.site-card{background:#071421;overflow:hidden}
.hero{height:405px;min-height:405px;position:relative;overflow:hidden;border-radius:0 !important;background:#071421}
.hero-photo{position:absolute;inset:0;background-image:url('../img/hero-estrada-natural.webp') !important;background-position:center 49% !important;background-size:cover;transform:none !important;animation:none !important;filter:saturate(.88) contrast(1.04) brightness(.91) !important}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,23,.20) 0%,rgba(4,12,23,.08) 34%,rgba(5,15,26,.10) 48%,rgba(6,18,29,.48) 70%,rgba(7,20,33,.91) 89%,#071421 100%) !important}
.hero-brand{height:405px;min-height:405px;justify-content:center !important;padding:40px 18px 88px !important;gap:0}
.rumea-signature{width:100%;display:flex;align-items:center;justify-content:center;line-height:0;gap:0 !important}
.hero-logo-full{display:block !important;width:min(79%,298px) !important;height:auto !important;max-height:242px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.43)) !important}
.hero-symbol-real,.hero-wordmark-real,.hero-logo-original,.hero-symbol,.hero-wordmark,.hero-wordmark-text{display:none !important}
.hero-subtitle{margin:-8px 0 0 !important;color:#f6f9fc !important;font-size:12px !important;line-height:1.35;letter-spacing:.005em;text-shadow:0 2px 8px #071421 !important}
.content{margin-top:-75px !important;position:relative;z-index:3;background:transparent !important;border-radius:0 !important;box-shadow:none !important;padding:35px 15px 19px !important}
.content::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-2px;bottom:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,20,33,0) 0px,rgba(7,20,33,.65) 45px,#071421 100px,#071421 100%)}
.products{padding-top:12px}
@media(max-width:360px){.hero,.hero-brand{height:365px;min-height:365px}.hero-brand{padding-bottom:75px !important}.hero-logo-full{width:min(79%,270px) !important}.content{margin-top:-70px !important;padding:32px 12px 17px !important}}

/* V7: usa exatamente o símbolo fornecido, mais compacto; wordmark separado. */
.hero-brand{justify-content:center !important;padding:18px 18px 104px !important;gap:0 !important;}
.rumea-signature{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:8px !important;width:100%;line-height:normal !important;}
.rumea-signature .hero-symbol-v7{display:block !important;width:112px !important;height:112px !important;max-width:none;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.32));}
.rumea-signature .hero-wordmark-v7{display:block !important;width:209px !important;height:auto !important;max-width:80%;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.42));}
.hero-subtitle{margin:13px 0 0 !important;font-size:12px !important;font-weight:600 !important;line-height:1.5 !important;letter-spacing:.015em !important;color:#f4f7fa !important;text-align:center !important;text-shadow:0 2px 10px rgba(0,0,0,.8) !important;}
@media(max-width:360px){.hero-brand{padding-bottom:96px !important}.rumea-signature .hero-symbol-v7{width:102px !important;height:102px !important}.rumea-signature .hero-wordmark-v7{width:193px !important}.hero-subtitle{font-size:11px !important}}


/* V8 — destaque melhor para logo/texto no hero */
.hero-brand{
  justify-content:flex-end !important;
  padding:34px 22px 46px !important;
}
.rumea-signature{
  position:relative;
  padding:16px 20px 14px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(4,10,20,.08) 0%,rgba(4,10,20,.18) 22%,rgba(4,10,20,.34) 58%,rgba(4,10,20,.46) 100%);
  backdrop-filter:blur(1.5px);
}
.rumea-signature::before{
  content:'';
  position:absolute;
  inset:-46px -34px -18px;
  background:radial-gradient(circle at center,rgba(5,13,24,.62) 0%,rgba(5,13,24,.38) 42%,rgba(5,13,24,.18) 68%,transparent 100%);
  z-index:-1;
  pointer-events:none;
}
.hero-symbol-real{width:min(27vw,112px) !important;}
.hero-wordmark-real{width:min(58vw,230px) !important;}
.hero-subtitle{
  margin-top:8px !important;
  padding:0 10px;
  color:#f4f8fb !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-shadow:0 3px 14px rgba(0,0,0,.78) !important;
}
@media (max-width:360px){
  .hero-brand{padding:28px 18px 40px !important;}
  .rumea-signature{padding:14px 16px 12px;}
  .hero-symbol-real{width:min(28vw,98px) !important;}
  .hero-wordmark-real{width:min(62vw,210px) !important;}
  .hero-subtitle{font-size:12px !important;}
}


/* V9 — hero com escurecimento suave, sem bloco aparente */
.hero{position:relative;overflow:hidden;}
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    radial-gradient(ellipse at center 62%, rgba(4,10,20,.38) 0%, rgba(4,10,20,.26) 26%, rgba(4,10,20,.14) 48%, rgba(4,10,20,0) 72%),
    linear-gradient(180deg, rgba(5,12,21,.10) 0%, rgba(5,12,21,.08) 24%, rgba(5,12,21,.22) 55%, rgba(5,12,21,.78) 100%);
}
.hero-photo{
  filter:saturate(.90) contrast(1.00) brightness(.82) !important;
}
.hero-overlay{
  background:linear-gradient(180deg,rgba(4,11,21,.18) 0%,rgba(4,11,21,.13) 26%,rgba(4,11,21,.20) 48%,rgba(5,13,24,.54) 74%,rgba(6,18,30,.92) 100%) !important;
}
.hero-brand{
  position:relative;
  z-index:2;
  justify-content:flex-end !important;
  min-height:332px;
  padding:22px 22px 66px !important;
  gap:8px;
}
.rumea-signature{
  position:relative;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
.rumea-signature::before{display:none !important;content:none !important;}
.hero-symbol-real{
  width:min(26vw,106px) !important;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.48)) !important;
}
.hero-wordmark-real{
  width:min(57vw,224px) !important;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.55)) !important;
}
.hero-subtitle{
  margin-top:6px !important;
  padding:0 !important;
  color:#f2f6fa !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-shadow:0 3px 12px rgba(0,0,0,.75) !important;
}
.content{
  margin-top:-22px !important;
  border-top-left-radius:28px !important;
  border-top-right-radius:28px !important;
  background:linear-gradient(180deg,rgba(6,18,29,.98) 0%,rgba(6,18,29,1) 12%,rgba(5,17,28,1) 100%) !important;
  box-shadow:0 -10px 28px rgba(0,0,0,.10) !important;
}
@media (max-width:360px){
  .hero-brand{padding:20px 18px 56px !important;}
  .hero-symbol-real{width:min(28vw,96px) !important;}
  .hero-wordmark-real{width:min(60vw,206px) !important;}
  .hero-subtitle{font-size:12px !important;}
  .content{margin-top:-18px !important;}
}


/* V10: marca no alto e fusão contínua da paisagem com o conteúdo */
.hero{height:405px !important;min-height:405px !important;border-radius:0 !important;overflow:hidden;}
.hero-brand{
  box-sizing:border-box;height:405px !important;min-height:405px !important;
  display:flex;flex-direction:column;align-items:center;
  justify-content:flex-start !important;
  padding:74px 18px 0 !important;
  gap:7px !important;text-align:center;
}
.rumea-signature{width:100%;max-width:270px;margin:0 auto !important;align-items:center;}
.hero-symbol-v7{max-width:112px !important;}
.hero-wordmark-v7{max-width:225px !important;}
.hero-subtitle{margin-top:8px !important;text-align:center;}
/* O escurecimento acontece sobre a imagem inteira, sem manchas ou caixas */
.hero::before{background:linear-gradient(180deg,rgba(4,12,23,.10) 0%,rgba(4,12,23,.10) 28%,rgba(5,15,25,.30) 58%,rgba(7,20,33,.76) 78%,#071421 100%) !important;}
.hero-overlay{background:linear-gradient(180deg,rgba(4,12,23,.09) 0%,rgba(4,12,23,.08) 35%,rgba(5,15,25,.22) 60%,rgba(7,20,33,.76) 85%,#071421 100%) !important;}
/* A primeira faixa do conteúdo começa transparente sobre o final da foto.
   A cor evolui suavemente até o azul-escuro de base. */
.content{
  position:relative !important;z-index:3 !important;
  margin-top:-86px !important;padding:37px 15px 20px !important;
  background:transparent !important;border-radius:0 !important;box-shadow:none !important;
}
.content::before{
  content:'';display:block !important;position:absolute;z-index:-1;pointer-events:none;
  inset:0;background:linear-gradient(180deg,rgba(7,20,33,0) 0px,rgba(7,20,33,.46) 33px,rgba(7,20,33,.84) 67px,#071421 108px,#071421 100%);
}
@media(max-width:360px){
 .hero,.hero-brand{height:380px !important;min-height:380px !important;}
 .hero-brand{padding:60px 16px 0 !important;}
 .content{margin-top:-78px !important;padding:33px 12px 17px !important;}
}