.service-grid .service-card{position:relative;overflow:hidden;padding-top:13.5rem!important;transition:transform .3s ease,box-shadow .3s ease}
.service-grid .service-card:before{content:"";position:absolute;inset:0 0 auto;height:11.75rem;background-position:center 28%;background-size:cover;transition:transform .45s ease}
.service-grid .service-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px #243c3530}
.service-grid .service-card:hover:before{transform:scale(1.035)}
.service-grid .service-card:nth-child(1):before{background-image:linear-gradient(180deg,transparent 64%,#fff 100%),url('/assets/juliana-metodo-ela.webp')}
.service-grid .service-card:nth-child(2):before{background-image:linear-gradient(180deg,transparent 64%,#fff 100%),url('/assets/juliana-psicoterapia.webp')}
.service-grid .service-card:nth-child(3):before{background-image:linear-gradient(180deg,transparent 64%,#fff 100%),url('/assets/juliana-base.webp')}
.service-grid .service-card:nth-child(4):before{background-image:linear-gradient(180deg,transparent 64%,#fff 100%),url('/assets/juliana-supervisao.webp')}
.bio-page{min-height:100svh;padding:3rem 1rem;background:radial-gradient(circle at 50% 0,#7f958b 0,#50685d 42%,#243a33 100%)}
.bio-shell{width:min(100%,620px)!important;padding:2.8rem 2.3rem!important;border:1px solid #ffffff36!important;background:#1e3029d9!important;box-shadow:0 32px 90px #0d1f1a70!important;backdrop-filter:blur(18px)}
.bio-avatar{width:180px!important;height:220px!important;border-radius:92px 92px 34px 34px!important;object-fit:cover!important;object-position:center 22%!important;border:3px solid #f5ede4!important;box-shadow:0 18px 45px #0e1d1952!important}
.bio-logo{max-width:310px!important;margin-top:1.35rem!important}
.bio-links a{background:#fff!important;border:1px solid #ffffff70!important;box-shadow:0 10px 28px #0f241d38!important;transition:transform .25s ease,box-shadow .25s ease!important}
.bio-links a:hover{transform:translateY(-3px)!important;box-shadow:0 16px 36px #0f241d55!important}
.portrait-stage img,.about-photo img,.flow-photos img,.callout-grid>img{object-fit:cover!important;object-position:center!important}
.home-hero .portrait-stage img{object-position:center 25%!important}
@media(max-width:700px){.service-grid .service-card{padding-top:12.75rem!important}.service-grid .service-card:before{height:11rem}.bio-page{padding:1.25rem .75rem}.bio-shell{padding:2rem 1rem!important}.bio-avatar{width:154px!important;height:190px!important}.bio-logo{max-width:270px!important}}
.base-pro-page{margin:0;background:#fbfaf7;color:#20342d;font-family:Arial,sans-serif}.base-pro-header{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.base-pro-header img{width:220px;max-height:58px;object-fit:contain}.base-pro-header nav{display:flex;gap:24px}.base-pro-header a{color:inherit;text-decoration:none;font-weight:700}.base-pro-hero,.base-pro-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1180px;margin:auto;padding:72px 24px}.base-pro-hero h1,.base-pro-section h2,.base-pro-split h2,.base-pro-faq h2{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.03;margin:.4em 0}.base-pro-hero p,.base-pro-split p,.base-pro-section p,.base-pro-faq p{font-size:1.08rem;line-height:1.75}.base-pro-hero>img,.base-pro-split>img{width:100%;height:620px;object-fit:cover;border-radius:42px;box-shadow:0 26px 65px #20342d30}.base-pro-section,.base-pro-faq{max-width:1180px;margin:auto;padding:90px 24px;text-align:center}.base-pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:42px 0}.base-pro-grid article{background:#fff;border:1px solid #dfe5e1;border-radius:26px;padding:34px;text-align:left;box-shadow:0 18px 42px #20342d12}.base-pro-grid span{color:#a56f62;font-family:Georgia,serif;font-size:2rem}.base-pro-grid h3{font-family:Georgia,serif;font-size:1.7rem}.base-pro-split{max-width:none;background:#e8eeea;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.base-pro-split ul{font-size:1.05rem;line-height:1.75;padding-left:1.2rem}.base-pro-faq{text-align:left;max-width:900px}.base-pro-faq details{background:#fff;border:1px solid #dfe5e1;border-radius:18px;padding:22px 26px;margin:14px 0}.base-pro-faq summary{font-weight:800;cursor:pointer}.base-pro-footer{display:flex;justify-content:space-between;gap:20px;padding:34px max(24px,calc((100vw - 1180px)/2));background:#20342d;color:#fff}.base-pro-footer a{color:#fff}.mini-assistant-toggle{position:fixed;right:22px;bottom:22px;z-index:20;border:0;border-radius:999px;background:#20342d;color:#fff;padding:15px 22px;font-weight:800;box-shadow:0 15px 40px #13241e55}.mini-assistant{position:fixed;right:22px;bottom:82px;z-index:21;width:min(340px,calc(100vw - 30px));background:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 70px #13241e55}.mini-assistant p{line-height:1.5}.mini-assistant button:not(.mini-close),.mini-assistant a{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:11px;border-radius:12px;border:1px solid #d9e1dd;background:#f5f7f5;color:#20342d;text-align:left;text-decoration:none;font-weight:700}.mini-close{float:right;border:0;background:none;font-size:1.5rem}.mini-answer{margin-top:12px;line-height:1.5;color:#51655d}.base-pro-steps>.button{display:inline-flex}@media(max-width:760px){.base-pro-header nav a:not(:last-child){display:none}.base-pro-hero,.base-pro-split{grid-template-columns:1fr;padding-top:34px;gap:32px}.base-pro-hero>img{order:-1;height:480px}.base-pro-split>img{height:420px}.base-pro-grid{grid-template-columns:1fr}.base-pro-footer{flex-direction:column}.base-pro-header img{width:175px}}

/* Ajuste final 01/09/2026 — preserva o design e corrige apenas foto + responsividade */
@media (max-width: 900px){
  .home-hero,.inner-hero,.story-section,.audience-section,.included-section,.final-cta{overflow:visible!important}
  .hero-grid,.inner-grid,.story-grid,.split,.included-grid,.callout-grid,.flow-photos{min-width:0!important}
  .hero-copy,.inner-copy,.story-grid>div,.split>div,.included-grid>div,.callout-grid>div{position:relative!important;z-index:2!important;min-width:0!important}
  .portrait-stage,.inner-visual,.story-image,.about-photo,.flow-photos,.callout-grid>img{position:relative!important;z-index:1!important;min-width:0!important}
  h1,h2,h3,p,.lead,.safe-note,blockquote,li{overflow:visible!important;max-height:none!important;word-break:normal!important;overflow-wrap:anywhere!important}
}
@media (max-width: 700px){
  .hero-grid,.inner-grid,.story-grid,.split,.included-grid,.callout-grid{grid-template-columns:minmax(0,1fr)!important}
  .portrait-stage,.inner-visual,.story-image,.about-photo,.callout-grid>img{transform:none!important;margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important}
  .portrait-stage img,.inner-visual img,.story-image img,.about-photo img,.callout-grid>img{max-width:100%!important}
  .section-heading{position:relative!important;z-index:2!important}
}

.priority-service{outline:1px solid rgba(55,86,70,.18);transform:translateY(-3px)}.bio-link.is-disabled{opacity:.62;cursor:default}.bio-link.is-disabled:hover{transform:none}


/* Ajustes globais finais - fotos sem corte e acabamento premium */

:root{
  --image-shell-bg:linear-gradient(180deg,#faf7f2 0%,#f3eee6 100%);
  --image-shell-border:rgba(115, 99, 92, .16);
  --image-shell-shadow:0 24px 60px rgba(36,48,43,.12);
}

.portrait-stage,
.about-photo,
.inner-visual,
.story-image,
.booking-photo,
.mentor-photo,
.authority-grid > img,
.callout-grid > img,
.flow-photos img,
.base-pro-hero > img,
.base-pro-split > img{
  background:var(--image-shell-bg)!important;
  border:1px solid var(--image-shell-border)!important;
  border-radius:34px!important;
  box-shadow:var(--image-shell-shadow)!important;
}

.portrait-stage,
.about-photo,
.inner-visual,
.story-image,
.booking-photo,
.mentor-photo{
  padding:14px!important;
  overflow:hidden!important;
}

.portrait-stage img,
.about-photo img,
.inner-visual img,
.story-image img,
.booking-photo img,
.mentor-photo img,
.authority-grid > img,
.callout-grid > img,
.flow-photos img,
.base-pro-hero > img,
.base-pro-split > img{
  width:100%!important;
  height:auto!important;
  max-height:min(76vh,720px)!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff 0%,#f6f2eb 100%)!important;
  border:1px solid rgba(124,110,102,.12)!important;
  box-shadow:0 12px 36px rgba(36,48,43,.08)!important;
}

.portrait-stage::after,
.about-photo::after,
.inner-visual::after,
.story-image::after,
.booking-photo::after,
.mentor-photo::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.45);
  pointer-events:none;
}

.about-photo,
.inner-visual,
.story-image,
.booking-photo,
.mentor-photo,
.portrait-stage{position:relative!important}

.flow-photos{
  display:grid!important;
  gap:20px!important;
}

.flow-photos img,
.authority-grid > img,
.callout-grid > img{
  padding:12px!important;
}

.bio-avatar{
  object-fit:contain!important;
  object-position:center center!important;
  background:linear-gradient(180deg,#fff 0%,#f6f0e7 100%)!important;
  padding:10px!important;
  box-sizing:border-box!important;
}

.service-grid .service-card{
  padding-top:15.4rem!important;
  border-radius:28px!important;
}

.service-grid .service-card::before{
  inset:14px 14px auto!important;
  height:12.8rem!important;
  border-radius:22px!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center center!important;
  background-color:#f7f2eb!important;
  box-shadow:inset 0 0 0 1px rgba(116,101,93,.12), 0 14px 28px rgba(36,48,43,.06)!important;
}

.service-grid .service-card:nth-child(1)::before{background-image:url('/assets/juliana-metodo-ela.webp')!important}
.service-grid .service-card:nth-child(2)::before{background-image:url('/assets/juliana-psicoterapia.webp')!important}
.service-grid .service-card:nth-child(3)::before{background-image:url('/assets/juliana-base.webp')!important}
.service-grid .service-card:nth-child(4)::before{background-image:url('/assets/juliana-supervisao.webp')!important}

@media (max-width: 900px){
  .portrait-stage,
  .about-photo,
  .inner-visual,
  .story-image,
  .booking-photo,
  .mentor-photo{padding:12px!important}

  .portrait-stage img,
  .about-photo img,
  .inner-visual img,
  .story-image img,
  .booking-photo img,
  .mentor-photo img,
  .authority-grid > img,
  .callout-grid > img,
  .flow-photos img,
  .base-pro-hero > img,
  .base-pro-split > img{
    max-height:min(68vh,560px)!important;
  }
}

@media (max-width: 640px){
  .portrait-stage,
  .about-photo,
  .inner-visual,
  .story-image,
  .booking-photo,
  .mentor-photo,
  .authority-grid > img,
  .callout-grid > img,
  .flow-photos img,
  .base-pro-hero > img,
  .base-pro-split > img{
    border-radius:26px!important;
  }

  .portrait-stage img,
  .about-photo img,
  .inner-visual img,
  .story-image img,
  .booking-photo img,
  .mentor-photo img,
  .authority-grid > img,
  .callout-grid > img,
  .flow-photos img,
  .base-pro-hero > img,
  .base-pro-split > img{
    border-radius:18px!important;
    max-height:min(62vh,460px)!important;
  }

  .service-grid .service-card{padding-top:13.8rem!important}
  .service-grid .service-card::before{height:11.4rem!important}
}


/* Revisão final 08/09/2026 — hierarquia, cards e aproveitamento das fotos reais */
.nav{gap:13px!important;font-size:13px!important}
.nav a{white-space:nowrap}
.services-section .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.service-grid .service-card{
  padding:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(67,87,77,.12)!important;
  box-shadow:0 16px 46px rgba(36,48,43,.08)!important;
  display:flex!important;
  flex-direction:column!important;
  transform:none!important;
}
.service-grid .service-card::before,.service-grid .service-card::after{display:none!important}
.service-grid .service-card:hover{transform:translateY(-5px)!important;box-shadow:0 24px 58px rgba(36,48,43,.14)!important}
.service-media{
  margin:14px 14px 0!important;
  height:330px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#f7f2ec,#edf2ef)!important;
  border:1px solid rgba(107,91,83,.12)!important;
}
.service-media::before{
  content:"";position:absolute;inset:0;
  background:var(--card-bg) center/cover no-repeat;
  filter:blur(22px);transform:scale(1.12);opacity:.18;
}
.service-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.30));pointer-events:none}
.service-media img{
  position:relative!important;z-index:2!important;
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  padding:9px!important;border-radius:18px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
.service-content{padding:22px 24px 25px!important;display:flex!important;flex:1!important;flex-direction:column!important}
.service-content small{margin:0 0 9px!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.service-content h3{font-size:30px!important;line-height:1.05!important;margin:0 0 12px!important}
.service-content p{margin:0 0 19px!important}
.service-content span{margin-top:auto!important;color:#55685f!important}
.priority-service{outline:none!important;border-color:rgba(145,103,90,.28)!important;background:linear-gradient(180deg,#fff,#fcf9f5)!important}
.priority-service .service-media{height:390px!important;background:linear-gradient(145deg,#f7eee6,#edf3ef)!important}
.priority-service .service-content h3{font-size:34px!important}

/* Acabamento consistente das imagens de conteúdo: imagem inteira, sem cortes */
.portrait-stage,.inner-visual,.story-image,.about-photo,.booking-photo,.mentor-photo{
  background:linear-gradient(145deg,#f8f4ef,#edf2ef)!important;
  border:1px solid rgba(83,102,92,.15)!important;
  box-shadow:0 20px 54px rgba(36,48,43,.10)!important;
}
.portrait-stage img,.inner-visual img,.story-image img,.about-photo img,.booking-photo img,.mentor-photo img,
.authority-grid>img,.callout-grid>img,.flow-photos img{
  object-fit:contain!important;object-position:center!important;background:transparent!important;
}
.authority-grid>img,.callout-grid>img,.flow-photos img{padding:12px!important;border-radius:26px!important;background:linear-gradient(145deg,#f8f4ef,#edf2ef)!important}

.contact-note{margin:22px auto 10px!important;font-size:12px!important;line-height:1.6!important;color:rgba(255,255,255,.78)!important;max-width:430px!important}
.socials{display:flex!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important}
.socials .contact-note{flex-basis:100%!important}
.socials a{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.20)!important;font-size:12px!important;font-weight:800!important}

@media(max-width:1050px){
  .nav{gap:9px!important;font-size:12px!important}
  .priority-service .service-media{height:350px!important}
}
@media(max-width:820px){
  .services-section .service-grid{grid-template-columns:1fr!important}
  .service-media,.priority-service .service-media{height:min(70vh,520px)!important}
}
@media(max-width:580px){
  .service-media,.priority-service .service-media{height:420px!important;margin:10px 10px 0!important}
  .service-content{padding:19px 19px 22px!important}
  .service-content h3,.priority-service .service-content h3{font-size:28px!important}
}

/* Revisão 08/09/2026 — correção do botão de menu mobile e polimento da home */
.site-header .menu-button{display:none;border:0;background:transparent;padding:6px;cursor:pointer;color:var(--ink,#24302b)}
.site-header .menu-button svg{width:26px;height:26px;display:block}
@media(max-width:900px){.site-header .menu-button{display:flex;align-items:center;justify-content:center}}

.hero-badges{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.hero-badges li{font-size:11px;font-weight:700;letter-spacing:.04em;color:#4b5b53;background:#fff;border:1px solid rgba(36,48,43,.14);border-radius:999px;padding:7px 13px;box-shadow:0 6px 16px rgba(36,48,43,.06)}

.services-section .section-heading{margin-bottom:34px}
.services-section .section-heading p{max-width:480px;margin-left:auto}
@media(max-width:700px){.hero-badges{justify-content:flex-start}}

/* Revisão — cartões "Conheça / Escolha / Converse" mais claros e elegantes */
.digital-flow .flow-points{counter-reset:flowstep;gap:16px}
.digital-flow .flow-points>div{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;padding:20px 22px!important;gap:16px!important;position:relative;transition:.2s ease}
.digital-flow .flow-points>div:hover{background:rgba(255,255,255,.1)!important;transform:translateY(-2px)}
.digital-flow .flow-points>div::before{counter-increment:flowstep;content:counter(flowstep,decimal-leading-zero);position:absolute;top:14px;right:18px;font:500 15px Georgia,serif;color:rgba(255,255,255,.28);letter-spacing:.03em}
.digital-flow .flow-points svg{width:20px!important;height:20px!important;padding:9px;box-sizing:content-box;background:rgba(240,160,110,.16);border-radius:50%}
.digital-flow .flow-points strong{font-size:15.5px;margin-bottom:5px;letter-spacing:.01em}
.digital-flow .flow-points span{font-size:14.5px;padding-right:26px}
@media(max-width:580px){.digital-flow .flow-points>div{padding:18px}}

 /* Revisão visual — home: retratos inteiros e seções com identidades distintas */
.home-hero .portrait-stage{overflow:visible!important;background:linear-gradient(155deg,#edf2ef 0%,#f8f2ea 100%)!important;height:auto!important;min-height:0!important;align-self:center!important}
.home-hero .portrait-stage img{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;padding:12px!important;transform:none!important}
.services-section .support-service .service-media{height:360px!important}
.services-section .support-service .service-media img{object-fit:contain!important;object-position:center 22%!important;padding:7px!important}
.digital-flow{background:#f7f3ed!important;color:var(--olive-dark)!important;position:relative;overflow:hidden}
.digital-flow::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-170px;top:-190px;background:rgba(199,158,149,.16);pointer-events:none}
.digital-flow .flow-grid{grid-template-columns:.88fr 1.12fr!important;gap:72px!important}
.digital-flow .eyebrow{color:#946f65!important}
.digital-flow .flow-grid h2{color:var(--olive-dark)!important}
.digital-flow .flow-grid>div>p{color:#68756e!important}
.digital-flow .flow-points>div{background:#fff!important;border:1px solid rgba(53,70,61,.11)!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(36,48,43,.06)!important}
.digital-flow .flow-points>div:hover{background:#fff!important;box-shadow:0 18px 42px rgba(36,48,43,.11)!important}
.digital-flow .flow-points>div::before{color:rgba(85,104,95,.35)!important}
.digital-flow .flow-points svg{color:#a27064!important;background:#f5e8e2!important}
.digital-flow .flow-points strong{color:var(--olive-dark)!important}
.digital-flow .flow-points span{color:#68756e!important}
.digital-flow .flow-photos{height:590px!important}
.digital-flow .flow-photos img{padding:0!important;border:10px solid #fff!important;object-fit:cover!important;box-shadow:0 22px 60px rgba(36,48,43,.16)!important}
.digital-flow .flow-photos img:first-child{width:76%!important;height:72%!important;border-radius:180px 180px 28px 28px!important}
.digital-flow .flow-photos img:last-child{width:61%!important;height:48%!important;border-radius:28px 140px 28px 28px!important}
.ela-callout{background:linear-gradient(135deg,#27372f 0%,#43584d 58%,#26342d 100%)!important;position:relative;overflow:hidden}
.ela-callout::after{content:"E.L.A.";position:absolute;right:3%;bottom:-9%;font:500 clamp(90px,15vw,220px)/1 Georgia,serif;color:rgba(255,255,255,.035);pointer-events:none}
.ela-callout .callout-grid{grid-template-columns:1.08fr .72fr!important;gap:86px!important}
.ela-callout .callout-grid>img{height:470px!important;padding:0!important;object-fit:cover!important;object-position:center 32%!important;border:9px solid rgba(255,255,255,.12)!important;border-radius:220px 220px 30px 30px!important;background:transparent!important}
@media(max-width:900px){.digital-flow .flow-grid,.ela-callout .callout-grid{grid-template-columns:1fr!important;gap:42px!important}.digital-flow .flow-photos{height:500px!important}.ela-callout .callout-grid>img{height:430px!important;max-width:520px!important;margin:auto!important;width:100%!important}}
@media(max-width:580px){.home-hero .portrait-stage,.home-hero .portrait-stage img{height:auto!important}.home-hero .portrait-stage img{padding:8px!important}.services-section .support-service .service-media{height:420px!important}.digital-flow .flow-photos{height:390px!important}.ela-callout .callout-grid>img{height:350px!important;border-radius:170px 170px 24px 24px!important}}
