/* Tipografia comemorativa. Caso fontes externas nao carreguem, os estilos alternativos funcionam normalmente. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600;1,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* SOMA EMPRESARIAL — HOME | layout inspirado na referência aprovada.
   Carregado depois de site.css e do tema do Manager.
   Alterações restritas à Home: não modificam páginas internas ou Manager.
   Paleta: preto, branco e cinza. Verde somente no logotipo oficial. */
body.soma-home-referencia {
  --green:#202224; --ink:#17191a; --muted:#5b5e60; --paper:#f2f3f3; --line:#dfe1e1;
  background:#fff; color:#181a1b; font-family:Arial,Helvetica,sans-serif;
}
body.soma-home-referencia *,body.soma-home-referencia *::before,body.soma-home-referencia *::after {box-sizing:border-box}
body.soma-home-referencia :is(h1,h2,h3,p) {overflow-wrap:normal}
body.soma-home-referencia a:focus-visible,body.soma-home-referencia button:focus-visible {outline:2px solid #fff;outline-offset:3px}
body.soma-home-referencia .site-header {background:#131718!important;background-image:none!important;border:0!important;border-bottom:1px solid #ffffff27!important;box-shadow:none!important;position:sticky;top:0;z-index:80}
body.soma-home-referencia .header-inner {max-width:1240px;min-height:62px;padding:6px 27px;gap:20px}
body.soma-home-referencia .site-header .brand {flex:0 0 auto;align-items:center}
body.soma-home-referencia .site-header .brand img {width:122px!important;max-height:48px!important;filter:none!important;object-fit:contain}
body.soma-home-referencia .site-header nav {gap:clamp(12px,1.5vw,22px);flex-wrap:nowrap}
body.soma-home-referencia .site-header nav a {color:#f2f2f2!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;border-bottom:1px solid transparent!important;padding:8px 0!important;white-space:nowrap}
body.soma-home-referencia .site-header nav a:hover,body.soma-home-referencia .site-header nav a[aria-current="page"] {border-bottom-color:#fff!important}
body.soma-home-referencia .site-header nav a.nav-cta {background:transparent!important;border:0!important;border-radius:0!important;color:#f2f2f2!important}
body.soma-home-referencia .site-header .nav-item-icon {filter:grayscale(1) brightness(3)}
body.soma-home-referencia .site-header .header-phone {font-size:12px;color:#fff!important;border-left:1px solid #ffffff55;padding-left:16px}
body.soma-home-referencia .site-header .header-phone small {font-size:9px;color:#ccc}
body.soma-home-referencia .site-header .menu-toggle {display:block!important;order:4;color:#fff!important;background:transparent!important;border:0!important;border-left:1px solid #ffffff66!important;border-radius:0!important;padding:7px 0 7px 17px!important;font-size:22px;line-height:1}
body.soma-home-referencia .site-header .menu-toggle span {display:none}
/* The original mobile menu behavior in site.js remains in place. */
body.soma-home-referencia main#conteudo {min-height:0!important;background:#fff!important;overflow:hidden}
body.soma-home-referencia main#conteudo a {text-decoration:none}
body.soma-home-referencia .sref-kicker {font-size:11px!important;letter-spacing:.16em!important;font-weight:800!important;color:#3b3d3e!important;text-transform:uppercase!important;margin:0 0 13px!important;line-height:1.4!important}
body.soma-home-referencia .sref-hero {position:relative;isolation:isolate;min-height:370px;color:#fff;background:#181818 url('soma-foto-hero.jpg') center 48%/cover no-repeat}
body.soma-home-referencia .sref-hero::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101112ed 0%,#111214cc 28%,#11121430 66%,#08080862 100%)}
body.soma-home-referencia .sref-hero-inner {max-width:1240px;min-height:370px;margin:auto;padding:32px 28px;display:flex;align-items:center;justify-content:space-between;gap:34px}
body.soma-home-referencia .sref-hero-copy {width:min(550px,64%);min-width:0}
body.soma-home-referencia .sref-pill {display:inline-flex;border:1px solid #ffffff99;border-radius:99px;padding:5px 13px;margin:0 0 11px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.08em;line-height:1.1}
body.soma-home-referencia .sref-overline {font-size:10px;letter-spacing:.15em;font-weight:700;color:#e5e5e5;margin:0 0 7px;line-height:1.4}
body.soma-home-referencia .sref-hero h1 {color:#fff!important;font-size:clamp(34px,3.15vw,46px)!important;line-height:1.075!important;letter-spacing:-.048em!important;font-weight:780!important;margin:0 0 11px!important;max-width:540px}
body.soma-home-referencia .sref-lead {max-width:480px;font-size:13px;line-height:1.5;color:#f0f0f0;margin:0 0 15px}
body.soma-home-referencia .sref-outline-btn {display:inline-flex;align-items:center;justify-content:space-between;gap:19px;min-width:164px;border:1px solid #ffffffb5;border-radius:99px;color:#fff!important;padding:9px 16px;font-size:11px;font-weight:700;line-height:1.3;transition:background .2s,color .2s}
body.soma-home-referencia .sref-outline-btn:hover {background:#fff;color:#141617!important}
body.soma-home-referencia .sref-outline-btn span {font-size:19px;font-weight:400;line-height:1}
body.soma-home-referencia .sref-hero-stamp {width:145px;height:145px;flex:0 0 145px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;transform:rotate(-7deg);position:relative;box-shadow:0 0 0 1px #ffffff30 inset}
body.soma-home-referencia .sref-hero-stamp strong {font-size:69px;letter-spacing:-.12em;font-weight:800;line-height:.9;padding-right:8px}
body.soma-home-referencia .sref-hero-stamp>span {position:absolute;right:12px;top:57px;font-size:10px;letter-spacing:.13em;font-weight:800}
body.soma-home-referencia .sref-hero-stamp img {width:73px;height:auto;max-height:40px;object-fit:contain;margin-top:7px;transform:rotate(7deg)}
/* History: office photo, text and large 30-year typographic mark. */
body.soma-home-referencia .sref-story {background:#fff;padding:42px 0 44px}
body.soma-home-referencia .sref-story-inner {max-width:1240px;padding:0 28px;margin:auto;display:grid;grid-template-columns:1.02fr 1fr .73fr;gap:38px;align-items:center}
body.soma-home-referencia .sref-story-photo {height:236px;overflow:hidden;background:#ddd}
body.soma-home-referencia .sref-story-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%;filter:grayscale(1) contrast(1.05)}
body.soma-home-referencia .sref-story-copy h2 {font-size:clamp(27px,2.3vw,35px);line-height:1.08;letter-spacing:-.045em;font-weight:800;color:#171a1b;margin:0 0 15px}
body.soma-home-referencia .sref-story-copy>p:not(.sref-kicker) {color:#535758;font-size:14px;line-height:1.7;margin:0 0 18px}
body.soma-home-referencia .sref-inline-link {display:inline-flex;align-items:center;gap:16px;color:#17191a!important;border-bottom:1px solid #17191a;padding-bottom:3px;font-size:12px;font-weight:750}
body.soma-home-referencia .sref-inline-link span {font-size:19px;font-weight:400;line-height:1}
body.soma-home-referencia .sref-story-anniversary {height:236px;border-left:1px solid #d1d3d3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 6px}
body.soma-home-referencia .sref-story-years {font-size:clamp(110px,11vw,167px);font-weight:800;line-height:.9;letter-spacing:-.12em;color:#dedede;position:relative;padding-right:18px}
body.soma-home-referencia .sref-story-years span {position:absolute;right:0;top:49%;transform:translateY(-50%);font-size:17px;letter-spacing:.35em;color:#3c4041;font-weight:650;background:#fff;padding:5px 0 5px 7px}
body.soma-home-referencia .sref-story-anniversary>p {font-size:11px;font-weight:700;letter-spacing:.27em;line-height:1.7;color:#373a3c;margin:14px 0 0 55px;text-align:left}
/* Five compact photo cards like the approved reference. */
body.soma-home-referencia .sref-services {background:#f0f1f1;padding:38px 0 44px}
body.soma-home-referencia .sref-services-inner {max-width:1240px;padding:0 28px;margin:auto}
body.soma-home-referencia .sref-section-heading {display:grid;grid-template-columns:1.4fr .78fr;gap:55px;align-items:end;margin:0 0 24px}
body.soma-home-referencia .sref-section-heading h2 {color:#181b1c;font-size:clamp(27px,2.4vw,35px);line-height:1.12;letter-spacing:-.045em;font-weight:800;margin:0}
body.soma-home-referencia .sref-section-heading>p {font-size:14px;color:#55595a;line-height:1.65;max-width:390px;margin:0 0 2px}
body.soma-home-referencia .sref-service-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
body.soma-home-referencia .sref-service-card {min-width:0;height:225px;display:block;position:relative;overflow:hidden;border-radius:5px;background:#15191a;color:#fff!important;box-shadow:0 2px 4px #0001;transition:transform .2s ease,box-shadow .2s ease}
body.soma-home-referencia .sref-service-card:hover {transform:translateY(-4px);box-shadow:0 10px 20px #0002}
body.soma-home-referencia .sref-service-card>img {width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08)}
body.soma-home-referencia .sref-service-card::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 13%,#10151608 33%,#101516f0 67%,#101516 100%)}
body.soma-home-referencia .sref-service-content {position:absolute;z-index:1;bottom:0;left:0;right:0;padding:10px 13px 15px;min-height:114px}
body.soma-home-referencia .sref-service-icon {display:block;font-size:26px;line-height:1;margin:0 0 6px;color:#fff}
body.soma-home-referencia .sref-service-content h3 {font-size:14px;line-height:1.15;font-weight:750;letter-spacing:-.02em;color:#fff!important;margin:0 0 5px}
body.soma-home-referencia .sref-service-content p {font-size:11px;line-height:1.35;color:#f3f3f3;margin:0 0 4px;max-width:195px}
body.soma-home-referencia .sref-service-arrow {position:absolute;bottom:8px;right:13px;font-size:19px;color:#fff}
/* Differentiators split across image and copy. */
body.soma-home-referencia .sref-why {display:grid;grid-template-columns:42% 58%;background:#fff;min-height:240px}
body.soma-home-referencia .sref-why-photo {background:#ddd url('soma-foto-consultoria.jpg') center 46%/cover no-repeat;filter:grayscale(1)}
body.soma-home-referencia .sref-why-content {padding:35px clamp(28px,4.2vw,68px) 35px 46px;display:flex;flex-direction:column;justify-content:center}
body.soma-home-referencia .sref-why-content h2 {color:#191b1d;font-size:clamp(26px,2.5vw,37px);line-height:1.1;font-weight:800;letter-spacing:-.045em;margin:0 0 25px}
body.soma-home-referencia .sref-benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
body.soma-home-referencia .sref-benefits>div {padding:0 12px;min-width:0;border-left:1px solid #ddd}
body.soma-home-referencia .sref-benefits>div:first-child {padding-left:0;border:0}
body.soma-home-referencia .sref-benefits span {font-size:29px;line-height:1.1;color:#1d2223;display:block;height:39px}
body.soma-home-referencia .sref-benefits p {font-size:12px;line-height:1.25;color:#424748;margin:3px 0 0}
/* Valid dark banner. */
body.soma-home-referencia .sref-valid {background:#202426;position:relative;isolation:isolate;color:#fff;overflow:hidden}
body.soma-home-referencia .sref-valid::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171b1ce8,#171b1c88 50%,#171b1cdd),url('https://images.unsplash.com/photo-1774898989484-0b9becf69efb?auto=format&fit=crop&w=1500&q=78') center/cover no-repeat;filter:grayscale(1)}
body.soma-home-referencia .sref-valid-inner {max-width:1240px;min-height:210px;margin:auto;padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center}
body.soma-home-referencia .sref-valid-copy {width:100%;max-width:560px}
body.soma-home-referencia .sref-valid .sref-kicker {color:#eee!important;margin-bottom:8px!important}
body.soma-home-referencia .sref-valid-copy h2 {color:#fff;font-size:clamp(24px,2.2vw,32px);line-height:1.1;letter-spacing:-.045em;font-weight:800;margin:0 0 8px}
body.soma-home-referencia .sref-valid-copy>p:not(.sref-kicker) {color:#f1f1f1;font-size:12px;line-height:1.5;max-width:400px;margin:0 0 10px}
body.soma-home-referencia .sref-valid .sref-outline-btn {min-width:140px;padding:8px 13px}
body.soma-home-referencia .sref-valid-seal>span {font-size:33px;line-height:1}
/* Editorial cards: same layout without pretending these are dated published news. */
body.soma-home-referencia .sref-articles {background:#fff;padding:35px 0 42px}
body.soma-home-referencia .sref-articles-inner {max-width:1240px;padding:0 28px;margin:auto}
body.soma-home-referencia .sref-articles-heading {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px}
body.soma-home-referencia .sref-articles-heading h2 {font-size:clamp(26px,2.4vw,33px);font-weight:800;line-height:1.12;letter-spacing:-.04em;margin:0;color:#171a1b}
body.soma-home-referencia .sref-articles-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body.soma-home-referencia .sref-article-card {display:block;min-width:0;border:1px solid #e2e2e2;border-radius:4px;overflow:hidden;background:#fafafa;color:#161819!important;box-shadow:0 2px 6px #0000000b}
body.soma-home-referencia .sref-article-card>img {display:block;width:100%;height:80px;object-fit:cover;filter:grayscale(1)}
body.soma-home-referencia .sref-article-card>div {padding:10px 14px 13px}
body.soma-home-referencia .sref-article-card small {display:block;font-size:9px;color:#626669;letter-spacing:.08em;margin-bottom:5px}
body.soma-home-referencia .sref-article-card h3 {font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 9px;min-height:50px;color:#181a1b}
body.soma-home-referencia .sref-article-card span {font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.soma-home-referencia .sref-article-card span span {font-size:16px;text-decoration:none;margin-left:7px}
/* Final call to action and original Manager footer. */
body.soma-home-referencia .sref-contact {background:#25292b;color:#fff;position:relative;isolation:isolate}
body.soma-home-referencia .sref-contact::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171b1bd9,#171b1ba3),url('soma-foto-reuniao.jpg') center 47%/cover no-repeat;filter:grayscale(1)}
body.soma-home-referencia .sref-contact-inner {max-width:1240px;margin:auto;min-height:110px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}
body.soma-home-referencia .sref-contact h2 {font-size:clamp(25px,2.4vw,33px);line-height:1.12;font-weight:800;letter-spacing:-.04em;color:#fff;margin:0 0 4px}
body.soma-home-referencia .sref-contact p {color:#eee;font-size:12px;line-height:1.4;max-width:470px;margin:0}
body.soma-home-referencia .sref-contact .sref-outline-btn {min-width:200px}
body.soma-home-referencia footer.site-footer {background:#141819!important;border-top:1px solid #454949!important;color:#f5f5f5!important}
body.soma-home-referencia footer.site-footer .footer-inner {max-width:1240px;padding:24px 28px;color:#eee!important}
body.soma-home-referencia footer.site-footer .footer-inner * {color:#eee!important;border-color:#777!important}
body.soma-home-referencia footer.site-footer .footer-inner img {max-height:55px;object-fit:contain}
body.soma-home-referencia footer.site-footer .copyright {border-color:#414445!important;background:#141819!important;color:#bbb!important;padding:10px 20px}
@media(max-width:1100px){
  body.soma-home-referencia .sref-story-inner {gap:22px;grid-template-columns:1fr 1.2fr .55fr}
  body.soma-home-referencia .sref-story-years {font-size:115px}
  body.soma-home-referencia .sref-service-grid {gap:10px}
  body.soma-home-referencia .sref-service-content {padding:10px}
  body.soma-home-referencia .sref-service-content h3 {font-size:13px}
  body.soma-home-referencia .sref-valid-inner {gap:18px}
}
@media(max-width:900px){
  body.soma-home-referencia .site-header nav {display:none!important}
  body.soma-home-referencia .site-header nav.open {display:flex!important;position:absolute!important;top:100%;left:0;right:0;background:#15191a!important;flex-direction:column;align-items:stretch;padding:15px 26px;gap:0;max-height:70vh;overflow:auto;box-shadow:0 14px 20px #0006}
  body.soma-home-referencia .site-header nav a {padding:12px!important;font-size:14px!important}
  body.soma-home-referencia .site-header .menu-toggle {margin-left:auto}
  body.soma-home-referencia .sref-hero-inner {min-height:365px}
  body.soma-home-referencia .sref-hero-stamp {width:126px;height:126px;flex-basis:126px}
  body.soma-home-referencia .sref-hero-stamp strong {font-size:57px}
  body.soma-home-referencia .sref-hero-stamp>span {right:10px;top:49px;font-size:9px}
  body.soma-home-referencia .sref-hero-stamp img {width:64px}
  body.soma-home-referencia .sref-story-inner {grid-template-columns:1fr 1.15fr}
  body.soma-home-referencia .sref-story-anniversary {display:none}
  body.soma-home-referencia .sref-service-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
  body.soma-home-referencia .sref-service-card {height:230px}
  body.soma-home-referencia .sref-why {grid-template-columns:36% 64%}
  body.soma-home-referencia .sref-why-content {padding:30px}
  body.soma-home-referencia .sref-benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
  body.soma-home-referencia .sref-benefits>div:nth-child(3) {border:0;padding-left:0}
  body.soma-home-referencia .sref-valid-inner {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  body.soma-home-referencia .header-inner {min-height:58px;padding:6px 18px}
  body.soma-home-referencia .site-header .brand img {width:108px!important;max-height:40px!important}
  body.soma-home-referencia .site-header .header-phone {display:none!important}
  body.soma-home-referencia .sref-hero {min-height:485px;background-position:55% center}
  body.soma-home-referencia .sref-hero::before {background:linear-gradient(0deg,#0e1010f2 0%,#0e1010db 56%,#0e101044 100%)}
  body.soma-home-referencia .sref-hero-inner {min-height:485px;padding:25px 20px 29px;align-items:flex-end;flex-direction:column-reverse;justify-content:space-between;gap:12px}
  body.soma-home-referencia .sref-hero-copy {width:100%}
  body.soma-home-referencia .sref-hero h1 {font-size:clamp(30px,8.3vw,39px)!important;max-width:530px}
  body.soma-home-referencia .sref-lead {font-size:12.5px}
  body.soma-home-referencia .sref-overline {font-size:10px}
  body.soma-home-referencia .sref-hero-stamp {width:92px;height:92px;flex-basis:92px;align-self:flex-end;margin-right:6px}
  body.soma-home-referencia .sref-hero-stamp strong {font-size:43px}
  body.soma-home-referencia .sref-hero-stamp>span {right:6px;top:36px;font-size:7px}
  body.soma-home-referencia .sref-hero-stamp img {width:49px;max-height:25px;margin-top:4px}
  body.soma-home-referencia .sref-story {padding:24px 0 35px}
  body.soma-home-referencia .sref-story-inner {grid-template-columns:1fr;gap:25px;padding:0 20px}
  body.soma-home-referencia .sref-story-photo {height:245px}
  body.soma-home-referencia .sref-story-copy h2 {font-size:31px}
  body.soma-home-referencia .sref-services {padding:35px 0}
  body.soma-home-referencia .sref-services-inner {padding:0 20px}
  body.soma-home-referencia .sref-section-heading {grid-template-columns:1fr;gap:10px}
  body.soma-home-referencia .sref-section-heading h2 {font-size:29px}
  body.soma-home-referencia .sref-service-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.soma-home-referencia .sref-service-card {height:223px}
  body.soma-home-referencia .sref-service-content h3 {font-size:13px}
  body.soma-home-referencia .sref-why {grid-template-columns:1fr}
  body.soma-home-referencia .sref-why-photo {height:200px}
  body.soma-home-referencia .sref-why-content {padding:32px 20px}
  body.soma-home-referencia .sref-why-content h2 {font-size:29px}
  body.soma-home-referencia .sref-valid-inner {grid-template-columns:1fr;gap:20px;padding:32px 20px}
  body.soma-home-referencia .sref-valid-copy {position:relative;z-index:1}
  body.soma-home-referencia .sref-articles {padding:32px 0}
  body.soma-home-referencia .sref-articles-inner {padding:0 20px}
  body.soma-home-referencia .sref-articles-heading {align-items:start;flex-direction:column;gap:10px}
  body.soma-home-referencia .sref-articles-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.soma-home-referencia .sref-article-card h3 {min-height:60px}
  body.soma-home-referencia .sref-contact-inner {padding:30px 20px;flex-direction:column;align-items:start;gap:18px}
  body.soma-home-referencia footer.site-footer .footer-inner {padding:22px 20px}
}
@media(max-width:380px){body.soma-home-referencia .sref-service-grid {grid-template-columns:1fr}body.soma-home-referencia .sref-service-card {height:230px}}
@media(prefers-reduced-motion:reduce){body.soma-home-referencia .sref-service-card,body.soma-home-referencia .sref-outline-btn {transition:none}}

/* Botão de menu também funciona em telas largas: alterna o menu horizontal e o painel. */
@media(min-width:901px){
 body.soma-home-referencia .site-header nav.open {position:absolute;top:100%;right:max(25px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;align-items:stretch;gap:0;background:#161a1b!important;padding:15px 25px;min-width:230px;border:1px solid #ffffff24;box-shadow:0 14px 28px #0005}
 body.soma-home-referencia .site-header nav.open a {padding:12px 0!important}
}
@media(max-width:620px){body.soma-home-referencia .sref-service-card{height:250px}body.soma-home-referencia .sref-service-content{min-height:128px}}

/* Cabeçalho limpo: navegação completa no desktop, botão de menu apenas no tablet/celular. */
@media(min-width:901px){body.soma-home-referencia .site-header .menu-toggle{display:none!important}}

/* ========================================================================
   SOMA 30 ANOS — CAMPANHA COMEMORATIVA EM DOURADO
   A cor dourada aparece APENAS nos elementos de aniversario da Home.
   Nao altera menus, servicos, fotos distintas, Valid ou o Manager.
   ======================================================================== */
body.soma-home-referencia {
  --soma-30-gold: #d8ad60;
  --soma-30-light: #f7dfa8;
  --soma-30-deep: #9e722f;
}
/* Fotografia corporativa mantida; luz quente discreta na area do selo. */
body.soma-home-referencia .sref-hero {
  background-color: #27221c;
  background-image: url('soma-foto-hero.jpg');
  background-position: center 48%;
}
body.soma-home-referencia .sref-hero::before {
  background:
    linear-gradient(90deg, rgba(11,13,14,.91) 0%, rgba(17,17,18,.73) 32%, rgba(23,20,17,.16) 69%, rgba(23,18,12,.48) 100%),
    radial-gradient(ellipse 43% 78% at 82% 49%, rgba(230,170,81,.35), rgba(170,117,46,.11) 48%, transparent 76%);
}
body.soma-home-referencia .sref-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 46%, rgba(242,199,115,.085) 76%, transparent 100%);
  mix-blend-mode: screen;
}
/* Pequena assinatura comemorativa — o verde continua so no logo. */
body.soma-home-referencia .sref-pill {
  border: 1px solid rgba(244,208,143,.76);
  color: #ffe7b6;
  background: rgba(142,94,34,.19);
  box-shadow: 0 0 0 1px rgba(231,179,91,.08) inset;
}
/* Selo: dois aneis metalicos, numeral dourado e brilho contido. */
body.soma-home-referencia .sref-hero-stamp {
  color: #f8e0ae;
  border: 2px solid #e5bd75;
  background: radial-gradient(circle at 35% 30%, rgba(225,170,84,.20), rgba(22,20,18,.14) 67%);
  box-shadow: 0 0 0 5px rgba(231,183,101,.15),
              0 0 0 9px rgba(237,192,110,.055),
              0 6px 26px rgba(0,0,0,.18),
              inset 0 0 18px rgba(232,176,82,.16);
}
body.soma-home-referencia .sref-hero-stamp::before {
  content: '';
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255,226,166,.51);
  border-radius: 50%;
  pointer-events: none;
}
body.soma-home-referencia .sref-hero-stamp::after {
  content: '✦';
  position: absolute;
  top: -17px;
  right: 3px;
  color: #ffe0a2;
  font-size: 19px;
  text-shadow: 0 0 13px rgba(239,183,91,.5);
  pointer-events: none;
}
body.soma-home-referencia .sref-hero-stamp strong {
  color: #edc779;
  background: linear-gradient(135deg,#fff2c9 5%,#efc97f 38%,#b5823b 72%,#f6d897 95%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
}
body.soma-home-referencia .sref-hero-stamp > span {color:#ffe3a8}
/* A fachada original agora aparece com as cores reais, sem o P&B. */
body.soma-home-referencia .sref-story-photo {
  position: relative;
  border-radius: 3px;
  box-shadow: 0 7px 18px rgba(19,22,23,.10);
}
body.soma-home-referencia .sref-story-photo img {
  filter: none;
}
/* Segundo destaque da campanha: 30 anos em dourado suave. */
body.soma-home-referencia .sref-story-anniversary {
  border-left-color: #e8d7b8;
  background: radial-gradient(ellipse at 58% 48%, rgba(255,244,221,.88), rgba(255,255,255,0) 76%);
}
body.soma-home-referencia .sref-story-years {
  color: #c69b52;
  background: linear-gradient(125deg,#edd3a2 4%,#c69b52 42%,#ac7b35 76%,#e4bf7a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.soma-home-referencia .sref-story-years span {
  background: #fffaf0;
  color: #876533;
  -webkit-text-fill-color: #876533;
}
body.soma-home-referencia .sref-story-anniversary > p {color:#816237}
/* Respeita a versao compacta do topo e o layout mobile existente. */
@media(max-width:620px) {
  body.soma-home-referencia .sref-hero::before {
    background:
      linear-gradient(0deg,rgba(13,14,14,.93) 0%,rgba(19,18,16,.80) 53%,rgba(25,20,14,.22) 100%),
      radial-gradient(ellipse at 83% 19%,rgba(222,169,84,.30),transparent 70%);
  }
  body.soma-home-referencia .sref-hero-stamp {
    box-shadow: 0 0 0 4px rgba(231,183,101,.14),
                inset 0 0 12px rgba(232,176,82,.15);
  }
  body.soma-home-referencia .sref-hero-stamp::before {inset:5px}
  body.soma-home-referencia .sref-hero-stamp::after {font-size:14px;top:-13px;right:1px}
}

/* ========================================================================
   SOMA | TIPOGRAFIA PREMIUM DO BANNER — 30 ANOS
   Exclusiva da Home; sem alteracoes no restante do site ou Manager.
   Titulo continua vindo do conteudo cadastrado no Manager.
   ======================================================================== */
body.soma-home-referencia .sref-hero-copy {
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif;
}
body.soma-home-referencia .sref-hero .sref-overline {
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .19em;
  color: #f1ede6;
  margin-bottom: 12px;
}
body.soma-home-referencia .sref-hero h1.sref-hero-title-editorial {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  max-width: 570px;
  margin: 0 0 16px!important;
  font-size: 16px!important;
  line-height: 1!important;
  font-weight: 400!important;
  letter-spacing: normal!important;
  text-transform: none;
  text-shadow: none;
}
body.soma-home-referencia .sref-hero-title-intro {
  display: block;
  color: #f7f3eb;
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif;
  font-size: clamp(21px, 2.15vw, 30px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.22;
  margin-bottom: -1px;
}
body.soma-home-referencia .sref-hero-title-focus {
  display: block;
  width: max-content;
  max-width: 100%;
  color: #f3d395;
  font-family: 'Playfair Display', 'Palatino Linotype', Georgia, serif;
  font-size: clamp(57px, 6vw, 84px);
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.055em;
  line-height: 1.19;
  padding: 0 .10em .08em 0;
  background: linear-gradient(110deg, #fff4d9 0%, #f3d496 38%, #d3a45a 74%, #ffe2a8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.17));
}
body.soma-home-referencia .sref-hero .sref-lead {
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif;
  font-size: 12.8px;
  line-height: 1.65;
  letter-spacing: -.008em;
  color: #f2f0ed;
  max-width: 480px;
}
body.soma-home-referencia .sref-hero .sref-outline-btn {
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
}
@media (max-width: 760px) {
  body.soma-home-referencia .sref-hero-title-intro {font-size: clamp(21px, 4vw, 26px)}
  body.soma-home-referencia .sref-hero-title-focus {font-size: clamp(54px, 10vw, 72px)}
}
@media (max-width: 620px) {
  body.soma-home-referencia .sref-hero h1.sref-hero-title-editorial {margin-bottom: 12px!important}
  body.soma-home-referencia .sref-hero-title-intro {font-size: 22px;line-height: 1.18}
  body.soma-home-referencia .sref-hero-title-focus {font-size: clamp(51px, 13vw, 67px);line-height: 1.22}
  body.soma-home-referencia .sref-hero .sref-overline {letter-spacing: .14em;font-size: 9px;margin-bottom: 9px}
  body.soma-home-referencia .sref-hero .sref-lead {font-size: 12.5px;line-height: 1.55}
}


/* =====================================================================
   SOMA EMPRESARIAL | TIPOGRAFIA APROVADA — PROPOSTA A
   Titulos, menu e botoes: Plus Jakarta Sans
   Textos de leitura: DM Sans
   Banner comemorativo 30 anos: Manrope + Playfair Display (PRESERVADO)
   Escopo: somente Home; nao altera Manager nem paginas internas.
   ===================================================================== */
body.soma-home-referencia {
  font-family: 'DM Sans', Arial, Helvetica, sans-serif !important;
}
/* Cabecalho, botoes, links e titulos dos cartoes. */
body.soma-home-referencia :is(
  .site-header nav a,
  .site-header .header-phone,
  .sref-outline-btn,
  .sref-inline-link,
  .sref-service-card h3,
  .sref-article-card h3
) {
  font-family: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif !important;
}
/* Titulos institucionais: hierarquia editorial mais marcante. */
body.soma-home-referencia :is(
  .sref-story-copy h2,
  .sref-section-heading h2,
  .sref-why-content h2,
  .sref-valid-copy h2,
  .sref-articles-heading h2,
  .sref-contact h2
) {
  font-family: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif !important;
  font-weight: 750 !important;
  letter-spacing: -.055em !important;
}
/* Paragrafos e textos de apoio, com leitura mais confortavel. */
body.soma-home-referencia :is(
  .sref-story-copy > p:not(.sref-kicker),
  .sref-section-heading > p,
  .sref-service-card p,
  .sref-valid-copy > p:not(.sref-kicker),
  .sref-article-card small,
  .sref-contact p
) {
  font-family: 'DM Sans', Arial, Helvetica, sans-serif !important;
}
body.soma-home-referencia .sref-story-copy h2 {
  font-size: clamp(30px, 3vw, 43px) !important;
  line-height: 1.13 !important;
}
body.soma-home-referencia .sref-section-heading h2 {
  font-size: clamp(28px, 2.4vw, 35px) !important;
  line-height: 1.18 !important;
}
body.soma-home-referencia .site-header nav a {
  font-weight: 700 !important;
  letter-spacing: -.016em !important;
}
body.soma-home-referencia .sref-kicker {
  font-family: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
}
body.soma-home-referencia .sref-service-card h3 {
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
}
/* Preserva o estilo ja aprovado do banner e o desenho do selo. */
body.soma-home-referencia .sref-hero-stamp {
  font-family: Arial, Helvetica, sans-serif;
}
/* Mobile: evita fontes grandes demais e palavras ultrapassando o card. */
@media (max-width: 620px) {
  body.soma-home-referencia .sref-story-copy h2 {
    font-size: clamp(28px, 7.5vw, 34px) !important;
  }
  body.soma-home-referencia .sref-section-heading h2 {
    font-size: clamp(26px, 7.2vw, 31px) !important;
  }
}


/* =====================================================================
   SOMA EMPRESARIAL | WHATSAPP NO "FALE CONOSCO"
   Icone monocromatico, alinhado ao texto e sem alterar o visual aprovado.
   Funciona na Home, no menu e em links das paginas internas/rodape.
   ===================================================================== */
a.soma-whatsapp-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
a.soma-whatsapp-link .soma-whatsapp-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  color: inherit;
  vertical-align: middle;
}
body.soma-home-referencia .sref-contact a.soma-whatsapp-link {
  justify-content: center;
  gap: 10px;
}
body.soma-home-referencia .sref-contact a.soma-whatsapp-link .soma-whatsapp-icon {
  width: 18px;
  height: 18px;
}
@media(max-width:760px){
  .site-header nav a.soma-whatsapp-link {align-items:center;gap:9px}
}


/* ====================================================================
   SOMA | ICONES DOS CONTATOS (aprovados em 27/10/2026)
   Telefone fixo, WhatsApp e e-mail: somente links correspondentes.
   O menu "Fale conosco" permanece sem icone; Manager inalterado.
   ==================================================================== */
a.soma-contact-link {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  max-width: 100%;
  vertical-align: middle;
  text-decoration: none;
}
a.soma-contact-link .soma-contact-icon {
  display: inline-flex;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  align-self: baseline;
  position: relative;
  top: 3px;
  color: inherit;
}
a.soma-contact-link .soma-contact-icon svg,
a.soma-contact-link .soma-contact-icon .soma-whatsapp-icon {
  display: block;
  width: 18px;
  height: 18px;
  color: inherit;
}
a.soma-contact-link .soma-contact-label {
  display: inline-block;
  min-width: 0;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: 3px;
}
a.soma-contact-link:hover .soma-contact-label {text-decoration-thickness: 2px}
@media (max-width: 620px) {
  a.soma-contact-link {gap: 9px}
  a.soma-contact-link .soma-contact-icon {flex-basis: 17px;width:17px;height:17px}
  a.soma-contact-link .soma-contact-icon svg {width:17px;height:17px}
}


/* ================================================================
   SOMA | SELO ORIGINAL DOS 30 ANOS — arte enviada pelo cliente
   Alteracoes limitadas a cabecalho e marcas comemorativas da Home.
   O desenho original foi mantido; somente muda o contraste no hero.
   ================================================================ */
/* Logo da Soma um pouco maior, sem transformar o menu em uma faixa alta. */
body.soma-home-referencia .header-inner {
  min-height: 74px;
  padding-top: 7px;
  padding-bottom: 7px;
}
body.soma-home-referencia .site-header .brand img {
  width: 150px !important;
  max-height: 59px !important;
  height: auto !important;
  object-fit: contain;
}
/* O novo selo e horizontal, respeitando a proporcao da arte oficial. */
body.soma-home-referencia .sref-hero-stamp.sref-hero-stamp--oficial {
  width: clamp(260px, 28vw, 350px);
  height: auto;
  min-height: 142px;
  flex: 0 0 clamp(260px, 28vw, 350px);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: visible;
}
body.soma-home-referencia .sref-hero-stamp.sref-hero-stamp--oficial::before {
  content: '';
  position: absolute;
  inset: -22px -18px;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(225,176,93,.21),rgba(225,176,93,0) 70%);
  box-shadow: none;
  pointer-events: none;
}
body.soma-home-referencia .sref-hero-stamp.sref-hero-stamp--oficial::after {content: none !important;display:none !important}
body.soma-home-referencia .sref-hero-stamp.sref-hero-stamp--oficial img.sref-selo-30 {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0;
  padding: 0;
  transform: none;
  object-fit: contain;
  position: relative;
  z-index: 1;
  /* Versao champagne para contrastar com a fotografia escura. */
  filter: brightness(0) saturate(100%) invert(88%) sepia(26%) saturate(570%) hue-rotate(340deg) brightness(102%) contrast(97%) drop-shadow(0 3px 7px rgba(0,0,0,.30));
}
/* Na historia, usar a cor cinza original da marca, em fundo claro. */
body.soma-home-referencia .sref-story-anniversary {
  padding: 18px 14px;
  background: radial-gradient(ellipse at center,rgba(246,232,207,.38),transparent 78%);
  border-left-color: #e4d7c4;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.soma-home-referencia .sref-story-anniversary img.sref-selo-30--story {
  display: block;
  width: 100%;
  max-width: 320px;
  max-height: 190px;
  height: auto;
  object-fit: contain;
  filter: none;
}
@media(max-width:900px){
  body.soma-home-referencia .sref-hero-stamp.sref-hero-stamp--oficial {
    width: clamp(195px,26vw,245px);
    min-height: 100px;
    flex: 0 0 clamp(195px,26vw,245px);
  }
  body.soma-home-referencia .sref-hero-copy {width: min(550px, 60%)}
  body.soma-home-referencia .sref-story-anniversary {
    display:flex;
    grid-column:1/-1;
    height:auto;
    min-height:125px;
    border-left:0;
    border-top:1px solid #e4d7c4;
    padding:14px 20px;
  }
  body.soma-home-referencia .sref-story-anniversary img.sref-selo-30--story {max-width:330px}
}
@media(max-width:620px){
  body.soma-home-referencia .header-inner {min-height:66px;padding-top:6px;padding-bottom:6px}
  body.soma-home-referencia .site-header .brand img {width:132px!important;max-height:53px!important}
  body.soma-home-referencia .sref-hero-stamp.sref-hero-stamp--oficial {
    width:min(71vw,260px);
    height:auto;
    min-height:0;
    flex:0 0 auto;
    align-self:flex-end;
    margin:0 0 2px;
  }
  body.soma-home-referencia .sref-hero-copy {width:100%}
  body.soma-home-referencia .sref-story-anniversary {min-height:100px;margin-top:0}
  body.soma-home-referencia .sref-story-anniversary img.sref-selo-30--story {max-width:290px}
}


/* =====================================================================
   SOMA | FOTOS COLORIDAS | SERVICOS, DIFERENCIAIS E DICAS — 27/10/2026
   Solicitacao do cliente: mais vida nas fotos, sem mexer na identidade.
   O banner de 30 anos, a Valid, a fachada e o rodape ficam como estavam.
   ===================================================================== */

/* Cinco servicos: retirar o preto e branco; manter o degradê de leitura. */
body.soma-home-referencia .sref-service-card > img {
  filter: saturate(1.08) contrast(1.02) !important;
}
body.soma-home-referencia .sref-service-card::after {
  background: linear-gradient(180deg,
    rgba(15,19,20,0) 0%,
    rgba(15,19,20,.06) 38%,
    rgba(15,19,20,.74) 72%,
    rgba(15,19,20,.97) 100%
  );
}

/* Foto de parceria: a foto antiga ja era cinza no proprio arquivo.
   Nova foto colorida de equipe em escritorio, diferente das demais.
   Fonte: Pexels, foto 3931504, uso gratuito (licenca Pexels). */
body.soma-home-referencia .sref-why-photo {
  background-color: #e0e5e4;
  background-image: url('https://images.pexels.com/photos/3931504/pexels-photo-3931504.jpeg?auto=compress&cs=tinysrgb&w=1200');
  background-position: center 44%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: none !important;
}

/* Quatro artigos: exibir as cores naturais das fotos. */
body.soma-home-referencia .sref-article-card > img {
  filter: saturate(1.07) contrast(1.02) !important;
}

/* ====================================================================
   SOMA | NOSSA HISTORIA — OPCAO 3 APROVADA PELO CLIENTE | 27/10/2026
   Duas colunas equilibradas, foto real, texto e arco bege muito sutil.
   O selo dos 30 anos continua exclusivamente no banner principal.
   Restrito a Home; sem alterar Manager, menus ou paginas internas.
   ==================================================================== */
body.soma-home-referencia .sref-story {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fff;
  padding: 52px 0 56px;
}
/* Tracos abstratos discretos, apenas no canto direito, sem imagens externas. */
body.soma-home-referencia .sref-story::before,
body.soma-home-referencia .sref-story::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
}
body.soma-home-referencia .sref-story::before {
  width: 560px;
  height: 490px;
  top: 18px;
  right: -350px;
  border: 19px solid rgba(199, 159, 109, .105);
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(-17deg);
}
body.soma-home-referencia .sref-story::after {
  width: 520px;
  height: 455px;
  top: 38px;
  right: -360px;
  border: 2px solid rgba(195, 154, 106, .075);
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(-17deg);
}
body.soma-home-referencia .sref-story-inner {
  position: relative;
  z-index: 1;
  max-width: 1190px;
  padding: 0 28px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .97fr) minmax(0, 1.03fr);
  gap: clamp(32px, 4.3vw, 62px);
  align-items: center;
}
body.soma-home-referencia .sref-story-photo {
  width: 100%;
  height: clamp(255px, 24vw, 294px);
  min-width: 0;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 9px 25px rgba(19,22,23,.10);
}
body.soma-home-referencia .sref-story-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 54%;
  filter: none;
}
body.soma-home-referencia .sref-story-copy {
  min-width: 0;
  max-width: 600px;
}
body.soma-home-referencia .sref-story-copy h2 {
  max-width: 570px;
  margin-bottom: 16px;
}
body.soma-home-referencia .sref-story-copy > p:not(.sref-kicker) {
  max-width: 555px;
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 22px;
}
/* Sem a terceira coluna, o antigo divisor e o selo nao aparecem. */
body.soma-home-referencia .sref-story-anniversary {display:none!important}
@media (max-width: 900px) {
  body.soma-home-referencia .sref-story {padding: 42px 0 45px}
  body.soma-home-referencia .sref-story-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 28px;
    padding: 0 26px;
  }
  body.soma-home-referencia .sref-story-photo {height: 265px}
  body.soma-home-referencia .sref-story-copy > p:not(.sref-kicker) {font-size:14px}
}
@media (max-width: 620px) {
  body.soma-home-referencia .sref-story {padding: 32px 0 38px}
  body.soma-home-referencia .sref-story-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
    padding: 0 20px;
  }
  body.soma-home-referencia .sref-story-photo {height: 240px}
  body.soma-home-referencia .sref-story-copy > p:not(.sref-kicker) {font-size:14px;line-height:1.7}
  body.soma-home-referencia .sref-story::before,
  body.soma-home-referencia .sref-story::after {display:none}
}


/* SOMA — selo ORIGINAL enviado pelo cliente, sem filtros, sem redesenho.
   A base branca e apenas um fundo de contraste, pois a arte original
   tem regioes transparentes que precisam continuar legiveis no banner escuro. */
body.soma-home-referencia .sref-valid-oficial {
  position:absolute;
  top:50%;
  right:clamp(35px,5.5vw,110px);
  transform:translateY(-50%);
  width:clamp(145px,9.5vw,178px);
  aspect-ratio:1;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 28px rgba(0,0,0,.25);
  z-index:2;
}
body.soma-home-referencia .sref-valid-oficial img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none!important;
  opacity:1!important;
}
@media(min-width:621px){
  body.soma-home-referencia .sref-valid-inner {padding-right:clamp(210px,22vw,320px)}
}
@media(min-width:621px) and (max-width:900px){
  body.soma-home-referencia .sref-valid-oficial {right:24px;width:128px}
  body.soma-home-referencia .sref-valid-inner {padding-right:205px}
}
@media(max-width:620px){
  body.soma-home-referencia .sref-valid-oficial {
    position:relative;
    top:auto;
    right:auto;
    transform:none;
    width:135px;
    margin:5px auto 0;
  }
}