/*
 * Caderneta pública de cuidado animal
 * Camada final de direção visual: navegação, ritmo, componentes e estados.
 */

:root{
  --blue:#0a3977;
  --blue-deep:#052651;
  --blue-night:#041b3c;
  --sky:#e9f2fb;
  --yellow:#f7c84b;
  --yellow-soft:#fff4c9;
  --green:#277a55;
  --green-deep:#15553b;
  --green-soft:#e7f3ea;
  --paper:#f6f8f3;
  --mist:#eef3ef;
  --ink:#182335;
  --muted:#586779;
  --line:#cbd6d1;
  --white:#fff;
  --danger:#a63232;
  --display:"Bricolage Grotesque",sans-serif;
  --body:"Atkinson Hyperlegible",sans-serif;
  --mono:"IBM Plex Mono",monospace;
  --shadow:0 12px 32px rgba(5,38,81,.09);
  --shadow-strong:7px 7px 0 rgba(5,38,81,.12);
  --content:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:112px}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
button,input,select,textarea{font:inherit}
a,button,input,select,textarea{outline-offset:4px}
:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.container{width:min(calc(100% - 40px),var(--content));margin-inline:auto}
.eyebrow{font-family:var(--mono);font-size:10px!important;font-weight:600;letter-spacing:.09em;text-transform:uppercase}

