/* ============================================= */
/* GLOBAIS E VARIÁVEIS DE COR */
/* ============================================= */

/* Fontes sugeridas pelo layout */
body {
  font-family: "Poppins", sans-serif;
    color: #333;
}


/* bolds */
.b100 { font-weight:100}.b200 { font-weight:200}.b300 { font-weight:300}.b400 { font-weight:400}.b500 { font-weight:500}.b600 { font-weight:600}.b700 { font-weight:700}.b900 { font-weight:900}

/* fim bolds */
/* tamanhos textos  em resolucao*/

.fsize7{font-size: 7px}  .fsize8{font-size: 8px}  .fsize9{font-size:9px}.fsize10{font-size:10px} .fsize11{font-size:11px} .fsize12{font-size:12px} .fsize13{font-size:13px} .fsize14{font-size:14px} .fsize15{font-size:15px} .fsize16{font-size:16px} .fsize17{font-size:17px} .fsize18{font-size:18px} .fsize19{font-size:19px} .fsize20{font-size:20px} .fsize21{font-size:21px} .fsize22{font-size:22px} .fsize23{font-size:23px} .fsize24{font-size:24px} .fsize25{font-size:25px} .fsize26{font-size:26px} .fsize27{font-size:27px} .fsize28{font-size:28px} .fsize29{font-size:29px} .fsize30{font-size:30px} .fsize31{font-size:31px} .fsize32{font-size:32px} .fsize33{font-size:33px} .fsize34{font-size:34px} .fsize35{font-size:35px} .fsize36{font-size:36px} .fsize37{font-size:37px} .fsize38{font-size:38px} .fsize39{font-size:39px} .fsize40{font-size:40px} .fsize41{font-size:41px} .fsize42{font-size:42px} .fsize43{font-size:43px} .fsize44{font-size:44px} .fsize45{font-size:45px} .fsize46{font-size:46px} .fsize47{font-size:47px} .fsize48{font-size:48px} .fsize49{font-size:49px} .fsize50{font-size:50px} .fsize51{font-size:51px} .fsize52{font-size:52px} .fsize53{font-size:53px} .fsize54{font-size:54px} .fsize55{font-size:55px} .fsize56{font-size:56px} .fsize57{font-size:57px} .fsize58{font-size:58px} .fsize59{font-size:59px} .fsize60{font-size:60px} .fsize61{font-size:61px} .fsize62{font-size:62px} .fsize63{font-size:63px} .fsize64{font-size:64px} .fsize65{font-size:65px} .fsize66{font-size:66px} .fsize67{font-size:67px} .fsize68{font-size:68px} .fsize69{font-size:69px} .fsize70{font-size:70px} .fsize71{font-size:71px} .fsize72{font-size:72px} .fsize73{font-size:73px} .fsize74{font-size:74px} .fsize75{font-size:75px} .fsize76{font-size:76px} .fsize77{font-size:77px} .fsize78{font-size:78px} .fsize79{font-size:79px} .fsize80{font-size:80px} .fsize14{font-size:14px} .fsize16{font-size:16px} .fsize18{font-size:18px} .fsize20{font-size:20px} .fsize22{font-size:22px} .fsize24{font-size:24px} .fsize26{font-size:26px} .fsize28{font-size:28px} .fsize30{font-size:30px} .fsize32{font-size:32px}.fsize52{font-size:52px}.fsize100{font-size:100px}

html {
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, .font-weight-bold {
  font-family: "Poppins", sans-serif;
    font-weight: 700;
}
.italico{font-style: italic}
.instrument {
  font-family: "Instrument Serif", serif;
 
}
.laranja{color: #faa74a}
.botao_whats{padding: 9px;
    background-color: #64b02e;
    color: #fff;
    font-size: 14px;}

.bgglass2{  border-radius: 20px;
background-color: rgba(15, 66, 128, 0.6);;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(15px); /* Efeito principal */
  -webkit-backdrop-filter: blur(15px); /* Suporte Safari */
  border: 0px solid rgba(255, 255, 255, 0.2);
  color: #fff; width: 70%; margin: auto; display: inline-flex;
  text-align: center;margin-top: 25px; padding: 10px;}

.glass::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,0.25), rgba(255,255,255,0.05));
  pointer-events: none;
}
.bgglass{  border-radius: 20px;
background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(0,100,255,0.1));
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(15px); /* Efeito principal */
  -webkit-backdrop-filter: blur(15px); /* Suporte Safari */
  border: 0px solid rgba(255, 255, 255, 0.2);
  color: #fff; width: 70%; margin: auto; display: inline-flex;
  text-align: center;margin-top: 35px; padding: 10px;}

.glass::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,0.25), rgba(255,255,255,0.05));
  pointer-events: none;
}
.topo_menu{position: fixed}

/* Cores extraídas do layout */
:root {
    --primary-color: #0c2a4c; /* Azul escuro principal */
    --primary-color2: #003d85; /* Azul escuro principal */
    --orange-color: #f9a749; /* Azul escuro principal */
    --secondary-color: #e89a3e; /* Laranja/Dourado */
    --light-bg: #f5f6fa; /* Fundo claro (quase branco/lavanda) */
}

