/* Studio Anna Beauty — fidelidade ao layout de referência
   Mantém os estilos funcionais de blog/admin; somente site público é reestilizado.
   Brand: rosa seco / fundo rosé claro / botões dourados / escrita caligráfica. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italianno&display=swap');
:root{
  --anna-rose:#b6697a;
  --anna-rose-mid:#c27b89;
  --anna-rose-dark:#a85d6e;
  --anna-rose-pale:#fff7f8;
  --anna-gold:#f3c24c;
  --anna-black:#292027;
  --anna-script:'Italianno','URW Chancery L','Brush Script MT',cursive;
}
html{scroll-padding-top:84px}
body{background:var(--anna-rose-pale);font-family:'DM Sans','Segoe UI',Arial,sans-serif;color:var(--anna-black)}
.site-header{height:74px;background:#fffbfb;border-bottom:1px solid #f2e1e5;position:sticky;top:0;z-index:100}
.site-header .container{width:min(1150px,calc(100% - 54px))}
.header-inner{gap:14px}
.brand{width:138px}
.brand img{width:138px;max-height:60px}
.site-header .main-nav{gap:20px}
.site-header .main-nav>a{color:#3c3236;font-size:10px;letter-spacing:0;font-weight:600}
.site-header .main-nav>a:hover{color:var(--anna-rose-dark)}
.site-header .header-book{background:transparent;border-color:#c68290;color:#9c6573;min-height:34px;padding:7px 12px;font-size:10px;font-weight:600;letter-spacing:0;border-radius:3px}
.site-header .header-book:hover{color:#fff;background:var(--anna-rose-dark)}
.header-social{display:flex;align-items:center;gap:12px}
.header-social a{display:grid;place-items:center;color:#d0929e;width:21px;height:25px}
.header-social a:hover{color:var(--anna-rose-dark)}
.header-social svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-toggle{color:var(--anna-rose-dark)!important}
.anna-home{overflow:hidden;background:var(--anna-rose-pale)}
.anna-wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}
.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.anna-yellow-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 24px;border-radius:30px;border:0;background:var(--anna-gold);color:#231f20;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px 0 #c69d37;transition:background .2s,transform .2s;white-space:nowrap}
.anna-yellow-btn:hover{background:#ffd36e;transform:translateY(-2px)}
.anna-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--anna-rose-dark);border-radius:35px;padding:12px 22px;color:var(--anna-rose-dark);font-size:12px;font-weight:700;transition:background .2s,color .2s}
.anna-outline-btn:hover{background:var(--anna-rose-dark);color:#fff}
.anna-script-heading{font-family:var(--anna-script)!important;font-size:clamp(64px,8.2vw,102px)!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:.83!important;color:#1e191b}
.anna-overline{font-size:11px;letter-spacing:.21em;color:var(--anna-rose-dark);font-weight:700}
.anna-deco{position:absolute;width:27%;height:125px;pointer-events:none;fill:none;stroke:#dc967d;stroke-width:1.15;opacity:.75}

/* 1. Hero da referência */
.anna-hero{height:440px;position:relative;background:#fffbfc;isolation:isolate;overflow:hidden}
.anna-hero-inner{width:min(1080px,calc(100% - 64px));height:100%;margin:auto;display:grid;grid-template-columns:48% 52%;align-items:center}
.anna-hero-text{position:relative;z-index:3;padding-top:8px}
.anna-hero-text h1{font-family:'DM Sans','Segoe UI',sans-serif;letter-spacing:-.025em;font-size:clamp(25px,3.2vw,42px);font-weight:700;line-height:1.22;margin:0 0 24px}
.anna-hero-text h1 span{color:#bc7181}
.anna-hero-text p{font-size:13px;font-weight:500;line-height:1.55;margin:0 0 25px}
.anna-hero-images{position:relative;height:100%;z-index:2}
.anna-hero-rose{position:absolute;right:-180px;top:0;width:630px;height:100%;background:linear-gradient(90deg,rgba(255,250,252,.12),rgba(210,107,134,.5)),linear-gradient(128deg,#f5d7dd,#c8788f 70%);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);opacity:.87}
.anna-hero-shadow{position:absolute;bottom:-53px;right:4%;height:525px;width:auto;max-width:none;filter:grayscale(.2) sepia(.3) saturate(.6);opacity:.23;transform:scale(1.35);object-fit:contain}
.anna-shadow-one{right:49%;transform:scale(1.27) scaleX(-1);opacity:.14}
.anna-shadow-two{right:-26%;opacity:.22;transform:scale(1.48)}
.anna-hero-person{position:absolute;bottom:0;left:5%;height:101%;max-width:none;width:auto;object-fit:contain;filter:drop-shadow(0 10px 25px #76445218)}
.anna-hero-waves{position:absolute;inset:0;z-index:1;pointer-events:none}
.anna-hero-waves svg{width:100%;height:100%}
.anna-hero-waves path{fill:none;stroke:#d6a0a8;stroke-width:1.25;opacity:.75}

/* 2. Bloco de tratamentos */
.anna-treatments{position:relative;background:linear-gradient(130deg,#ac6171 0%,#bf7685 58%,#cb8391 100%);color:#fff;padding:74px 0 90px;overflow:hidden}
.anna-treatments .anna-wrap{max-width:980px;position:relative;z-index:2}
.anna-giant-letter{pointer-events:none;position:absolute;color:#ffe6e5;opacity:.075;font-family:Georgia,serif;font-size:750px;line-height:1;right:-5%;top:0}
.anna-treatment{display:grid;grid-template-columns:46% 54%;align-items:center;gap:72px;margin-bottom:78px;position:relative}
.anna-treatment:last-child{margin-bottom:0}
.anna-treatment-photo{width:340px;max-width:100%;margin:0;justify-self:center;background:#fff;box-shadow:0 3px 14px #67353d20;border-radius:3px;overflow:hidden}
.anna-treatment-photo img{display:block;width:100%;height:315px;object-fit:cover}
.anna-treatment-brow .anna-treatment-photo img{height:355px;object-fit:cover}
.anna-treatment-photo figcaption{color:#252020;background:#fff;padding:13px 17px;font-family:Georgia,serif;font-style:italic;font-size:16px}
.anna-treatment-copy{max-width:455px}
.anna-treatment-copy h3{color:white;font:700 20px/1.4 'DM Sans',sans-serif;letter-spacing:-.015em;margin:0 0 24px;border-bottom:1px solid #eeb7bd;padding-bottom:11px}
.anna-treatment-copy h4{font:700 13px/1.5 'DM Sans',sans-serif;margin:16px 0 7px;color:#fff}
.anna-treatment-copy p,.anna-treatment-copy li{color:#fff;font-size:12px;line-height:1.65;font-weight:400}
.anna-treatment-copy p{margin:0 0 12px}
.anna-treatment-copy ul{margin:10px 0 23px;padding-left:19px}
.anna-treatment-copy .anna-yellow-btn{margin-top:8px}
.anna-treatment-lashes{grid-template-columns:54% 46%}
.anna-treatment-lashes .anna-treatment-photo{width:322px}
.anna-treatment-lashes .anna-treatment-photo img{height:335px}
.anna-treatment-lips .anna-treatment-photo{width:340px}
.anna-treatment-lips .anna-treatment-photo img{height:330px}

/* 3. Antes e depois */
.anna-results{background:#fffafa;padding:38px 0 58px}
.anna-results-inner{max-width:1290px}
.anna-results h2{text-align:center;margin:0 auto 37px;font-size:72px!important}
.anna-results-collage{width:100%;display:block;max-width:1240px;max-height:420px;object-fit:contain;margin:auto}

/* 4. Equipe */
.anna-team{position:relative;background:linear-gradient(100deg,#a85e70,#c27a89);padding:85px 0;color:#fff;overflow:hidden}
.anna-team:before,.anna-team:after{position:absolute;content:'SB';font:330px Georgia,serif;opacity:.035;line-height:1;color:#fff;pointer-events:none}
.anna-team:before{left:0;bottom:-90px}.anna-team:after{right:2%;top:-75px}
.anna-team-grid{max-width:990px;display:grid;grid-template-columns:43% 57%;gap:66px;align-items:center}
.anna-team-photo img{width:410px;height:auto;display:block;max-width:100%;border-radius:18px}
.anna-team-copy{position:relative;z-index:1}
.anna-team-copy h2{font:700 25px/1.2 'DM Sans',sans-serif;letter-spacing:0;margin:0 0 26px;color:#fff}
.anna-team-copy h3{font:700 14px/1.35 'DM Sans',sans-serif;color:#fff;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid #ecb6bf}
.anna-team-copy p{font-size:12px;line-height:1.8;color:#fff;margin:0 0 13px}
.anna-team-copy .anna-quote{font-weight:600;font-style:italic}

/* 5. Cursos */
.anna-courses{position:relative;background:var(--anna-rose-pale);padding:76px 0 63px}
.anna-courses-heading{text-align:center;position:relative;z-index:2}
.anna-courses-heading h2{margin:0 0 8px}
.anna-courses-heading p{font-size:21px;line-height:1.3;margin:5px 0 46px}
.anna-deco-left{left:-8%;top:46px}
.anna-deco-right{right:-8%;bottom:2px}
.anna-course-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:790px;margin:auto}
.anna-course-card{background:#fff9fa;min-height:225px;position:relative;padding:54px 20px 24px;box-shadow:3px 5px 7px #6a41463b;border:1px solid #e1bdc3}
.anna-course-card img{position:absolute;top:-38px;left:50%;width:88px;height:88px;object-fit:contain;transform:translateX(-50%)}
.anna-course-card h3{font:700 17px/1.3 'DM Sans',sans-serif;margin:0 0 12px}
.anna-course-card p{font-size:11px;line-height:1.55;margin:0}
.anna-learning{margin:62px auto 0;max-width:790px;text-align:center}
.anna-learning h3{font:600 20px 'DM Sans',sans-serif;margin:0 0 25px}
.anna-learning ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0;padding:0}
.anna-learning li{background:#fff;display:flex;align-items:center;gap:9px;padding:15px;text-align:left;font-size:12px}
.anna-learning li:before{content:'♡';display:grid;place-items:center;border:1px solid #d8999f;border-radius:50%;width:22px;height:22px;flex:none;color:#c67e89}

/* 6. Galeria e mapa */
.anna-space{background:#fff7f8;padding:60px 0 82px;position:relative}
.anna-space:before,.anna-space:after{position:absolute;content:"";width:300px;height:120px;pointer-events:none;border:1px solid #e1ac9c;border-left:0;border-right:0;border-bottom:0;border-radius:60%;opacity:.7}
.anna-space:before{left:-125px;top:180px;transform:rotate(-28deg)}
.anna-space:after{right:-120px;top:430px;transform:rotate(20deg)}
.anna-space-visual{display:grid;grid-template-columns:38% 62%;max-width:880px;margin:0 auto 38px;align-items:center}
.anna-space-visual h2{text-align:right;position:relative;z-index:1;margin:0 -40px 0 0;font-size:92px!important}
.anna-space-visual img{display:block;width:100%;max-height:750px;object-fit:contain}
.anna-location{text-align:center;max-width:1000px;margin:auto}
.anna-location h2{margin:0 0 25px}
.anna-map{border:2px solid #b87887;border-radius:10px;overflow:hidden;background:#f1e6e6;height:335px}
.anna-map iframe{width:100%;height:100%;border:0;display:block}
.anna-location p{font-size:12px;margin:20px 0 8px}
.anna-address-link{font-size:13px;color:var(--anna-rose-dark);font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* 7. Texto de técnicas preservado */
.anna-techniques{background:#fffafa;padding:60px 0 67px}
.anna-techniques .anna-wrap{max-width:900px}
.anna-techniques h2{font:600 19px/1.55 'DM Sans',sans-serif;letter-spacing:0;margin-bottom:23px}
.anna-techniques ul{padding-left:22px;margin:0;columns:2;column-gap:55px}
.anna-techniques li{font-size:13px;line-height:1.75;break-inside:avoid;margin-bottom:8px}

/* 8. Blog adicionando a seção sem mudar a linguagem do original */
.anna-blog{background:#f5e8ea;padding:82px 0}
.anna-blog-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
.anna-blog-heading h2{margin:18px 0 4px}
.anna-blog-heading p{font-size:14px;margin:0}
.anna-posts-grid .post-card{background:#fffafa;border-color:#ebc6cb}
.anna-blog-empty{padding:42px;text-align:center;border:1px solid #e9cdd2;background:#fffafa}
.anna-blog-empty>span{font-size:35px;color:var(--anna-rose-dark)}
.anna-blog-empty h3{font-family:Georgia,serif;font-size:27px;margin:10px 0}
.anna-blog-empty p{font-size:13px}
.anna-blog-empty a{color:var(--anna-rose-dark);font-weight:700;font-size:12px}

/* 9. FAQ e contatos */
.anna-faq{padding:79px 0 85px;background:#fffafa}
.anna-faq h2{text-align:center;margin:0 0 44px}
.anna-faq-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:13px 26px}
.anna-faq-item{border-bottom:1px solid #e7c8ce;padding:0 10px}
.anna-faq-item summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:18px 0;font-size:13px;font-weight:700}
.anna-faq-item summary::-webkit-details-marker{display:none}
.anna-faq-item summary span{font-size:24px;color:var(--anna-rose-dark);font-weight:400}
.anna-faq-item[open] summary span{transform:rotate(45deg)}
.anna-faq-item p{font-size:12px;line-height:1.7;margin:0 0 18px}
.anna-contact{background:linear-gradient(115deg,#a85c70,#bd7687);color:#fff;padding:83px 0}
.anna-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.anna-contact .anna-overline{color:#ffe6eb}
.anna-contact h2{color:#fff;margin:20px 0 14px}
.anna-contact p{font-size:14px}
.anna-contact-actions{display:flex;align-items:start;flex-direction:column;gap:18px}
.anna-contact .anna-outline-btn{color:#fff;border-color:#ffe1e8}
.anna-contact .anna-outline-btn:hover{background:#fff;color:var(--anna-rose-dark)}
.anna-instagram-link{color:#fff;font-size:12px;text-decoration:underline;text-underline-offset:5px}

/* Rodapé original reaproveitado, cores e presença digital alinhadas */
.footer{background:#fff9fa;color:#4f363f;border-top:1px solid #f0d8df}
.footer h3,.footer a,.footer p,.footer span{color:#72505a}
.footer a:hover{color:#9c5669}
.footer-logo img{max-width:130px}
.footer-bottom{border-top-color:#eddae0}
.footer-social-links{display:flex;align-items:center;gap:16px;margin-top:17px}
.footer-social-links a{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#a66375;font-weight:600}

/* Blog público recebe tipografia/colorização compatíveis com a home. */
.inner-hero{background:#f8edef!important;color:#36242a!important}
.inner-hero h1{color:#36242a!important}
.blog-page{background:#fffafb}
.post-card h3 a:hover{color:#a85d6e}
.post-meta{color:#a66575}
.site-header .header-social + .header-book{margin-left:2px}
.anna-whatsapp-float{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;z-index:90;background:#25d366;color:#fff;box-shadow:0 7px 20px #183b2638;transition:transform .2s}
.anna-whatsapp-float:hover{transform:translateY(-3px)}
.anna-whatsapp-float svg{width:27px;height:27px;fill:#fff}

@media(max-width:1100px){
 .site-header .main-nav{gap:12px}
 .header-social{gap:5px}
 .site-header .header-book{display:none}
 .anna-treatment{gap:44px}
 .anna-team-grid{gap:42px}
}
@media(max-width:850px){
 .site-header{height:66px}
 .site-header .main-nav{position:absolute;top:100%;right:0;left:0;background:#fff8f9;padding:20px 32px 28px;display:none;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 12px 24px #35232a18}
 .site-header .main-nav.open{display:flex}
 .site-header .main-nav>a{color:#4e3940;font-size:14px}
 .site-header .main-nav .mobile-booking{display:block;color:var(--anna-rose-dark);font-weight:700}
 .site-header .menu-toggle{display:block;margin-left:4px}
 .site-header .header-social{margin-left:auto}
 .anna-hero{height:390px}
 .anna-hero-text h1{font-size:clamp(22px,3.5vw,31px)}
 .anna-hero-images .anna-hero-person{left:-6%}
 .anna-treatment{gap:24px;grid-template-columns:44% 56%}
 .anna-treatment-lashes{grid-template-columns:56% 44%}
 .anna-treatments{padding:60px 0}
 .anna-treatment-photo img,.anna-treatment-brow .anna-treatment-photo img{height:280px}
 .anna-team-grid{gap:24px}
 .anna-team-copy h2{font-size:21px}
 .anna-team-copy p{font-size:11px}
 .anna-course-cards{gap:12px}
}
@media(max-width:650px){
 .anna-wrap,.anna-hero-inner{width:min(100% - 34px,500px)}
 .anna-hero{min-height:645px;height:auto}
 .anna-hero-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:645px}
 .anna-hero-text{padding:46px 6px 0}
 .anna-hero-text h1{font-size:clamp(26px,6.4vw,39px);max-width:485px}
 .anna-hero-text p{font-size:13px;margin-bottom:20px}
 .anna-hero-images{height:310px;min-height:310px;width:100%;margin-top:10px}
 .anna-hero-rose{left:-10%;right:-10%;width:120%;clip-path:polygon(21% 0,100% 0,100% 100%,0 100%);opacity:.8}
 .anna-hero-person{height:108%;left:8%!important}
 .anna-hero-shadow{height:350px;bottom:-15px}
 .anna-treatment,.anna-treatment-lashes{display:flex;flex-direction:column;gap:25px;margin-bottom:74px}
 .anna-treatment-lashes .anna-treatment-copy{order:2}
 .anna-treatment-lashes .anna-treatment-photo{order:1}
 .anna-treatment-photo,.anna-treatment-lashes .anna-treatment-photo{width:100%;max-width:390px}
 .anna-treatment-photo img,.anna-treatment-lashes .anna-treatment-photo img,.anna-treatment-brow .anna-treatment-photo img,.anna-treatment-lips .anna-treatment-photo img{height:310px}
 .anna-treatment-copy{max-width:390px;width:100%;margin:auto}
 .anna-treatment-copy h3{font-size:18px}
 .anna-treatment-copy p,.anna-treatment-copy li{font-size:12px}
 .anna-giant-letter{font-size:420px}
 .anna-results{padding:48px 0}
 .anna-results h2{font-size:62px!important}
 .anna-results-collage{width:125%;max-width:none;margin-left:-12.5%}
 .anna-team{padding:60px 0}
 .anna-team-grid{display:flex;flex-direction:column;gap:33px;max-width:500px}
 .anna-team-photo img{max-height:440px;object-fit:contain;width:auto}
 .anna-team-copy h2{font-size:24px}
 .anna-team-copy p{font-size:12px}
 .anna-courses-heading p{font-size:17px}
 .anna-courses{padding:60px 0}
 .anna-course-cards{display:flex;flex-direction:column;gap:55px;max-width:390px}
 .anna-course-card{min-height:auto;padding:55px 28px 25px}
 .anna-course-card h3{font-size:18px}
 .anna-course-card p{font-size:12px}
 .anna-learning{margin-top:45px}
 .anna-learning ul{display:grid;grid-template-columns:1fr;max-width:390px;margin:auto}
 .anna-space{padding:35px 0 58px}
 .anna-space-visual{display:flex;flex-direction:column}
 .anna-space-visual h2{text-align:center;margin:0 0 18px;font-size:83px!important}
 .anna-space-visual img{max-width:460px}
 .anna-map{height:300px}
 .anna-techniques h2{font-size:17px}
 .anna-techniques h2 br{display:none}
 .anna-techniques ul{columns:1}
 .anna-blog-heading{display:flex;align-items:flex-start;flex-direction:column;gap:20px}
 .anna-blog{padding:65px 0}
 .anna-faq-grid{grid-template-columns:1fr}
 .anna-faq h2{font-size:76px!important}
 .anna-contact-grid{grid-template-columns:1fr;gap:25px}
 .anna-contact{padding:70px 0}
 .anna-contact h2{font-size:73px!important}
 .anna-whatsapp-float{width:49px;height:49px;right:14px;bottom:14px}
}
@media(max-width:390px){
 .anna-hero-text h1{font-size:25px}
 .anna-hero{min-height:615px}
 .anna-hero-inner{min-height:615px}
 .anna-hero-images{height:285px;min-height:285px}
 .anna-results h2{font-size:54px!important}
 .anna-script-heading{font-size:64px!important}
}
@media(prefers-reduced-motion:reduce){
 .anna-home *, .anna-whatsapp-float{scroll-behavior:auto;transition:none!important}
}