.elementor-2034 .elementor-element.elementor-element-b39d5df{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:0;--padding-top:64px;--padding-bottom:64px;--padding-left:08px;--padding-right:08px;}.elementor-2034 .elementor-element.elementor-element-b39d5df:not(.elementor-motion-effects-element-type-background), .elementor-2034 .elementor-element.elementor-element-b39d5df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-182f7c5 );}.elementor-2034 .elementor-element.elementor-element-b39d5df::before, .elementor-2034 .elementor-element.elementor-element-b39d5df > .elementor-background-video-container::before, .elementor-2034 .elementor-element.elementor-element-b39d5df > .e-con-inner > .elementor-background-video-container::before, .elementor-2034 .elementor-element.elementor-element-b39d5df > .elementor-background-slideshow::before, .elementor-2034 .elementor-element.elementor-element-b39d5df > .e-con-inner > .elementor-background-slideshow::before, .elementor-2034 .elementor-element.elementor-element-b39d5df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#050D11;--background-overlay:'';}.elementor-2034 .elementor-element.elementor-element-7aece5b{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2034 .elementor-element.elementor-element-c87fbf7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2034 .elementor-element.elementor-element-3e1491e{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-2034 .elementor-element.elementor-element-3e1491e .elementor-divider-separator{width:100%;}.elementor-2034 .elementor-element.elementor-element-3e1491e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2034 .elementor-element.elementor-element-1f588ba > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-6591e5e );}.elementor-2034 .elementor-element.elementor-element-1f588ba{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:31px;color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2034 .elementor-element.elementor-element-ca9ca02 .elementor-heading-title{font-family:"Newsreader", Sans-serif;font-size:60px;font-weight:300;line-height:71px;color:var( --e-global-color-primary );}.elementor-2034 .elementor-element.elementor-element-a39b43d{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-2034 .elementor-element.elementor-element-a39b43d .elementor-divider-separator{width:27%;}.elementor-2034 .elementor-element.elementor-element-a39b43d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2034 .elementor-element.elementor-element-05ee2ad{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2034 .elementor-element.elementor-element-7d0abd8 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-6591e5e );}.elementor-2034 .elementor-element.elementor-element-7d0abd8{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:31px;color:var( --e-global-color-primary );}.elementor-2034 .elementor-element.elementor-element-7292861{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-2034 .elementor-element.elementor-element-b39d5df{--padding-top:64px;--padding-bottom:64px;--padding-left:8px;--padding-right:8px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2034 .elementor-element.elementor-element-ca9ca02 .elementor-heading-title{font-size:36px;}}@media(min-width:768px){.elementor-2034 .elementor-element.elementor-element-7aece5b{--width:73%;}.elementor-2034 .elementor-element.elementor-element-c87fbf7{--width:100%;}.elementor-2034 .elementor-element.elementor-element-05ee2ad{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-241992b */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy:      #1a2e3b;
  --teal:      #1a6b6b;
  --teal-mid:  #2a8a7e;
  --white:     #ffffff;
  --off-white: #f7f5f1;
  --border:    #e2ddd6;
  --text-mid:  #4a5a66;
}

/* PAGE HEADER */
.page-header {
  padding: 5rem 4rem 4rem;
  background: var(--off-white);
  border-bottom: 1px solid var(--border);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: end;
}

.page-eyebrow {
  display: inline-flex; align-items: center; gap: 0.75rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.67rem; font-weight: 600; letter-spacing: 0.24em;
  text-transform: uppercase; color: var(--teal); margin-bottom: 1rem;
}
.page-eyebrow::before { content: ''; display: block; width: 22px; height: 1px; background: var(--teal); }

.page-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.4rem, 4vw, 3.8rem);
  font-weight: 300; line-height: 1.08; color: var(--navy);
}
.page-title em { font-style: italic; color: var(--teal); }