.risc_laranja{width: 100%; margin: auto; height: 6px; border-radius: 6px; background-color:#f9a749; margin-top: -2px; position: relative;z-index: 6}

.riscopequeno{width: 40px; height: 4px; margin-bottom: 15px; border-radius: 0px; background-color:#f9a749;  position: relative;z-index: 6}

 

.inline-flex{display: inline-flex}
.table-cell{display:table-cell;padding-left: 10px;}
.space-left{padding-left: 10px;    padding-right: 16px;    width: 8px;    float: left;    height: 24px;}
.space-right{padding-left: 10px;    padding-right: 16px;    width: 8px;    float: right;    height: 24px;}
.coluna-2{  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } 
.coluna-3{  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } 

.video-container {
  position: relative;
  padding-bottom: 56.25%;
}
.float-right-mobile{float: right}
.float-left-mobile{float: left}
  .meio{vertical-align: middle;  display: flex; line-height: normal; align-items: center;}  
.iframe-100 iframe {width: 100%;}
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Títulos de Seção */
.section-title {
    font-size: 2.5rem;
    font-weight: 300;
    color: var(--primary-color2);
    margin-bottom: 1px;
}
.espacamento{width: 100%; height:200px;}
.section-title-branco {
    font-size: 2.2rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 1px;
}.quadro_logos{margin-top: -200px; background-image: url('assets/images/fundo-logos.jpg'); padding: 50px; border-radius: 50px; background-size: cover}

.caixa_logos{margin-bottom: 15px; margin-top: 15px; text-align: center}
.branco{color: #fff}
.section-title-italico{    font-size:4.8rem;
    font-weight: 300;
    color: var(--orange-color);
    margin-bottom: 10px; font-style: italic; margin-top: -15px; margin-left: -15px;   font-family: "Instrument Serif", serif;}

.section-title-italico-branco{    font-size:4.0rem;
    font-weight: 300;
    color: #fff;;   color: var(--orange-color);
    margin-bottom: 10px; font-style: italic; margin-top: -15px; margin-left: -25px;   font-family: "Instrument Serif", serif;}
.section-title-italico-branco-white{    font-size:4.0rem;
    font-weight: 300;
    color: #fff;;   
    margin-bottom: 10px; font-style: italic; margin-top: -15px; margin-left: -25px;   font-family: "Instrument Serif", serif;}

.section-subtitle {
    font-size: 1.1rem;
    color: #6c757d;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* ============================================= */
/* CABEÇALHO (HEADER) */
/* ============================================= */
.navbar {
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
}

.navbar.scrolled {
    background-color: var(--primary-color);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar .logo {
    max-height:70px;
}

.navbar .nav-link {
 
    font-weight: 600;
 
    font-size: 0.9rem;
    padding: 10px 15px; color: #fff;
}

.navbar .btn-outline-warning {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}
.navbar .btn-outline-warning:hover {
    background-color: var(--secondary-color);
    color: #fff;
}
.topo_menu {
    background-color: transparent;
    color: #fff;
    font-size: 11px;
    width: 94%;
    height: 50px;
    margin-top: 11px;
    position: absolute;
    z-index: 9;
}

.barra {
  margin: 0 8px;
  color: #999;
}
/* ============================================= */
/* SEÇÃO HERO */
/* ============================================= */
.hero-section {
    min-height: 100vh;
    /* Placeholder para a imagem de fundo */
 width: 100%;

    position: relative;    padding-top: 16%;
}

/* Overlay escuro */
.hero-sections::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.hero-section .container {
    position: relative;
    z-index: 2;
}

.btn-hero {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #fff;
    font-weight: 700;
    padding: 12px 30px;
    text-transform: uppercase;
}
.btn-hero:hover {
    background-color: #d48b33;
    border-color: #d48b33;
    color: #fff;
}

/* ============================================= */
/* SEÇÃO ÁREAS DE ATUAÇÃO */
/* ============================================= */
.areas-atuacao-section {
    /*background-color: var(--light-bg);*/
}
.fixed-top-2 {
    position: fixed;
    top: -29px;
    right: 0;
    left: 0;
    z-index: 1030;
}
.azul{color: #18477f}
.direito-previdenciario{ 
background: #1557A5;
background: linear-gradient(79deg, rgba(21, 87, 165, 1) 38%, rgba(6, 40, 82, 1) 84%); color: #fff;
padding: 60px; border-radius: 25px}
.area-box {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    min-height: 200px;
    transition: transform 0.3s ease;
}

.bg_azul_claro{background-color: #d7def5;padding: 60px; border-radius: 25px; color:#19406e }



.area-box:hover {
    transform: translateY(-10px);
}

.area-box-destaque {
    background-color: var(--secondary-color);
}

.area-box .icon-box {
    color: var(--secondary-color);
}

.area-box-destaque .icon-box {
    color: var(--primary-color);
}

.area-box h5 {
    color: #fff;
}

.area-box p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
}

/* ============================================= */
/* SEÇÃO HISTÓRIA DE SUCESSO */
/* ============================================= */
.historia-section {
    background-color: #fff; /* Fundo branco para esta seção */
	background-image: url("assets/images/ADVOCACIAFERRAZDEOLIVEIRA_SITE.jpg");
	color: #fff
}

.historia-img-wrapper {
    position: relative;
    display: inline-block;
}

.historia-img-wrapper .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.text-warning {
    color: var(--secondary-color) !important;
}

.btn-warning {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #fff;
    font-weight: 700;
}

/* ============================================= */
/* SEÇÃO EQUIPE */
/* ============================================= */
.equipe-section {
    background-color: var(--light-bg);
}

.team-member img {
    border: 5px solid #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: var(--primary-color);
    border-radius: 50%;
    padding: 15px;
}

/* ============================================= */
/* SEÇÃO PREVIDENCIÁRIO (LOGOS) */
/* ============================================= */
.previdenciario-logos-section {
    background-color: var(--secondary-color);
}

.logos-slider img {
    max-height: 50px;
    opacity: 0.8;
    filter: grayscale(100%) brightness(1000%);
}

/* ============================================= */
/* SEÇÃO ARTIGOS */
/* ============================================= */
.artigos-section {
 
}


.artigos-section .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.artigos-section .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
   margin-bottom: 15px;
	margin-top: 15px;
	padding: 0px;
}


.artigos-section .btn-link {
    
	padding: 0px;
}

.card:hover .foto_noticia{transform: scale(1.2)}
.holder_noticias{width: 100%; background-position: center; background-size: cover; height: 320px; border-radius: 20px; overflow: hidden;}
.foto_noticia{width: 100%; background-position: center; background-size: cover; height: 320px; border-radius: 20px;transition: all 0.5s ease;}







.holder_unidades{width: 100%; background-position: center; background-size: cover; height: 355px; border-radius: 20px; overflow: hidden;}

.holder_unidades:hover .foto_holder_unidades{transform: scale(1.041)}

.foto_holder_unidades{width: 100%; background-position: center; background-size: cover; height: 355px; border-radius: 20px;transition: all 0.5s ease;}



.card-title {
    color: var(--primary-color);
}

.card .btn-link {
    color: var(--secondary-color);
    font-weight: 700;
}

/* ============================================= */
/* SEÇÃO UNIDADES */
/* ============================================= */
.unidades-section {
    
}

.unidade-box {
    height: 300px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.unidade-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

.unidade-box > div {
    position: relative;
    z-index: 2;
}

/* Placeholders para imagens de fundo */
.unidade-parana {
    background-image: url('https://via.placeholder.com/600x300/CCCCCC/FFFFFF?text=Foto+Paraná');
}

.unidade-araras {
    background-image: url('https://via.placeholder.com/600x300/CCCCCC/FFFFFF?text=Foto+Araras');
}

/* ============================================= */
/* SEÇÃO FAQ (PERGUNTAS) */
/* ============================================= */
.faq-section {
    background-color: #fff;
}

#faqAccordion .card {
    border: 0px solid #eee;
	border-radius: 25px;
	background-color: #f2f5ff;
}

#faqAccordion .card-header {
	border-radius: 15px;
	background-color: #f2f5ff;
    border-bottom: 0;
}

#faqAccordion .btn-link {
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    font-size: 1.1rem;
	padding-left: 0px;
	padding-right: 0px;
}
.risco_separador{width: 100%; height: 3px; background-color: #666}
#faqAccordion .btn-link:hover {
    color: var(--secondary-color);
}
button,
button:focus,
button:active,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  outline: none !important;
  box-shadow: none !important;
}button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
#faqAccordion .btn-link .fa-plus,
#faqAccordion .btn-link .fa-minus {
    color: var(--secondary-color);
}

/* ============================================= */
/* RODAPÉ (FOOTER) */
/* ============================================= */
.footer-section {
    background-color: var(--primary-color);
    /*color: rgba(255, 255, 255, 0.7);*/font-size: 13px; color: #fff;
}

.footer-section h5 {
    color: #fff;
    margin-bottom: 20px;
}

.footer-section a{
	color: #fff!important;
	
}
.iconround {
    display: inline-flex;
    background-color: #f9a749;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    padding: 8px;
}
.iconround .fa-facebook-f{margin-left: 3px;}
.iconround .fa-instagram{margin-left: 1px;}
.iconround .fa-whatsapp{margin-left: 1px;}
 


.iconround i{color: #01172b }
.diminui{ padding: 0px; margin: 0px;}
.diminui  li {
    margin-bottom: 3px;list-style: none;
}
.footer-section .list-unstyled li {
    margin-bottom: 10px;
}
.footer-section .list-unstyled a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-section .list-unstyled a:hover {
    color: #fff;
}

.footer-section .social-icons a {
    color: #fff;
    font-size: 1.2rem;
    opacity: 0.8;
}
.footer-section .social-icons a:hover {
    opacity: 1;
}

.footer-section .border-top {
    border-color: rgba(255, 255, 255, 0.1) !important;
}


/* alturas div */
.alt2{ height:2px}
.alt1{ height:1px}.alt6{ height:2px}.alt6{ height:6px}.alt5{ height:5px}
.alt4{ height:4px}.alt3{ height:3px}.alt7{ height:7px}.alt8{ height:8px}.alt9{ height:9px}.alt10{ height:10px}.alt11{ height:11px}.alt12{ height:12px}.alt13{ height:13px}.alt14{ height:14px}.alt15{ height:15px}.alt16{ height:16px}.alt17{ height:17px}.alt18{ height:18px}.alt19{ height:19px}.alt20{ height:20px}.alt21{ height:21px}.alt22{ height:22px}.alt23{ height:23px}.alt24{ height:24px}.alt25{ height:25px}.alt26{ height:26px}.alt27{ height:27px}.alt28{ height:28px}.alt29{ height:29px}.alt30{ height:30px}.alt31{ height:31px}.alt32{ height:32px}.alt33{ height:33px}.alt34{ height:34px}.alt35{ height:35px}.alt36{ height:36px}.alt37{ height:37px}.alt38{ height:38px}.alt39{ height:39px}.alt40{ height:40px}.alt41{ height:41px}.alt42{ height:42px}.alt43{ height:43px}.alt44{ height:44px}.alt45{ height:45px}.alt46{ height:46px}.alt47{ height:47px}.alt48{ height:48px}.alt49{ height:49px}.alt50{ height:50px}.alt51{ height:51px}.alt52{ height:52px}.alt53{ height:53px}.alt54{ height:54px}.alt55{ height:55px}.alt56{ height:56px}.alt57{ height:57px}.alt58{ height:58px}.alt59{ height:59px}.alt60{ height:60px}.alt61{ height:61px}.alt62{ height:62px}.alt63{ height:63px}.alt64{ height:64px}.alt65{ height:65px}.alt66{ height:66px}.alt67{ height:67px}.alt68{ height:68px}.alt69{ height:69px}.alt70{ height:70px}.alt71{ height:71px}.alt72{ height:72px}.alt73{ height:73px}.alt74{ height:74px}.alt75{ height:75px}.alt76{ height:76px}.alt77{ height:77px}.alt78{ height:78px}.alt79{ height:79px}.alt80{ height:80px}.alt81{ height:81px}.alt82{ height:82px}.alt83{ height:83px}.alt84{ height:84px}.alt85{ height:85px}.alt86{ height:86px}.alt87{ height:87px}.alt88{ height:88px}.alt89{ height:89px}.alt90{ height:90px}.alt91{ height:91px}.alt92{ height:92px}.alt93{ height:93px}.alt94{ height:94px}.alt95{ height:95px}.alt96{ height:96px}.alt97{ height:97px}.alt98{ height:98px}.alt99{ height:99px}.alt100{ height:100px}.alt101{ height:101px}.alt102{ height:102px}.alt103{ height:103px}.alt104{ height:104px}.alt105{ height:105px}.alt106{ height:106px}.alt107{ height:107px}.alt108{ height:108px}.alt109{ height:109px}.alt110{ height:110px}.alt111{ height:111px}.alt112{ height:112px}.alt113{ height:113px}.alt114{ height:114px}.alt115{ height:115px}.alt116{ height:116px}.alt117{ height:117px}.alt118{ height:118px}.alt119{ height:119px}.alt120{ height:120px}.alt121{ height:121px}.alt122{ height:122px}.alt123{ height:123px}.alt124{ height:124px}.alt125{ height:125px}.alt126{ height:126px}.alt127{ height:127px}.alt128{ height:128px}.alt129{ height:129px}.alt130{ height:130px}.alt131{ height:131px}.alt132{ height:132px}.alt133{ height:133px}.alt134{ height:134px}.alt135{ height:135px}.alt136{ height:136px}.alt137{ height:137px}.alt138{ height:138px}.alt139{ height:139px}.alt140{ height:140px}.alt141{ height:141px}.alt142{ height:142px}.alt143{ height:143px}.alt144{ height:144px}.alt145{ height:145px}.alt146{ height:146px}.alt147{ height:147px}.alt148{ height:148px}.alt149{ height:149px}.alt150{ height:150px}.alt151{ height:151px}.alt152{ height:152px}.alt153{ height:153px}.alt154{ height:154px}.alt155{ height:155px}.alt156{ height:156px}.alt157{ height:157px}.alt158{ height:158px}.alt159{ height:159px}.alt160{ height:160px}.alt161{ height:161px}.alt162{ height:162px}.alt163{ height:163px}.alt164{ height:164px}.alt165{ height:165px}.alt166{ height:166px}.alt167{ height:167px}.alt168{ height:168px}.alt169{ height:169px}.alt170{ height:170px}.alt171{ height:171px}.alt172{ height:172px}.alt173{ height:173px}.alt174{ height:174px}.alt175{ height:175px}.alt176{ height:176px}.alt177{ height:177px}.alt178{ height:178px}.alt179{ height:179px}.alt180{ height:180px}.alt181{ height:181px}.alt182{ height:182px}.alt183{ height:183px}.alt184{ height:184px}.alt185{ height:185px}.alt186{ height:186px}.alt187{ height:187px}.alt188{ height:188px}.alt189{ height:189px}.alt190{ height:190px}.alt191{ height:191px}.alt192{ height:192px}.alt193{ height:193px}.alt194{ height:194px}.alt195{ height:195px}.alt196{ height:196px}.alt197{ height:197px}.alt198{ height:198px}.alt199{ height:199px}.alt200{ height:200px}.alt201{ height:201px}.alt202{ height:202px}.alt203{ height:203px}.alt204{ height:204px}.alt205{ height:205px}.alt206{ height:206px}.alt207{ height:207px}.alt208{ height:208px}.alt209{ height:209px}.alt210{ height:210px}.alt211{ height:211px}.alt212{ height:212px}.alt213{ height:213px}.alt214{ height:214px}.alt215{ height:215px}.alt216{ height:216px}.alt217{ height:217px}.alt218{ height:218px}.alt219{ height:219px}.alt220{ height:220px}.alt221{ height:221px}.alt222{ height:222px}.alt223{ height:223px}.alt224{ height:224px}.alt225{ height:225px}.alt226{ height:226px}.alt227{ height:227px}.alt228{ height:228px}.alt229{ height:229px}.alt230{ height:230px}.alt231{ height:231px}.alt232{ height:232px}.alt233{ height:233px}.alt234{ height:234px}.alt235{ height:235px}.alt236{ height:236px}.alt237{ height:237px}.alt238{ height:238px}.alt239{ height:239px}.alt240{ height:240px}.alt241{ height:241px}.alt242{ height:242px}.alt243{ height:243px}.alt244{ height:244px}.alt245{ height:245px}.alt246{ height:246px}.alt247{ height:247px}.alt248{ height:248px}.alt249{ height:249px}.alt250{ height:250px}.alt251{ height:251px}.alt252{ height:252px}.alt253{ height:253px}.alt254{ height:254px}.alt255{ height:255px}.alt256{ height:256px}.alt257{ height:257px}.alt258{ height:258px}.alt259{ height:259px}.alt260{ height:260px}.alt261{ height:261px}.alt262{ height:262px}.alt263{ height:263px}.alt264{ height:264px}.alt265{ height:265px}.alt266{ height:266px}.alt267{ height:267px}.alt268{ height:268px}.alt269{ height:269px}.alt270{ height:270px}.alt271{ height:271px}.alt272{ height:272px}.alt273{ height:273px}.alt274{ height:274px}.alt275{ height:275px}.alt276{ height:276px}.alt277{ height:277px}.alt278{ height:278px}.alt279{ height:279px}.alt280{ height:280px}.alt281{ height:281px}.alt282{ height:282px}.alt283{ height:283px}.alt284{ height:284px}.alt285{ height:285px}.alt286{ height:286px}.alt287{ height:287px}.alt288{ height:288px}.alt289{ height:289px}.alt290{ height:290px}.alt291{ height:291px}.alt292{ height:292px}.alt293{ height:293px}.alt294{ height:294px}.alt295{ height:295px}.alt296{ height:296px}.alt297{ height:297px}.alt298{ height:298px}.alt299{ height:299px}.alt300{ height:300px}.alt301{ height:301px}.alt302{ height:302px}.alt303{ height:303px}.alt304{ height:304px}.alt305{ height:305px}.alt306{ height:306px}.alt307{ height:307px}.alt308{ height:308px}.alt309{ height:309px}.alt310{ height:310px}.alt311{ height:311px}.alt312{ height:312px}.alt313{ height:313px}.alt314{ height:314px}.alt315{ height:315px}.alt316{ height:316px}.alt317{ height:317px}.alt318{ height:318px}.alt319{ height:319px}.alt320{ height:320px}.alt321{ height:321px}.alt322{ height:322px}.alt323{ height:323px}.alt324{ height:324px}.alt325{ height:325px}.alt326{ height:326px}.alt327{ height:327px}.alt328{ height:328px}.alt329{ height:329px}.alt330{ height:330px}.alt331{ height:331px}.alt332{ height:332px}.alt333{ height:333px}.alt334{ height:334px}.alt335{ height:335px}.alt336{ height:336px}.alt337{ height:337px}.alt338{ height:338px}.alt339{ height:339px}.alt340{ height:340px}.alt341{ height:341px}.alt342{ height:342px}.alt343{ height:343px}.alt344{ height:344px}.alt345{ height:345px}.alt346{ height:346px}.alt347{ height:347px}.alt348{ height:348px}.alt349{ height:349px}.alt350{ height:350px}.alt351{ height:351px}.alt352{ height:352px}.alt353{ height:353px}.alt354{ height:354px}.alt355{ height:355px}.alt356{ height:356px}.alt357{ height:357px}.alt358{ height:358px}.alt359{ height:359px}.alt360{ height:360px}.alt361{ height:361px}.alt362{ height:362px}.alt363{ height:363px}.alt364{ height:364px}.alt365{ height:365px}.alt366{ height:366px}.alt367{ height:367px}.alt368{ height:368px}.alt369{ height:369px}.alt370{ height:370px}.alt371{ height:371px}.alt372{ height:372px}.alt373{ height:373px}.alt374{ height:374px}.alt375{ height:375px}.alt376{ height:376px}.alt377{ height:377px}.alt378{ height:378px}.alt379{ height:379px}.alt380{ height:380px}.alt381{ height:381px}.alt382{ height:382px}.alt383{ height:383px}.alt384{ height:384px}.alt385{ height:385px}.alt386{ height:386px}.alt387{ height:387px}.alt388{ height:388px}.alt389{ height:389px}.alt390{ height:390px}.alt391{ height:391px}.alt392{ height:392px}.alt393{ height:393px}.alt394{ height:394px}.alt395{ height:395px}.alt396{ height:396px}.alt397{ height:397px}.alt398{ height:398px}.alt399{ height:399px}.alt400{ height:400px}.alt401{ height:401px}.alt402{ height:402px}.alt403{ height:403px}.alt404{ height:404px}.alt405{ height:405px}.alt406{ height:406px}.alt407{ height:407px}.alt408{ height:408px}.alt409{ height:409px}.alt410{ height:410px}.alt411{ height:411px}.alt412{ height:412px}.alt413{ height:413px}.alt414{ height:414px}.alt415{ height:415px}.alt416{ height:416px}.alt417{ height:417px}.alt418{ height:418px}.alt419{ height:419px}.alt420{ height:420px}.alt421{ height:421px}.alt422{ height:422px}.alt423{ height:423px}.alt424{ height:424px}.alt425{ height:425px}.alt426{ height:426px}.alt427{ height:427px}.alt428{ height:428px}.alt429{ height:429px}.alt430{ height:430px}.alt431{ height:431px}.alt432{ height:432px}.alt433{ height:433px}.alt434{ height:434px}.alt435{ height:435px}.alt436{ height:436px}.alt437{ height:437px}.alt438{ height:438px}.alt439{ height:439px}.alt440{ height:440px}.alt441{ height:441px}.alt442{ height:442px}.alt443{ height:443px}.alt444{ height:444px}.alt445{ height:445px}.alt446{ height:446px}.alt447{ height:447px}.alt448{ height:448px}.alt449{ height:449px}.alt450{ height:450px}.alt451{ height:451px}.alt452{ height:452px}.alt453{ height:453px}.alt454{ height:454px}.alt455{ height:455px}.alt456{ height:456px}.alt457{ height:457px}.alt458{ height:458px}.alt459{ height:459px}.alt460{ height:460px}.alt461{ height:461px}.alt462{ height:462px}.alt463{ height:463px}.alt464{ height:464px}.alt465{ height:465px}.alt466{ height:466px}.alt467{ height:467px}
.alt468{ height:468px}.alt469{ height:469px}.alt470{ height:470px}.alt471{ height:471px}.alt472{ height:472px}.alt473{ height:473px}.alt474{ height:474px}.alt475{ height:475px}.alt476{ height:476px}.alt477{ height:477px}.alt478{ height:478px}.alt479{ height:479px}.alt480{ height:480px}.alt481{ height:481px}.alt482{ height:482px}.alt483{ height:483px}.alt484{ height:484px}.alt485{ height:485px}.alt486{ height:486px}.alt487{ height:487px}.alt488{ height:488px}.alt489{ height:489px}.alt490{ height:490px}.alt491{ height:491px}.alt492{ height:492px}.alt493{ height:493px}.alt494{ height:494px}.alt495{ height:495px}.alt496{ height:496px}.alt497{ height:497px}.alt498{ height:498px}.alt499{ height:499px}.alt500{ height:500px}.alt501{ height:501px}
/* fim alturas div */
.italico { font-style:italic}
.margin-auto{margin: auto}



/*  line heights  */
.lineh2{ line-height:2px}.lineh3{ line-height:3px}.lineh4{ line-height:4px}.lineh5{ line-height:5px}.lineh6{ line-height:6px}.lineh7{ line-height:7px}.lineh8{ line-height:8px}.lineh9{ line-height:9px}.lineh10{ line-height:10px}.lineh11{ line-height:11px}.lineh12{ line-height:12px}.lineh13{ line-height:13px}.lineh14{ line-height:14px}.lineh15{ line-height:15px}.lineh16{ line-height:16px}.lineh17{ line-height:17px}.lineh18{ line-height:18px}.lineh19{ line-height:19px}.lineh20{ line-height:20px}.lineh21{ line-height:21px}.lineh22{ line-height:22px}.lineh23{ line-height:23px}.lineh24{ line-height:24px}.lineh25{ line-height:25px}.lineh26{ line-height:26px}.lineh27{ line-height:27px}.lineh28{ line-height:28px}.lineh29{ line-height:29px}.lineh30{ line-height:30px}.lineh31{ line-height:31px}.lineh32{ line-height:32px}.lineh33{ line-height:33px}.lineh34{ line-height:34px}.lineh35{ line-height:35px}.lineh36{ line-height:36px}.lineh37{ line-height:37px}.lineh38{ line-height:38px}.lineh39{ line-height:39px}.lineh40{ line-height:40px}.lineh41{ line-height:41px}.lineh42{ line-height:42px}.lineh43{ line-height:43px}.lineh44{ line-height:44px}.lineh45{ line-height:45px}.lineh46{ line-height:46px}.lineh47{ line-height:47px}.lineh48{ line-height:48px}.lineh49{ line-height:49px}.lineh50{ line-height:50px}.lineh51{ line-height:51px}.lineh52{ line-height:52px}.lineh53{ line-height:53px}.lineh54{ line-height:54px}.lineh55{ line-height:55px}.lineh56{ line-height:56px}.lineh57{ line-height:57px}.lineh58{ line-height:58px}.lineh59{ line-height:59px}.lineh60{ line-height:60px}.lineh61{ line-height:61px}.lineh62{ line-height:62px}.lineh63{ line-height:63px}.lineh64{ line-height:64px}.lineh65{ line-height:65px}.lineh66{ line-height:66px}.lineh67{ line-height:67px}.lineh68{ line-height:68px}.lineh69{ line-height:69px}.lineh70{ line-height:70px}.lineh71{ line-height:71px}.lineh72{ line-height:72px}.lineh73{ line-height:73px}.lineh74{ line-height:74px}.lineh75{ line-height:75px}.lineh76{ line-height:76px}.lineh77{ line-height:77px}.lineh78{ line-height:78px}.lineh79{ line-height:79px}.lineh80{ line-height:80px}.lineh81{ line-height:81px}.lineh82{ line-height:82px}.lineh83{ line-height:83px}.lineh84{ line-height:84px}.lineh85{ line-height:85px}.lineh86{ line-height:86px}.lineh87{ line-height:87px}.lineh88{ line-height:88px}.lineh89{ line-height:89px}.lineh90{ line-height:90px}.lineh91{ line-height:91px}.lineh92{ line-height:92px}.lineh93{ line-height:93px}.lineh94{ line-height:94px}.lineh95{ line-height:95px}.lineh96{ line-height:96px}.lineh97{ line-height:97px}.lineh98{ line-height:98px}.lineh99{ line-height:99px}.lineh100{ line-height:100px}.lineh101{ line-height:101px}.lineh195{ line-height:195px}






				
								.imagem_saindo_direita{width: 441px;
    background-size: contain;
    margin-left: -275%;
    margin-top: -10px;
    margin-bottom: 15px;
    top: 42px;
    height: 262px;
    position: absolute;
    background-repeat: no-repeat;}
				.imagem_saindo{width: 441px;
    background-size: contain;
    margin-left: -197px;
					margin-top: -10px;
    margin-bottom: 15px;
 top: 0px;
    height: 262px;
    position: absolute;
    background-repeat: no-repeat;}
				
				.positioniomagem{height: 160px}
				
				
								.titulo_area{    font-size: 2.5rem;
    font-weight: 300;
    color: #19406e;
    margin-bottom: 1px;}
				.titulo_area2{ font-size:4.8rem;
    font-weight: 300;
    color: ##19406e;
    margin-bottom: 10px; font-style: italic; margin-top: -15px; margin-left: -15px;   font-family: "Instrument Serif", serif;}
				
				
				
				.titulo_area_branco{    font-size: 2.5rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 1px;}
				.titulo_area_branco-2{ font-size:4.8rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px; font-style: italic; margin-top: -15px; margin-left: -15px;   font-family: "Instrument Serif", serif;}
				.risco_titulo_area_branco{width: 50px; background-color: #f9a749; height: 5px;}
				
				
				
						.outroservicos	.titulo_area_branco{    font-size: 2.0rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 1px;}
				.outroservicos .titulo_area_branco-2{ font-size:2.7rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px; font-style: italic; margin-top: -15px; margin-left: -15px;   font-family: "Instrument Serif", serif;}
 
				
						.direitos{width: 100%;
    background-size: cover;transition: all 0.5s ease;
    height: 250px; padding: 60px; border-radius: 30px;
 
    background-repeat: no-repeat;  margin-bottom: 25px;}
			
	.direitos p{color: #fff; display: none}
		 
			.direitos:hover{             filter: brightness(1.6); /* Deixa um pouco mais claro */}
			.direitos:hover   p{color: #fff; display: block; font-size: 14px}
			.direitos:hover   .overlaydireitos{color: #fff; display: block}
			.direitos:hover   .tiraisso{display: none }
	.afoto{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
		padding: 20px;
    border-radius: 12px; width: 100%; height: 100%}	
	.overlaydireitos{position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    border-radius: 30px;
    background: linear-gradient(to top, rgba(105, 59, 0, 1) 0%, rgba(174, 95, 0, 1) 100%);
    transition: background-color 0.4s 
ease;; display: none;    mix-blend-mode: hue;}



 .only_desktop{display:block;}

 .only_mobile{display:none}


@media (max-width:1990px){ 


 
 
 }
 
 @media (max-width:1690px){.secao_home{width:1224px;margin:auto}
 
 }

 @media (max-width:1590px){.secao_home{width:1224px;margin:auto}
 
.bgglass {
 
    width: 88%;
 
}
}

 @media (max-width:1490px){
 
	     .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .2rem;
        padding-left: .2rem;
    }
 

 

 body{overflow-x: hidden}

 

 }

 @media (max-width:1390px){

 
 
 body{zoom:0.80}
 

 }

@media (max-width: 1300px) {
 .bgglass {
 
    width: 99%;
 
}
	.navbar-nav .nav-item a {
    color: #fff;
    -webkit-transition: .35s;
    transition: .35s;
    font-weight: 500;
    font-size: 12px;
}
   
}


 @media (max-width:1200px){ 
	    .nav-item {
        padding-left: 2px !important;
        padding-right: 2px !important;  
    }
	.navbar-nav .nav-item a {
    color: #fff;
    -webkit-transition: .35s;
    transition: .35s;
    font-weight: 500;
    font-size: 14px;
}
 .container_limit{max-width:90%}
	 body{zoom:0.95}
 }
 @media (max-width:1100px){ 
	    .nav-item {
        padding-left: 6px !important;
        padding-right: 10px !important;  
    }
	.navbar-nav .nav-item a {
    color: #fff;
    -webkit-transition: .35s;
    transition: .35s;
    font-weight: 500;
    font-size: 14px;
}
 .container_limit{max-width:90%}
	 body{zoom:0.95}
	 
	 
	 .only_desktop{display: block}
	 .only_mobile{display: none}
	 
 }

	/* --- Espaçamento dos Slides --- */
/* O Slick cria um wrapper, usamos isso para dar espaço entre os cards */
.slick-slide {
    padding: 0 10px;
    box-sizing: border-box; /* Garante que o padding não quebre o layout */
}

/* --- Estilo do Card --- */
.team-card {
    position: relative; /* Essencial para o overlay */
    border-radius: 12px;
    overflow: hidden; /* Garante que a imagem e o overlay fiquem dentro das bordas */
    cursor: pointer;
    color: white;
    
    /* Sombra suave */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.team-card img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que a imagem cubra todo o espaço */
    display: block;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* --- O Overlay (A camada escura) --- */
.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    
    /* Gradiente sutil no estado normal */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
    
    /* Transição suave */
    transition: background-color 0.4s ease;
}

/* --- Conteúdo do Card (Textos) --- */
.card-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    transition: all 0.4s ease;
}

.card-content .title {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
}

.card-content h3 {
    font-size: 20px;
    margin: 0;
    line-height: 1.2;
}

.card-content .oab {
    font-size: 12px;
    display: block;
    margin-top: 5px;
 
}

/* O 'Mais' (ícone) */
.plus-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 32px;
    font-weight: 300;
    transition: all 0.4s ease;
	color: #e89a3e
}

/* A biografia (inicialmente escondida) */
.card-content .bio {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 15px;
    
    /* O truque para esconder/mostrar */
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-out;
}


/* ==================================
   O EFEITO HOVER (PASSAR O MOUSE)
==================================
*/

	 .team-card-foto{  height: 390px; width: 100%; background-position: center; background-size: cover;}
/* 1. Escurece o overlay */
.team-card:hover .card-overlay {
    /* Cor escura (azulada, como na imagem) e mais forte */
    background-color: rgba(26, 43, 88, 0.65); 
 
}
	 .team-card-padding{padding: 6px;}
/* 2. Mostra a biografia */
.team-card:hover .bio {
    opacity: 1;
    max-height: 200px; /* Dê um valor alto o suficiente para caber o texto */
}

/* 3. Esconde o ícone '+' */
.team-card:hover .plus-icon {
    opacity: 0;
    transform: rotate(90deg); /* Efeito extra opcional */
}

/* 4. (Opcional) Zoom sutil na imagem */
.team-card:hover img {
    transform: scale(1.05);
}

/* --- (Opcional) Estilo das Setas do Slick --- */
/* Isso troca as setas padrão por algo mais limpo */
.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50%;
}
.slick-prev:before, .slick-next:before {
    color: #333 !important;
    font-size: 20px;
}
.slick-prev { left: -15px; }
.slick-next { right: -15px; }
@media (max-width:700px){ 
	.navbar .logo {
    max-height: 43px;
}
	.topo_menu {
display: none
}
	.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, .1);position: absolute;
	right: 23px;
        top: 16px;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22 M4 15h22 M4 23h22'/%3e%3c/svg%3e");
}

	.display-4 {
    font-size: 2.0rem;
    font-weight: 300;
    line-height: 1.2;
}.lead {
    font-size: 0.85rem;
    font-weight: 300;
}
	
	  .navbar-collapse {
position: fixed;
    width: 100%;
 
		  top:80px;
		  
		   
        /*background-color:rgba(7, 27, 52, 0.9);*/
        background-color:rgba(0, 0, 0, 0.9);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border: 0px solid rgba(255, 255, 255, 0.2);
  
        margin: auto;
 
        text-align: center;
  
        padding: 10px;
		          margin-left: -9px;
        padding-bottom: 49px; border-radius: 25px
		  
  }
	.hero-section {
    min-height: auto;
 
    background-position: top center;
    background-size: contain;
    position: relative;
    padding-top: 67%;
		background-color: #0a0100;font-size: 12px;
		padding-bottom: 40px;
}
	  .only_desktop{display:none;}

 .only_mobile{display:block}

 .img100 img{width:100%;height:auto;margin-top:15px;margin-bottom:15px}

 .footer-section {
 
    text-align: center;
}
.direitos {
 
    height: auto;
    padding: 40px;
 
}
	.holder_unidades {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 192px;
    border-radius: 20px;
    overflow: hidden; margin-bottom: 20px;
}
	.section-title-italico {
    font-size: 3.8rem;
    font-weight: 300;
    color: var(--orange-color);
    margin-bottom: 10px;
    font-style: italic;
    margin-top: -4px;
    margin-left: -15px;
    font-family: "Instrument Serif", serif;
}
	.foto_holder_unidades {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 192px;
    border-radius: 20px;
    transition: all 0.5s 
ease;
}
	
	
 .outroservicos .titulo_area_branco-2 {
    font-size: 2.2rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
    font-style: italic;
    margin-top: -15px;
    margin-left: -15px;
    font-family: "Instrument Serif", serif;
}
.section-title-italico-branco-white {
    font-size: 3.0rem;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
    font-style: italic;
    margin-top: 1px;
    margin-left: -25px;
    font-family: "Instrument Serif", serif;
}
.team-card-foto {
    height: 528px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.fsize36 {
    font-size: 21px;
}
	
	.fsize20 {
    font-size: 16px;
}
.bgglass {
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(0, 100, 255, 0.1));
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 100%;
    margin: auto;
    display: inline-flex;
    text-align: center;
    margin-top: 8px;
    padding: 10px;
}
}



