:root{--page-title-display:none;}/* Start custom CSS *//* ===== Diversidade (post 636) – CSS personalizado da página.
   Cópia local: Diversidade/diversidade-pagina-custom.css ===== */

/* Grupos de afinidade: abas (e-tabs .ic-groups) */
.elementor .ic-groups .ic-gtab{transition:background-color .3s ease,color .3s ease;-webkit-appearance:none;appearance:none;white-space:normal;outline:none;-webkit-tap-highlight-color:transparent;}
.elementor .ic-groups .ic-gtab p{font-size:21px;line-height:1.2;text-align:center;color:#1a1a1a;transition:color .3s ease;}
@media (max-width:1024px){.elementor .ic-groups .ic-gtab p{font-size:17px;}}
@media (max-width:767px){.elementor .ic-groups .ic-gtab p{font-size:15px;white-space:nowrap;}}
.elementor .ic-groups .ic-gtab.e--selected{background-color:#e6006e;border-color:#e6006e;}
.elementor .ic-groups .ic-gtab.e--selected p{color:#fff;}
.elementor .ic-groups .ic-gtab:focus-visible{outline:2px solid #ff5e19;outline-offset:2px;}

/* painel do grupo */
.elementor .ic-groups .ic-gpanel.e--selected{display:flex;}
.elementor .ic-groups .ic-gpanel h3 em{font-style:italic;font-weight:300;}
@keyframes icGroupIn{from{opacity:0;transform:translate3d(0,14px,0);}to{opacity:1;transform:none;}}
.elementor .ic-groups .ic-gpanel.e--selected > *{animation:icGroupIn .5s cubic-bezier(.2,.7,.3,1) both;}
.elementor .ic-groups .ic-gpanel.e--selected > :nth-child(2){animation-delay:.08s;}

/* setas dos grupos */
.elementor .ic-gprev,.elementor .ic-gnext{user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease;}

/* celular: abas viram uma fileira deslizável acima do painel */
@media (max-width:767px){
.elementor .ic-groups .ic-gmenu{margin:0 -20px;padding:2px 20px 4px;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.elementor .ic-groups .ic-gmenu::-webkit-scrollbar{display:none;}
.elementor .ic-groups .ic-gtab{scroll-snap-align:start;}
}
@media (prefers-reduced-motion:reduce){
.elementor .ic-groups .ic-gpanel.e--selected > *{animation:none;}
}

/* CTA: botão com texto longo quebra a linha (Hello aplica nowrap) */
.elementor-636 [data-id="2d2d28eb"]{white-space:normal;}

/* Rodapé desta página: faixa de redes sociais em rosa (PSD) */
body{--rodape-social-titulo:#e6006e;--rodape-social-icone:#e6006e;}
body [data-elementor-type="footer"] .elementor-widget-icon.elementor-view-default .elementor-icon,body [data-elementor-type="footer"] .elementor-widget-icon.elementor-view-default .elementor-icon svg{color:#e6006e;fill:#e6006e;}

/* Slide 1 de Iniciativas e de Vozes: os slides duplicados compartilham o mesmo estilo local,
   então a foto/avatar do 1º slide é fixada aqui pelo data-id. */
body .elementor-636 [data-id="84582bb"]{background-image:url("https://carreiras.iconic.com.br/wp-content/uploads/2026/10/diversidade-iniciativa-elas-fluem.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;}
body .elementor-636 [data-id="479488c3"]{background-image:url("https://carreiras.iconic.com.br/wp-content/uploads/2026/10/diversidade-depoimento-tatyane.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;}/* End custom CSS */