.page-header-right {
  font-size: 0.95rem; line-height: 1.8; color: var(--text-mid);
  max-width: 420px; padding-bottom: 0.5rem;
  font-family: 'Barlow', sans-serif;
}

/* GRID */
.areas-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 26vw);
  max-height: 52vw;
}

/* CARD */
.area-card {
  position: relative; overflow: hidden;
  cursor: pointer; text-decoration: none; display: block;
}

.card-img {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.area-card:hover .card-img { transform: scale(1.06); }

.card-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(15,26,34,0.92) 0%, rgba(15,26,34,0.55) 45%, rgba(15,26,34,0.1) 100%);
  transition: background 0.35s;
}
.area-card:hover .card-overlay {
  background: linear-gradient(to top, rgba(26,107,107,0.88) 0%, rgba(15,26,34,0.6) 50%, rgba(15,26,34,0.15) 100%);
}

.card-content {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 1.6rem 1.4rem; z-index: 2;
}

.card-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem; font-weight: 300;
  color: rgba(255,255,255,0.25); margin-bottom: 0.5rem;
  transition: color 0.3s;
}
.area-card:hover .card-num { color: rgba(255,255,255,0.45); }

.card-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(0.95rem, 1.3vw, 1.25rem);
  font-weight: 400; line-height: 1.2; color: var(--white); margin-bottom: 0.5rem;
}

.card-arrow {
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.62rem; font-weight: 600; letter-spacing: 0.18em;
  text-transform: uppercase; color: rgba(255,255,255,0);
  transition: color 0.3s, transform 0.3s;
  transform: translateX(-6px);
}
.area-card:hover .card-arrow { color: rgba(255,255,255,0.7); transform: translateX(0); }
.card-arrow::after { content: '→'; font-size: 0.8rem; }

.area-card::after {
  content: ''; position: absolute; inset: 0;
  border-right: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  pointer-events: none; z-index: 3;
}

/* IMAGENS */
.card-01 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/01-crimes-em-geral.webp'); }
.card-02 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/02-crimes-economicos.webp'); }
.card-03 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/03-crimes-tributarios.webp'); }
.card-04 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/04-acordos-penais.webp'); }
.card-05 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/05-crimes-ambientais.webp'); }
.card-06 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/06-crimes-ciberneticos.webp'); }
.card-07 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/07-propriedade-imaterial.webp'); }
.card-08 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/08-acidentes-de-trabalho.webp'); }
.card-09 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/09-crimes-contra-o-consumidor.webp'); }
.card-10 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/10-direito-penal-medico.webp'); }
.card-11 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/11-compliance.webp'); }
.card-12 .card-img { background-image: url('https://dnapenal.com.br/wp-content/uploads/2026/04/12-tribunais-superiores.webp'); }

/* MOBILE */
@media (max-width: 768px) {
  .page-header { grid-template-columns: 1fr; padding: 3rem 1.5rem 2.5rem; gap: 1.5rem; }
  .page-header-right { max-width: 100%; }
  .areas-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, 38vw); max-height: none; }
  .card-title { font-size: 0.95rem; }
  .card-content { padding: 1.1rem; }
  .card-arrow { display: none; }
}

@keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.page-eyebrow { animation: fadeUp 0.5s ease 0.1s both; }
.page-title    { animation: fadeUp 0.6s ease 0.2s both; }
.page-header-right { animation: fadeUp 0.6s ease 0.32s both; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Regular.eot');
	src: url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Regular.woff2') format('woff2'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Regular.woff') format('woff'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Regular.ttf') format('truetype'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Regular.svg#Montserrat') format('svg');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Bold.eot');
	src: url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Bold.woff2') format('woff2'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Bold.woff') format('woff'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Bold.ttf') format('truetype'),
		url('https://dnapenal.com.br/wp-content/uploads/2024/11/Montserrat-Bold.svg#Montserrat') format('svg');
}
/* End Custom Fonts CSS */