/* --- Estilos do Popup --- */

        /* O fundo escuro (overlay) */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7); /* Fundo preto semi-transparente */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
        }

        /* Classe para exibir o popup */
        .popup-overlay.show {
            opacity: 1;
            visibility: visible;
        }

        /* O container principal do popup */
        .popup-modal {
            background-color: #ffffff;
            border-radius: 16px; /* Bordas arredondadas do container branco */
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            max-width: 900px;
            width: 90%;
            overflow: hidden; /* Garante que o header se ajuste às bordas */
            
            /* Animação de "zoom" ao abrir */
            transform: scale(0.9);
            transition: transform 0.3s ease-out;
        }
        
        .popup-overlay.show .popup-modal {
            transform: scale(1);
        }

        /* O header azul escuro */
        .popup-header {
            background-color: #0d2a4a; /* Cor azul-marinho do layout */
            color: #ffffff;
            padding: 20px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;text-align: center;
        }

        .popup-header h2 {
            margin: 0;
        font-size: 43px;
            font-weight: 300;text-align: center;
        }

        /* Estilo da palavra "Importante" */
        .popup-header h2 span {
          font-family: "Instrument Serif", serif;
            font-style: italic;
            font-weight: 500;
            color: #f39c12; /* Cor laranja/dourada */
            margin-left: 10px;
			font-size: 55px;
        }

        /* Botão de fechar (X) */
        .popup-close {
            background: none;
            border: none;
            color: #ffffff;
            font-size: 30px;
            font-weight: 300;
            cursor: pointer;
            line-height: 1;
            opacity: 0.7;
            transition: opacity 0.3s;
        }

        .popup-close:hover {
            opacity: 1;
        }

        /* O corpo do popup (layout de 2 colunas) */
        .popup-body {
            display: flex;
            padding: 30px;
            gap: 30px; /* Espaço entre a imagem e o texto */
        }

        /* Coluna da Imagem */
        .popup-image {
            flex: 1; /* Ocupa 1 parte do espaço */
            min-width: 250px;
			height: 320px; background-position: center; background-size: cover;
			border-radius: 36px;
        }

        .popup-image img {
            width: 100%;
            height: auto;
            border-radius: 12px; /* Bordas arredondadas da imagem */
            display: block;
            object-fit: cover;
        }

        /* Coluna do Conteúdo */
        .popup-content {
            flex: 1.5; /* Ocupa 1.5 partes (mais espaço para o texto) */
            display: flex;
            flex-direction: column;
        }

        .popup-content h3 {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 28px;
            font-weight: 700;
            color: #333;
            line-height: 1.3;
			
        }

        .popup-content p {
            font-size: 16px;
            line-height: 1.6;
            color: #555;
            margin-bottom: 25px;
        }

        /* Botão Laranja "Fale com..." */
        .popup-button {
            display: inline-block;
            background-color: #f39c12; /* Cor laranja do botão */
            color: #ffffff;
            padding: 14px 25px;
            border-radius: 10px; /* Botão em formato "pílula" */
            text-decoration: none;
            font-weight: 700;
            font-size: 16px;
            text-align: center;
            transition: background-color 0.3s;
            margin-top: auto; /* Empurra o botão para baixo */
        }

        .popup-button:hover {
            background-color: #e68a00; /* Cor mais escura ao passar o mouse */
        }

        /* --- RESPONSIVIDADE --- */
        
        /* Para telas de tablet e celulares (menores que 768px) */
        @media (max-width: 768px) {
            .popup-body {
                flex-direction: column; /* Empilha as colunas */
                padding: 20px;
                gap: 20px;
            }

            .popup-image {
                min-width: 100%;
                /* A imagem da mulher tem uma proporção mais de "altura" */
                /* Ajustamos para não ficar muito alta no mobile */
                max-height: 250px; 
            }
            
            .popup-image img {
                height: 250px; /* Altura fixa no mobile */
            }

            .popup-content {
                flex: 1;
            }

            .popup-content h3 {
                font-size: 24px;
            }

            .popup-content p {
                font-size: 15px;
                margin-bottom: 20px;
            }
            
            .popup-header {
                padding: 15px 20px;
            }
            
            .popup-header h2 {
                font-size: 22px;
            }

            /* Opcional: fazer o modal rolar internamente em telas muito pequenas */
            .popup-modal {
                max-height: 90vh;
                overflow-y: auto;
            }
        }