/* Cabeçalho: o usuário escolhe o serviço antes da tarefa. */
.site-header{position:sticky;top:0;z-index:100;border-bottom:0;background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px)}
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:76px;gap:0}
.brand{grid-column:1;grid-row:1;gap:12px;align-self:center}
.brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:2px 11px 2px 11px;background:var(--blue);box-shadow:4px 4px 0 #d4e1ec;transform:rotate(-1deg)}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff;transform:rotate(1deg)}
.brand--custom-logo{gap:0}.brand--custom-logo .brand-copy{display:none}
.brand-logo{display:block;width:auto;max-width:310px;height:56px;object-fit:contain;object-position:left center}
.footer-brand .brand-logo{max-width:270px;height:52px}
.brand-copy strong{font-size:12px;letter-spacing:.03em}
.brand-copy small{max-width:260px;font-size:10px}
.service-navigation{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;margin-inline:-20px;border-top:1px solid var(--line)}
.service-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-bottom:4px solid transparent;color:var(--muted);font-size:13px;font-weight:700}
.service-tab+ .service-tab{border-left:1px solid var(--line)}
.service-tab span{font-family:var(--mono);font-size:8px}
.service-tab--castracao:hover,.service-tab--castracao:focus-visible{color:var(--blue)}
.service-tab--adocao:hover,.service-tab--adocao:focus-visible{color:var(--green)}
body:not(.adocao-page):not(.adocao-admin-page) .service-tab--castracao{border-bottom-color:var(--blue);background:var(--sky);color:var(--blue-deep)}
.adocao-page .service-tab--adocao,.adocao-admin-page .service-tab--adocao{border-bottom-color:var(--green);background:var(--green-soft);color:var(--green-deep)}
.header-actions{grid-column:2;grid-row:1;justify-self:end;gap:9px}
.header-actions .staff-link{display:none}
.help-link{gap:7px;color:var(--blue-deep);font-size:12px}
.help-link span{width:30px;height:30px;border:1px solid #cfdae5;border-radius:2px 8px 2px 8px;background:var(--sky)}

/* Linguagem de ação: firme, pública e específica. */
.button{position:relative;min-height:50px;border-radius:2px!important;font-weight:700;letter-spacing:.005em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(1px)}
.button-yellow{box-shadow:0 5px 0 #b88718}
.button-deep{box-shadow:0 5px 0 #031832}
.button-outline{background:#fff}
.text-link,.text-link-dark,.adocao-link-secundario,.export-link,.table-action,.back-link{text-underline-offset:4px}
.text-link:hover,.text-link-dark:hover,.adocao-link-secundario:hover,.export-link:hover,.table-action:hover,.back-link:hover{text-decoration:underline}

/* Página de castração: uma ficha de atendimento em escala urbana. */
.hero{isolation:isolate;background:var(--blue)}
.hero::after{width:64vw;height:64vw;right:-18vw;bottom:-34vw;border-style:dashed}
.hero-copy{padding-top:58px}
.hero-kicker{margin-bottom:20px;color:#dceaff;font-weight:600}
.hero h1{letter-spacing:-.045em}
.hero-lead{font-size:16px}
.vacancy-ticket{border-radius:1px;box-shadow:9px 10px 0 rgba(3,24,50,.24);transform:rotate(-1.3deg)}
.vacancy-ticket::before,.vacancy-ticket::after{background:var(--blue)}
.ticket-label{font-weight:600;letter-spacing:.11em}
.hero-actions{display:flex;align-items:stretch;flex-direction:column;gap:18px}
.hero-cta-row{display:grid;width:100%;gap:12px}
.hero-cta-row .button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding-inline:20px;text-align:left}
.hero-cta-row .button b{font-size:18px;font-weight:400;transition:transform .16s ease}
.hero-cta-row .button:hover b{transform:translateX(3px)}
.hero-general-button{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.08);box-shadow:none;color:#fff}
.hero-general-button:hover{border-color:#fff;background:rgba(255,255,255,.16)}
.hero-process-link{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;color:#d9e7fa;font-size:13px;font-weight:700}
.hero-process-link>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-family:var(--mono);font-size:10px}
.hero-process-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.hero-assurances{letter-spacing:.035em}

/* Linha do tempo: uma única linha de serviço, sem coleção de cartões. */
.process-section,.readiness-section{padding:84px 0}
.process-section{background:#fff}
.process-heading{max-width:700px;margin-inline:auto;margin-bottom:52px}
.process-heading::after{width:56px;height:4px;border-radius:0}
.process-list{gap:28px}
.process-list::before{left:27px;top:28px;bottom:38px;border-left:2px solid #afc3d5}
.process-item{grid-template-columns:56px 1fr;gap:18px;min-height:0;padding-bottom:10px}
.process-marker{align-items:flex-start}
.process-icon{width:56px;height:56px;border:2px solid #afc5d8;border-radius:2px 15px 2px 15px;background:#f4f8fb;box-shadow:5px 5px 0 #dfebf5}
.process-icon svg{width:30px;height:30px}
.process-copy{padding-top:3px}
.process-number{min-width:32px;height:22px;border-radius:1px;box-shadow:none}
.process-item h3{font-size:22px}
.process-item p{max-width:430px;font-size:14px}
.readiness-section{position:relative;overflow:hidden;background:var(--mist)}
.readiness-section::before{content:"CHECKLIST";position:absolute;right:-15px;top:42px;color:rgba(5,38,81,.06);font-family:var(--display);font-size:clamp(70px,12vw,170px);font-weight:800;letter-spacing:-.06em}
.readiness-layout{position:relative}
.data-list{border-top:2px solid var(--blue-deep)}
.data-list li{min-height:54px;align-items:center}
.data-list span{display:grid;place-items:center;width:30px;height:30px;background:#fff;color:var(--blue);font-family:var(--mono);font-size:9px;box-shadow:3px 3px 0 #d2dfda}
.rule-note{border-radius:2px 14px 2px 14px;box-shadow:var(--shadow)}
.final-cta{padding:74px 0;background:#fff}
.final-cta-inner{position:relative;border:1px solid #c9d7e4;border-left:8px solid var(--yellow);background:linear-gradient(110deg,var(--sky),#f8fbfd);box-shadow:var(--shadow-strong)}
.final-cta-inner::after{content:"PRÓXIMO PASSO";position:absolute;right:18px;top:15px;color:#9bb0c5;font-family:var(--mono);font-size:8px;letter-spacing:.1em}

/* Adoção: mesma caderneta, rota verde. */
.adocao-page{--adocao-verde:var(--green);--adocao-verde-escuro:var(--green-deep);--adocao-verde-claro:var(--green-soft);--adocao-creme:#f9fbf6}
.adocao-hero-grade{position:relative}
.adocao-hero-conteudo{padding-top:68px}
.adocao-sobrelinha span{border-radius:2px 8px 2px 8px}
.adocao-botao-principal{border-radius:2px!important;box-shadow:0 5px 0 #123f2e}
.adocao-busca{border-radius:2px 16px 2px 16px;box-shadow:var(--shadow-strong)}
.adocao-busca select{border-radius:2px}
.animal-card{position:relative;border-radius:2px 14px 2px 2px;box-shadow:5px 5px 0 #e0e9e2}
.animal-card::before{content:"DISPONÍVEL";position:absolute;z-index:2;top:0;right:0;padding:6px 9px;background:#fff;color:var(--green-deep);font-family:var(--mono);font-size:7px;letter-spacing:.08em}
.animal-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #d7e3da}
.animal-foto small{border-radius:1px}
.animal-cta{border-radius:2px}
.adocao-vazio{border-radius:2px 14px 2px 14px}
.como-adotar{border-top:1px solid #dce6dd}
.passo-icone{width:58px;height:58px;border:2px solid #a9c9b3;border-radius:2px 15px 2px 15px;box-shadow:5px 5px 0 #dfede2;font-size:23px}
.adocao-responsavel-interno{border-radius:2px 16px 2px 16px;box-shadow:var(--shadow)}
.adocao-escudo{border-radius:2px 14px 2px 14px}

/* Formulários: progresso claro e leitura de cima para baixo. */
.registration-page,.compact-main,.result-main,.reading-main,.detail-main{padding-top:54px}
.back-link{color:var(--blue);font-weight:700}
.registration-intro h1,.compact-layout h1,.result-copy h1,.single-result h1,.status-layout h1,.privacy-page h1,.detail-layout h1,.dashboard-heading h1,.login-intro h1{font-size:clamp(42px,5vw,62px);letter-spacing:-.045em}
.registration-intro>p:not(.eyebrow){font-size:16px}
.mini-ticket{border-radius:2px;box-shadow:7px 7px 0 #d9b33e}
.form-shell{position:relative;border:1px solid #bfcfc9;border-radius:2px 15px 2px 2px;box-shadow:var(--shadow-strong)}
.form-shell::before{content:"DADOS PROTEGIDOS · ETAPAS 01—02";display:block;margin:-24px -24px 26px;padding:10px 24px;background:var(--blue-deep);color:#fff;font-family:var(--mono);font-size:8px;letter-spacing:.1em}
.adocao-page .form-shell::before,.adocao-admin-page .form-shell::before{background:var(--green-deep)}
.adocao-page .button-deep,.adocao-admin-page .button-deep{background:var(--green-deep);box-shadow:0 5px 0 #0d3827}
.adocao-page .mini-ticket,.adocao-admin-page .mini-ticket{background:var(--green-soft);box-shadow:7px 7px 0 #bcd6c5;color:var(--green-deep)}
.adocao-page .back-link,.adocao-admin-page .back-link{color:var(--green-deep)}
.campaign-form fieldset+fieldset{border-top:2px solid var(--line)}
.campaign-form legend{font-size:25px}
.campaign-form legend span{display:grid;place-items:center;width:34px;height:26px;background:var(--sky);font-size:9px}
.field input,.field select,.field textarea,.lookup-form input,.management-form input,.management-form select,.management-form textarea,.login-form input{border-radius:1px!important;background:#fbfcfa}
.field input:focus,.field select:focus,.field textarea:focus,.lookup-form input:focus,.management-form input:focus,.management-form select:focus,.management-form textarea:focus,.login-form input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px #dceafa}
.privacy-consent{border-radius:2px 10px 2px 10px}
.form-final{border-top:2px solid var(--blue-deep)}

/* Protocolos e acompanhamento: o código vira âncora visual. */
.status-layout>section{position:relative;padding:28px;border:1px solid var(--line);border-top:7px solid var(--blue);background:#fff;box-shadow:var(--shadow)}
.status-layout>section::after{content:"PROTOCOLO";position:absolute;right:20px;top:18px;color:#a4b2be;font-family:var(--mono);font-size:8px;letter-spacing:.12em}
.status-track{background:var(--paper);padding-inline:16px}
.status-actions{border-left-width:7px;box-shadow:var(--shadow)}

/* Gestão: densa, mas com hierarquia de operação pública. */
.dashboard-page{padding-top:52px;background:#edf2ef}
.dashboard-intro{max-width:620px;margin:12px 0 0;color:var(--muted)}
.dashboard-heading{padding-bottom:26px;border-bottom:2px solid var(--blue-deep)}
.adocao-admin-page .dashboard-heading{border-bottom-color:var(--green-deep)}
.dashboard-actions{align-items:center}
.stats-grid{gap:14px}
.stat-card{overflow:hidden;min-height:142px;border-radius:1px;background:#fff;box-shadow:4px 4px 0 #dce5e1}
.stat-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#9ab0c5}
.stat-card.stat-primary::before{background:var(--yellow)}
.adocao-admin-page .stat-card:not(.stat-primary)::before{background:#86b69b}
.registrations-panel{border-radius:2px 15px 2px 2px;box-shadow:var(--shadow)}
.panel-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}
.search-form input,.search-form select{border-radius:1px}
.table-wrap{border-top:2px solid var(--blue-deep)}
.adocao-admin-page .table-wrap{border-top-color:var(--green-deep)}
table th{color:var(--blue-deep);font-family:var(--mono);font-size:9px;letter-spacing:.05em}
table tbody tr{transition:background .12s ease}
table tbody tr:hover{background:#f2f6f4}
.status-chip{border-radius:1px}
.empty-row{padding-block:52px!important;background:var(--paper)}
.empty-row span{display:block;margin-top:6px;color:var(--muted)}

/* Central da equipe e ferramentas operacionais. */
.team-hub{min-height:calc(100vh - 82px)}
.team-workspaces{display:grid;gap:18px;margin-bottom:42px}
.workspace-card{position:relative;overflow:hidden;padding:28px;border:1px solid #c8d7e2;border-radius:2px 18px 2px 2px;background:#fff;box-shadow:var(--shadow-strong)}
.workspace-card::after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-85px;border:28px solid rgba(10,57,119,.08);border-radius:50%}
.workspace-card--adocao{border-color:#c9ddcf}
.workspace-card--adocao::after{border-color:rgba(39,122,85,.09)}
.workspace-card .eyebrow{color:var(--blue)}
.workspace-card--adocao .eyebrow{color:var(--green-deep)}
.workspace-card h2{margin:5px 0 8px;color:var(--blue-deep);font-size:clamp(32px,4vw,44px);line-height:.95}
.workspace-card>p:not(.eyebrow){max-width:420px;margin:0;color:var(--muted)}
.workspace-number{display:flex;align-items:end;gap:10px;min-height:74px;margin:24px 0}
.workspace-number strong{color:var(--blue-deep);font-family:var(--mono);font-size:52px;line-height:.8}
.workspace-card--adocao .workspace-number strong{color:var(--green-deep)}
.workspace-number span{max-width:190px;color:var(--muted);font-size:12px;line-height:1.35}
.workspace-card--adocao .button-deep{background:var(--green-deep);box-shadow:0 5px 0 #0d3827}
.team-tools{padding:28px;border:1px solid var(--line);border-radius:2px 16px 2px 2px;background:#fff;box-shadow:var(--shadow)}
.team-tools h2{margin:3px 0 22px;color:var(--blue-deep);font-size:30px;line-height:1}
.team-tools-grid{display:grid;gap:10px}
.team-tool{display:grid;grid-template-columns:36px 1fr;gap:4px 12px;padding:16px;border:1px solid #d8e1dd;border-radius:2px;background:#fbfcfa;transition:transform .15s ease,box-shadow .15s ease}
.team-tool:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #dbe5df}
.team-tool span{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;background:var(--sky);color:var(--blue);font-family:var(--mono);font-size:9px}
.team-tool strong{color:var(--blue-deep);font-size:15px}.team-tool small{color:var(--muted);font-size:12px}
.logo-preview{display:grid;gap:8px;justify-items:start;margin-top:28px;padding:14px;border:1px dashed #aabcb5;background:#fff}
.logo-preview img{max-width:160px;max-height:90px;object-fit:contain}.logo-preview span{color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}
.animal-management-grid{display:grid;gap:14px}
.animal-management-card{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid #cde0d2;border-radius:2px 14px 2px 2px;background:#fff;box-shadow:4px 4px 0 #dce9df}
.animal-management-photo{display:grid;place-items:center;overflow:hidden;width:100px;height:100px;background:var(--green-soft);color:var(--green-deep);font-size:34px}.animal-management-photo img{width:100%;height:100%;object-fit:cover}
.animal-management-card .eyebrow{margin:0;color:var(--green-deep)}.animal-management-card h2{margin:3px 0;color:var(--blue-deep);font-size:26px;line-height:1}.animal-management-card p:not(.eyebrow){margin:7px 0 12px;color:var(--muted);font-size:13px}
.checkbox-field{display:flex;align-items:center;gap:8px}.checkbox-field input{width:20px;height:20px;min-height:0}

/* Rodapé: mapa curto dos serviços. */
.site-footer{border-top:8px solid var(--blue);background:var(--blue-night)}
.adocao-page .site-footer,.adocao-admin-page .site-footer{border-top-color:var(--green)}
.footer-grid{grid-template-columns:1fr;gap:30px;padding-block:52px}
.footer-grid nav{display:block}
.footer-grid h2{color:var(--yellow)}
.footer-grid a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-bottom{letter-spacing:.05em}.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-bottom a{color:#d4e5f6;font-weight:700;text-decoration:underline;text-underline-offset:3px}

@media(min-width:700px){
  html{scroll-padding-top:84px}
  .container{width:min(calc(100% - 64px),var(--content))}
  .header-inner{grid-template-columns:minmax(190px,1fr) auto minmax(180px,1fr);min-height:82px}
  .brand{grid-column:1;grid-row:1}
  .service-navigation{grid-column:2;grid-row:1;align-self:stretch;margin:0;border:0}
  .header-actions{grid-column:3;grid-row:1}
  .service-tab{min-width:118px;min-height:82px;padding:0 18px;border-bottom-width:5px}
  .service-tab+ .service-tab{border-left:1px solid var(--line)}
  .header-actions .staff-link{display:inline-flex}
  .help-link em{display:inline}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .hero-cta-row{display:flex;width:auto;flex-wrap:wrap}
  .hero-cta-row .button{width:auto;min-width:190px}
  .process-list{grid-template-columns:repeat(3,1fr);gap:34px}
  .process-list::before{top:28px;right:calc(16.66% - 6px);bottom:auto;left:calc(16.66% - 6px);border-top:2px solid #afc3d5;border-left:0}
  .process-item{display:block;padding:0;text-align:left}
  .process-marker{justify-content:center;margin-bottom:20px}
  .process-copy{padding:0 8px}
  .process-title-row{align-items:flex-start;flex-direction:column;gap:8px}
  .process-item p{max-width:none}
  .final-cta-inner{padding:36px 38px}
  .footer-grid{grid-template-columns:1.35fr repeat(3,1fr)}
}

@media(min-width:980px){
  .header-actions .staff-link{display:inline-flex}
  .hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
  .hero-copy{min-height:610px;padding-block:86px 76px}
  .hero-visual{height:auto;margin-right:calc((100vw - min(calc(100vw - 64px),var(--content)))/-2)}
  .vacancy-ticket{right:-155px;bottom:50px}
  .process-section,.readiness-section{padding:104px 0}
  .process-heading{margin-bottom:64px}
  .readiness-layout{grid-template-columns:1.1fr .9fr .85fr;align-items:center}
  .final-cta-inner{align-items:center;flex-direction:row;justify-content:space-between}
  .final-cta-inner .button{width:auto;white-space:nowrap}
  .adocao-hero-grade{min-height:560px}
  .adocao-hero-conteudo{padding-block:90px 78px}
  .adocao-hero-arte,.adocao-hero-arte img{min-height:560px}
  .registration-layout{grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);gap:64px}
  .registration-intro{position:sticky;top:116px}
  .dashboard-heading{align-items:flex-end;flex-direction:row;justify-content:space-between}
  .dashboard-actions{display:flex;width:auto}
  .dashboard-actions .button{width:auto}
  .team-workspaces{grid-template-columns:1fr 1fr}
  .team-tools-grid{grid-template-columns:repeat(3,1fr)}
  .animal-management-grid{grid-template-columns:repeat(3,1fr)}
  .animal-management-card{grid-template-columns:1fr}.animal-management-photo{width:100%;height:180px}
}

@media(max-width:699px){
  .brand-logo{max-width:198px;height:42px}
  .footer-brand .brand-logo{max-width:230px;height:46px}
  .brand-copy strong{max-width:150px;font-size:10px}
  .brand-copy small{display:none}
  .header-actions .help-link b{font-size:0}
  .header-actions .help-link b::after{content:"Acompanhar";font-size:11px}
  .header-actions .help-link em{display:none}
  .hero{overflow:hidden}
  .hero-copy{padding-top:64px}
  .hero-actions{gap:16px}
  .hero-cta-row{grid-template-columns:1fr}
  .process-heading{text-align:left}
  .process-heading::after{margin-left:0}
  .process-heading>span{margin-left:0}
  .final-cta-inner::after{display:none}
  .adocao-hero-conteudo{padding-top:72px}
  .adocao-busca{margin-top:-1px}
  .adocao-cabecalho{align-items:flex-start;flex-direction:column}
  .campaign-form,.lookup-form,.management-form{padding:20px}
  .form-shell::before{margin:-20px -20px 24px;padding-inline:20px}
  .status-layout>section{padding:23px 20px}
  .status-layout>section::after{display:none}
  .dashboard-actions{grid-template-columns:1fr}
  .footer-bottom .container{align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  .button,.animal-card,table tbody tr{transition:none}
  .button:hover,.animal-card:hover{transform:none}
}

/* Login: uma única tarefa, sem conteúdo promocional paralelo. */
.dashboard-login-page{
  display:grid;
  place-items:center;
  padding-block:56px;
}
.dashboard-login-page::before{display:none}
.login-layout{
  display:flex;
  justify-content:center;
}
.login-card{
  width:min(100%,460px);
  order:0;
}

/* Hero de adoção: imagem e página compartilham o mesmo campo de cor. */
.adocao-hero{background:#eff8ef}
.adocao-hero-arte{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#eff8ef;
}
.adocao-hero-arte::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  z-index:1;
  width:clamp(42px,8vw,120px);
  pointer-events:none;
  background:linear-gradient(90deg,#eff8ef 0%,rgba(239,248,239,.86) 34%,rgba(239,248,239,0) 100%);
}
.adocao-hero-arte img{
  display:block;
  object-position:center center;
}

@media(min-width:980px){
  .adocao-hero-arte{
    margin-right:calc((100vw - min(calc(100vw - 64px),var(--content)))/-2);
  }
}

@media(max-width:979px){
  .adocao-hero-arte::before{display:none}
  .adocao-hero-arte img{object-position:center center}
}