/* PURESTRAT · páginas internas em visual claro (página do produto).
   Reaproveita o CSS antigo e inverte o que era escuro. Carregado depois de inst.css. */
.page-claro{background:#fff;color:var(--ink,#141414)}
.page-claro .dark{background:var(--mist,#F4F3F0);color:#141414}
.page-claro .dark .eyebrow{color:#66645f}
.page-claro .dark .lead{color:#43423e}
.page-claro .eyebrow{color:#66645f}
.page-claro .btn-light{background:#141414;color:#fff}
.page-claro .btn-light:hover{background:#2a2a2a}
.page-claro .btn-ghost{border:1px solid rgba(20,20,20,.3);color:#141414}
.page-claro .btn-ghost:hover{border-color:#141414}
.page-claro .btn::after{background:linear-gradient(135deg,var(--p1,#E58FB8),var(--p2,#6FB0EC),var(--p3,#5CCB93))}

/* hero */
.page-claro .hero.dark{background:#fff;color:#141414}
.page-claro .hero-bg img{object-position:68% 50%}
.page-claro .hero-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 38%,rgba(255,255,255,0) 70%),linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 26%)}
.page-claro .hero-spot{display:none}
.page-claro .hero-grid{background-image:linear-gradient(rgba(20,20,20,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.05) 1px,transparent 1px)}
.page-claro .display{color:#141414}
.page-claro .display .muted{color:rgba(20,20,20,.42)}
.page-claro .hero-lead{color:#43423e}
.page-claro .hero-data{border-top-color:rgba(20,20,20,.12)}
.page-claro .hero-data span{color:#66645f}
.page-claro .ruler{background:repeating-linear-gradient(180deg,rgba(20,20,20,.35) 0 1px,transparent 1px 12px)}
.page-claro .scroll-cue{background:rgba(20,20,20,.18)}
.page-claro .scroll-cue span{background:#141414}

/* faixa */
.page-claro .ticker{background:#fff;color:#43423e;border-top:1px solid #E4E1DB;border-bottom:1px solid #E4E1DB}

/* fases */
.page-claro .fases-visual{background:#F4F3F0}
.page-claro .fase-img img{object-fit:cover}

/* diferenciais */
.page-claro .dif.dark{background:#F4F3F0}
.page-claro .dif-card{background:#fff;box-shadow:0 30px 60px -40px rgba(20,20,20,.35)}
.page-claro .dif-bg{opacity:1;filter:none}
.page-claro .dif-card:hover .dif-bg{opacity:1}
.page-claro .dif-card::before{background:linear-gradient(0deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.5) 40%,rgba(255,255,255,0) 72%)}
.page-claro .dif-card h3{color:#141414}
.page-claro .dif-card p{color:#43423e}
.page-claro .grain{display:none}

/* quem */
.page-claro .quem.dark{background:#F4F3F0}
.page-claro .quem-photo{background:#E4E1DB}
.page-claro .quem-photo img{filter:none}
.page-claro .quem .fund-role{color:#66645f}

/* lista (formulário e quiz) */
.page-claro .lista.dark{background:#F4F3F0;color:#141414}
.page-claro .lista-photo{background:#E4E1DB}
.page-claro .form label{color:#66645f}
.page-claro .form input{border:1px solid #cdc9c1;color:#141414;background:#fff}
.page-claro .form input:focus{border-color:#141414}
.page-claro .form-note{color:#66645f}
.page-claro .lista .campo{border-bottom-color:rgba(20,20,20,.45)}
.page-claro .quiz-count{color:#66645f}
.page-claro .quiz-bar{background:rgba(20,20,20,.12)}
.page-claro .quiz-step legend{color:#141414}
.page-claro .quiz-hint{color:#66645f}
.page-claro .form .opt{color:#141414}
.page-claro .opt span{border:1px solid #cdc9c1;background:#fff}
.page-claro .opt span::before{border-color:rgba(20,20,20,.5)}
.page-claro .opt:hover span{border-color:#141414}
.page-claro .opt input:checked+span{border-color:#141414;background:#fff}
.page-claro .opt input:focus-visible+span{outline-color:#141414}
.page-claro .quiz-error{color:#b3412b}
.page-claro .quiz-done p{color:#43423e}

/* rodapé e dock */
.page-claro .dock{background:rgba(255,255,255,.92);color:#141414;border:1px solid #E4E1DB;box-shadow:0 18px 40px -20px rgba(20,20,20,.35)}
.page-claro .dock span{color:#66645f}
.page-claro .dock b{background:#141414;color:#fff}

/* hero: imagem no lado direito, texto à esquerda sobre branco */
.page-claro .hero-bg{display:flex;justify-content:flex-end}
.page-claro .hero-bg picture{display:block;width:70%;height:100%;overflow:hidden}
.page-claro .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;transform:translateX(17%) scale(1.1);animation:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
.page-claro .hero-bg::after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 22%)}
@media (max-width:760px){
  .page-claro .hero-bg picture{width:100%}
  .page-claro .hero-bg img{-webkit-mask-image:none;mask-image:none;object-position:50% 20%;transform:none}
  .page-claro .hero-bg::after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.96) 46%,rgba(255,255,255,0) 78%)}
}

/* ajustes de leitura */
.page-claro .hero-content{max-width:min(46%,640px)}
.page-claro .hero .display{font-size:clamp(34px,4.4vw,72px)}
.page-claro .hero-bg picture{width:68%}
.page-claro .hero-bg img{transform:translateX(21%) scale(1.1)}
.page-claro .dif-card::before{background:linear-gradient(0deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.86) 38%,rgba(255,255,255,0) 72%)}
@media (max-width:900px){.page-claro .hero-content{max-width:none}.page-claro .hero .display{font-size:clamp(36px,9vw,56px)}}
@media (max-width:760px){.page-claro .hero-bg img{transform:none}}
.page-claro .dif-card::before{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.96) 38%,rgba(255,255,255,.6) 60%,rgba(255,255,255,0) 82%)}

/* ---- páginas internas: Profissionais, catálogo, perfil ---- */
.page-claro .pagehead.dark{background:#fff;position:relative;overflow:hidden}
.page-claro .pagehead.dark::after{content:"";position:absolute;right:-8%;top:-30%;width:62vw;height:62vw;max-width:880px;max-height:880px;border-radius:50%;pointer-events:none;z-index:-1;
  background:conic-gradient(from 210deg,rgba(229,143,184,.22),rgba(111,176,236,.22),rgba(92,203,147,.2),rgba(229,143,184,.22));filter:blur(70px);opacity:.75}
.page-claro .pagehead .display{color:#141414}
.page-claro .pagehead .lead{color:#43423e}
.page-claro .pagehead .hero-grid{background-image:linear-gradient(rgba(20,20,20,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.05) 1px,transparent 1px);-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.page-claro .pagehead .count{color:#66645f}

/* cartões de profissional */
.page-claro .prof-card{background:#fff;border:1px solid #E4E1DB;box-shadow:0 30px 60px -44px rgba(20,20,20,.35)}
.page-claro .prof-card-photo{background:#E4E1DB}
.page-claro .prof-card-body h3,.page-claro .prof-card-body h3 a{color:#141414}
.page-claro .prof-card-text{color:#43423e}
.page-claro .prof-card-prods{color:#43423e}
.page-claro .prof-card-prods span{color:#66645f}
.page-claro .prof-list-note{border-top-color:#E4E1DB}
.page-claro .btn-dark{background:#141414;color:#fff}

/* cartões de produto */
.page-claro .prod-card,.page-claro .prod-grid-claro .prod-card{background:#fff;border:1px solid #E4E1DB;box-shadow:0 30px 60px -44px rgba(20,20,20,.35)}
.page-claro .prod-card-photo{background:#F4F3F0}
.page-claro .prod-card-body{color:#141414}
.page-claro .prod-card-body .eyebrow{color:#66645f}
.page-claro .prod-card-body h3,.page-claro .prod-card-body h3 a{color:#141414}
.page-claro .prod-card-text{color:#43423e}
.page-claro .prod-card-who{color:#141414}
.page-claro .prod-card-who span{color:#66645f}
.page-claro .prod-card .btn-dark{background:#141414;color:#fff}
.page-claro .prod-card .btn-ghost-dark{border-color:rgba(20,20,20,.3);color:#141414}
.page-claro .prod-card .btn-ghost-dark:hover{border-color:#141414}
.page-claro .prod-status{background:rgba(255,255,255,.92);color:#141414;border:1px solid #E4E1DB}
.page-claro .prods-home.dark{background:#F4F3F0}
.page-claro .prods-home .display,.page-claro .prods-home h2{color:#141414}

/* filtros e nota */
.page-claro .chip{border-color:#cdc9c1;color:#43423e;background:#fff}
.page-claro .chip:hover{border-color:#141414}
.page-claro .chip.is-active{background:#141414;color:#fff;border-color:#141414}
.page-claro .catalogo-note,.page-claro .story-note{color:#66645f}

/* perfil */
.page-claro .fundador{background:#fff}
.page-claro .fund-photo,.page-claro .story-img{background:#E4E1DB}
.page-claro .fund-role{color:#66645f}
.page-claro .fund-lead,.page-claro .story-p,.page-claro .valor h3{color:#141414}
.page-claro .story-note{border-left-width:1px;border-left-color:#cdc9c1}
.page-claro .timeline li{border-top-color:#E4E1DB;color:#43423e}
.page-claro .timeline li:last-child{border-bottom-color:#E4E1DB}
.page-claro .timeline b{color:#141414}
.page-claro .valor{border-top-color:#141414}
.page-claro .valor p{color:#43423e}
.page-claro .prof-contato-links a{border-bottom-color:#141414}
.page-claro .pagehead.dark::after{-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 88%);mask-image:linear-gradient(180deg,#000 40%,transparent 88%);top:-38%}

/* Safari: foto dentro de caixa com aspect-ratio não pode crescer com a imagem */
@media (max-width:899px){
  .page-claro .quem-photo{position:relative;aspect-ratio:4/3}
  .page-claro .quem-photo img{position:absolute;inset:0;width:100%;height:100%}
}

/* celular: foto em cima, texto embaixo em painel branco (sem texto sobre a foto) */
@media (max-width:760px){
  .page-claro .dif-card,.page-claro .dif-card:nth-child(n){display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#fff}
  .page-claro .dif-card::before{display:none}
  .page-claro .dif-bg{position:relative;inset:auto;width:100%;height:clamp(200px,52vw,260px);flex:none;opacity:1;transform:none}
  .page-claro .dif-card:nth-child(1) .dif-bg{height:clamp(260px,78vw,340px);object-position:50% 22%}
  .page-claro .dif-body{padding:22px 20px 26px;max-width:none}
}