/* =========================================================================
   TÂNIA YAMAGUTI · ATENDIMENTOS
   Agência RCA · v3.1
   PASTA: /assets/atendimentos.css   (só na página Atendimentos, depois do site.css)
   A partir do mockup de 09/10, na mesma linguagem da Sobre.
   ========================================================================= */
.pg-atend main{overflow-x:clip}
.pg-atend section{position:relative}
.pg-atend .rotulo{font-size:12px;letter-spacing:.24em;color:#86663b}
.pg-atend .rotulo::before{display:none}
.pg-atend .titulo{font-size:clamp(32px,3.4vw,46px);line-height:1.04;margin-top:12px}
.onda{position:absolute;left:0;bottom:-1px;width:100%;height:72px;pointer-events:none;z-index:3}
.ramo{position:absolute;color:#c9a979;pointer-events:none;opacity:.5}
.a-cab{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}

/* ── abertura ── */
.a-hero{min-height:clamp(380px,26vw,480px);padding:30px 0 80px;background:#261c11;color:#efe4d0;overflow:hidden;display:flex;align-items:center}
.a-hero-fundo{position:absolute;inset:0}
.a-hero-fundo img{width:100%;height:100%;object-fit:cover;object-position:80% 50%;animation:surge-a 1.6s var(--mola) both}
.a-hero-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,24,15,.85) 0%,rgba(32,24,15,.6) 38%,rgba(32,24,15,.15) 56%,rgba(32,24,15,0) 68%)}
@keyframes surge-a{from{opacity:.4;transform:scale(1.03)}to{opacity:1;transform:none}}
.a-hero-in{position:relative;z-index:2;width:100%;max-width:1320px;padding:0 64px}
.a-hero-texto{max-width:620px;margin-left:clamp(0px,4vw,70px)}
.a-hero .rotulo.sem-traco{color:var(--ouro-claro)}
.a-hero-texto h1{font-size:clamp(42px,3.6vw,58px);line-height:1;margin:10px 0 16px;color:#fbf5ea}
.a-hero-texto>p:not(.rotulo){font-size:18px;line-height:1.6;color:#e2d6c1;max-width:46ch}

/* ── cuidado integral ── */
.a-cuidado{padding:64px 0 116px;background:#f7efe3;overflow:hidden}
.a-cuidado-ramo{left:-24px;top:90px;width:150px;transform:scaleX(-1) rotate(-14deg)}
.a-cuidado-in{max-width:1180px;display:grid;grid-template-columns:1fr minmax(0,520px);gap:72px;align-items:center}
.a-cuidado-texto p:not(.rotulo){margin-top:16px;font-size:17.5px;line-height:1.6;color:#4f463e;max-width:50ch}
.a-cuidado-texto .titulo{max-width:20ch}
.a-cuidado-texto .titulo+p{margin-top:22px}
.a-cuidado-arte{position:relative}
.a-cuidado-ramo2{right:-50px;top:-40px;width:150px;opacity:.6;z-index:2;transform:rotate(18deg)}
.a-blob{position:relative}
.a-blob::before{content:"";position:absolute;inset:-16px -22px -20px 14%;border-radius:44% 56% 50% 50%/52% 46% 54% 48%;background:linear-gradient(140deg,#e7ead9,#cfd5bd);opacity:.6}
.a-blob img{position:relative;width:100%;aspect-ratio:1.18/1;object-fit:cover;object-position:50% 40%;border-radius:58% 42% 54% 46%/48% 52% 48% 52%;box-shadow:0 30px 60px -34px rgba(60,48,34,.6);transition:border-radius 2.4s var(--mola)}
.a-blob:hover img{border-radius:48% 52% 46% 54%/54% 46% 54% 46%}

/* ── grade de práticas ── */
.a-praticas{padding:56px 0 120px;background:#f1e6d6;overflow:hidden;scroll-margin-top:80px}
.a-praticas .env{max-width:1240px}
.a-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.a-cartao{position:relative;display:flex;flex-direction:column;background:#f8eddc;border:1px solid rgba(160,122,73,.22);border-radius:14px;overflow:hidden;box-shadow:0 18px 36px -30px rgba(60,48,34,.55);transition:transform .8s var(--mola),box-shadow .8s;transition-delay:calc(var(--i,0)*60ms);scroll-margin-top:110px}
.a-cartao:hover{transform:translateY(-4px);box-shadow:0 26px 44px -28px rgba(60,48,34,.6);transition-delay:0s}
.a-cartao:target{box-shadow:0 0 0 2px var(--ouro),0 26px 44px -28px rgba(60,48,34,.6)}
.a-cartao-foto{aspect-ratio:16/10;overflow:hidden;background:#e6d8c3}
.a-cartao-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--mola)}
.a-cartao:hover .a-cartao-foto img{transform:scale(1.05)}
.a-cartao-ico{position:absolute;left:18px;top:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--verde);color:#f6efe3;box-shadow:0 0 0 4px #f8eddc;transform:translateY(-50%)}
.a-cartao-corpo{position:relative;padding:34px 20px 24px;flex:1}
.a-cartao-corpo h3{font:600 22px/1.15 "Cormorant Garamond",serif;color:#231f1b}
.a-cartao-corpo p{margin-top:8px;font-size:15px;line-height:1.55;color:#5f544a}

/* verso do cartão: camada verde com o que ajuda a decidir */
.a-mais{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:0;background:none;border:0;font:600 14px "Lora",serif;color:var(--verde);cursor:pointer}
.a-mais svg{transition:transform .4s var(--mola)}
.a-mais:hover svg{transform:rotate(90deg)}
.a-cartao-corpo{display:flex;flex-direction:column}
.a-cartao-corpo p{flex:1}
.a-verso{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;padding:30px 22px 24px;background:radial-gradient(260px 200px at 100% 0%,rgba(255,255,255,.08),transparent 70%),linear-gradient(160deg,#55634a,#43503a);color:#f4ecdc;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .8s var(--mola),transform .8s var(--mola),visibility 0s .8s}
.a-cartao.aberto .a-verso{opacity:1;visibility:visible;transform:none;transition:opacity .8s var(--mola),transform .8s var(--mola)}
@media (hover:hover){.a-cartao:hover .a-verso{opacity:1;visibility:visible;transform:none;transition:opacity .8s var(--mola),transform .8s var(--mola)}}
.a-verso h3{font:600 23px/1.15 "Cormorant Garamond",serif;color:#fff;padding-right:28px}
.a-verso ul{display:grid;gap:18px;margin:18px 0 20px;padding-top:18px;border-top:1px solid rgba(215,192,154,.35)}
.a-verso li{display:flex;gap:11px;align-items:flex-start}
.a-verso li svg{flex:none;margin-top:2px;color:var(--ouro-claro)}
.a-verso li span{display:flex;flex-direction:column;font-size:15px;line-height:1.4;color:#efe6d6}
.a-verso li b{font:600 11px "Raleway",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:4px}
.a-verso .botao{min-height:44px;padding:0 18px;font-size:15px;align-self:flex-start;margin-top:auto}
.a-fecha{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(215,192,154,.45);background:none;color:#f4ecdc;cursor:pointer}
@media (hover:hover){.a-fecha{display:none}.a-cartao.aberto .a-fecha{display:grid}}

/* ── como funciona ── */
.a-como{padding:40px 0 110px;background:#f7efe3;overflow:hidden}
.a-como-ramo{right:-20px;top:60px;width:160px}
.a-como-in{display:grid;grid-template-columns:46% 1fr;gap:72px;align-items:center;padding-right:max(24px,calc((100vw - 1180px)/2))}
.a-como-foto img{width:100%;aspect-ratio:1.3/1;object-fit:cover;border-radius:0 52% 48% 0/0 50% 50% 0;box-shadow:0 30px 60px -34px rgba(60,48,34,.6)}
.a-como-texto>p:not(.rotulo){margin-top:16px;font-size:17.5px;line-height:1.6;color:#4f463e;max-width:50ch}
.a-passos{display:grid;gap:14px;margin-top:26px;counter-reset:none}
.a-passos li{display:flex;align-items:center;gap:16px;font-size:16.5px;line-height:1.45;color:#3f3832}
.a-passos span{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(160deg,#a27a4c,#7f5a33);color:#f6efe3;font:600 14px "Raleway",sans-serif;letter-spacing:.04em;transition:transform .5s var(--mola),background .5s}
.a-passos li:hover span{transform:scale(1.08);background:var(--verde)}

/* ── frase da Tânia ── */
.a-frase{background:linear-gradient(100deg,#46523d,#55634a 50%,#48543f);color:#f4ecdc;padding:78px 0 82px;margin:-36px 0 -36px;z-index:4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V276C1220 296 960 270 720 284S240 300 0 280Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V276C1220 296 960 270 720 284S240 300 0 280Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.a-frase-in{max-width:980px;text-align:center}
.a-frase-fio{display:flex;align-items:center;gap:18px;justify-content:center;color:var(--ouro-claro);margin-bottom:18px}
.a-frase-fio::before,.a-frase-fio::after{content:"";flex:1;max-width:240px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,192,154,.7))}
.a-frase-fio::after{transform:scaleX(-1)}
.a-frase blockquote p{font:italic 500 clamp(26px,2.6vw,36px)/1.3 "Cormorant Garamond",serif;color:#fbf5ea}

/* ── informações ── */
.a-info{padding:96px 0 110px;background:#fbf6ee;overflow:hidden}
.a-info-ramo{left:-24px;top:70px;width:150px;transform:scaleX(-1)}
.a-info .env{max-width:1180px}
.a-info-lista{display:grid;grid-template-columns:repeat(4,1fr)}
.a-info-lista li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 26px;border-left:1px solid rgba(160,122,73,.3)}
.a-info-lista li:first-child{border-left:0}
.a-info-lista span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,#c27c5c,#a2603f);color:#f6efe3;margin-bottom:6px;transition:transform .6s var(--mola)}
.a-info-lista li:hover span{transform:rotate(-8deg)}
.a-info-lista h3{font:600 22px/1.2 "Cormorant Garamond",serif;color:#231f1b}
.a-info-lista p{font-size:15px;line-height:1.55;color:#5f544a;max-width:26ch}

/* ── chamada final ── */
.a-cta{background:radial-gradient(500px 240px at 50% 0%,rgba(255,255,255,.07),transparent 70%),linear-gradient(100deg,#9f5c3e,#ae6a4a 50%,#a2603f);color:#f6e9dc;padding:84px 0 92px;overflow:hidden;margin-top:-34px;z-index:4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V300H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V300H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.a-cta .ramo{color:#f0d3b6;opacity:.42}
.a-cta-ramo1{left:-20px;top:10px;width:170px;transform:rotate(-12deg)}
.a-cta-ramo2{right:2%;top:20px;width:150px;transform:scaleX(-1)}
.a-cta-in{max-width:1180px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.a-cta .rotulo{color:#f0d6bb}
.a-cta h2{margin-top:10px;font:italic 500 clamp(32px,3vw,44px)/1.15 "Cormorant Garamond",serif;color:#fff}
.a-cta-dir p{font-size:18px;line-height:1.6;color:#f6e9dc;max-width:42ch}
.a-cta-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.a-cta-acoes .botao{white-space:nowrap}

/* ── tablet ── */
@media (max-width:1100px){
  .a-grade{grid-template-columns:repeat(2,1fr)}
  .a-cuidado-in{grid-template-columns:1fr 1fr}
}
@media (max-width:1000px){
  .a-cuidado-in{gap:44px}
  .a-como-in{gap:44px}
  .a-info-lista{grid-template-columns:1fr 1fr;row-gap:36px}
  .a-info-lista li:nth-child(3){border-left:0}
  .a-cta-in{grid-template-columns:1fr;gap:24px}
}

/* ── celular ── */
@media (max-width:760px){
  .onda{height:40px}
  .a-cab{margin-bottom:28px}
  .a-hero{min-height:0;display:block;padding:0 0 70px}
  .a-hero-fundo{position:relative;display:block;height:min(56vw,250px)}
  .a-hero-fundo::after{background:linear-gradient(180deg,rgba(38,28,17,0) 50%,#261c11 100%)}
  .a-hero-fundo img{object-position:60% 50%}
  .a-hero-in{padding:0 20px;margin-top:-20px}
  .a-hero-texto{margin:0}
  .a-hero-texto h1{font-size:clamp(38px,10.5vw,50px)}
  .a-hero-texto>p:not(.rotulo){font-size:17px}
  .a-cuidado-ramo,.a-cuidado-ramo2,.a-como-ramo,.a-info-ramo,.a-cta-ramo1,.a-cta-ramo2{display:none}
  .a-cuidado{padding:44px 0 90px}
  .a-cuidado-in{grid-template-columns:1fr;gap:34px}
  .a-cuidado-arte{order:-1;max-width:400px;margin:0 auto;width:100%}
  .a-cuidado-texto p:not(.rotulo),.a-como-texto>p:not(.rotulo){font-size:16.5px}
  .a-praticas{padding:40px 0 90px}
  .a-grade{grid-template-columns:1fr;gap:16px}
  .a-cartao-corpo p{font-size:16px}
  .a-mais{font-size:15px}
  .a-verso li span{font-size:16px}
  .a-como{padding:30px 0 90px}
  .a-como-in{grid-template-columns:1fr;padding:0 20px 0 0;gap:30px}
  .a-como-texto{padding-left:20px}
  .a-passos li{font-size:16px}
  .a-frase{padding:70px 0 74px}
  .a-frase blockquote p{font-size:24px}
  .a-frase blockquote br{display:none}
  .a-info{padding:80px 0 90px}
  .a-info-lista{grid-template-columns:1fr;row-gap:30px}
  .a-info-lista li{border-left:0;padding:0}
  .a-info-lista p{font-size:16px}
  .a-cta{padding:80px 0 76px;margin-top:-50px}
  .a-cta h2 br{display:none}
  .a-cta .botao{width:100%}
}

/* ── Cursos e formações ── */
.c-cursos{padding:50px 0 120px;background:#f7efe3;overflow:hidden}
.c-ramo{right:-24px;top:40px;width:150px}
.c-cursos .env{max-width:1200px}
.c-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.c-cartao{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(170deg,#3f4c37,#33402d);color:#efe6d6;box-shadow:0 26px 46px -30px rgba(40,46,28,.8);transition:transform .8s var(--mola),box-shadow .8s;transition-delay:calc(var(--i,0)*60ms)}
.c-cartao:hover{transform:translateY(-5px);box-shadow:0 34px 56px -30px rgba(40,46,28,.85);transition-delay:0s}
.c-cartao-foto{position:relative;aspect-ratio:1.9/1;overflow:hidden}
.c-cartao-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--mola)}
.c-cartao:hover .c-cartao-foto img{transform:scale(1.05)}
.c-selo{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:30px;background:#e6cf9e;color:#2f3a28;font-size:14px;font-weight:500;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.c-cartao-corpo{position:relative;flex:1;display:flex;flex-direction:column;padding:28px 28px 30px;overflow:hidden}
.c-cartao-corpo h2{font:500 32px/1.05 "Cormorant Garamond",serif;color:#fbf5ea}
.c-cartao-corpo p{flex:1;margin-top:14px;font-size:15.5px;line-height:1.6;color:#ded5c3}
.c-cartao-pe{position:relative;z-index:2;margin-top:24px;padding-top:20px;border-top:1px solid rgba(215,192,154,.3)}
.c-estado{display:flex;align-items:center;gap:12px;font:600 12px "Raleway",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-claro)}
.c-avisa{display:inline-flex;align-items:center;gap:12px;margin-top:18px;min-height:48px;padding:0 22px;border:1px solid rgba(215,192,154,.7);border-radius:10px;color:#f4ecdc;font-size:15.5px;text-decoration:none;transition:background .4s,color .4s,gap .35s var(--mola)}
.c-avisa:hover{background:#e6cf9e;color:#2f3a28;gap:16px}
.c-cartao-ramo{right:-20px;bottom:-10px;width:120px;color:#c9a979;opacity:.35}

.c-novidades{position:relative;margin-top:44px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:28px 64px 28px 72px;border-radius:18px;min-height:clamp(170px,15.5vw,200px);overflow:hidden;color:#f6e9dc;background:linear-gradient(90deg,rgba(60,30,18,.5),rgba(60,30,18,.12) 55%,rgba(60,30,18,0)),url("../imagens/site/cursos-novidades.webp") 88% center/cover no-repeat,#6e3c26;box-shadow:0 30px 56px -34px rgba(90,52,30,.8)}
.c-nov-ramo{display:none}
.c-novidades .rotulo{color:var(--ouro-claro)}
.c-novidades h2{margin-top:8px;font:500 clamp(32px,3vw,44px)/1.05 "Cormorant Garamond",serif;color:#fff}
.c-nov-texto>p:not(.rotulo){margin-top:8px;font-size:17px;line-height:1.5;color:#f3e3d2;max-width:52ch}
.c-novidades .botao{position:relative;z-index:2;white-space:nowrap;margin-right:clamp(0px,14vw,220px)}

@media (max-width:1000px){.c-grade{grid-template-columns:1fr 1fr}.c-novidades{grid-template-columns:1fr;padding:40px}}
@media (max-width:760px){
  .c-cursos{padding:30px 0 70px}
  .c-ramo,.c-nov-ramo{display:none}
  .c-grade{grid-template-columns:1fr;gap:18px}
  .c-cartao-corpo{padding:24px 22px 26px}
  .c-cartao-corpo p{font-size:16px}
  .c-avisa{width:100%;justify-content:center}
  .c-novidades{padding:32px 22px;margin-top:30px;gap:22px;background-position:72% center}
  .c-novidades .botao{margin-right:0}
  .c-novidades .botao{width:100%}
}

/* ── auditoria 09/10 ── */
@media (min-width:761px) and (max-width:1180px){
  .a-hero-fundo::after{background:linear-gradient(90deg,rgba(32,24,15,.94) 0%,rgba(32,24,15,.88) 50%,rgba(32,24,15,.4) 72%,rgba(32,24,15,0) 88%)}
}
@media (max-width:760px){.a-hero-texto h1 br{display:none}}
.a-info-lista p{min-height:calc(1.55em * 3)}