@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Rajdhani:wght@300;400;500;600;700&display=swap');
	
	
    :root {
      --primary: #2978d8;
      --bg-light: #f7f8fa;
      --gray: #94989b;
      --card: #fff;
      --border: #eaeaea;
    }
    body {
      background: var(--bg-light);
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 146%;
		letter-spacing: 0.03em;
		color: #4B4F5A;
		margin:0px;
		padding:0px;
    }
    .main-header {
      background: #fafafa;
      padding: 32px 0 16px 0;
      border-bottom: 1px solid var(--border);
    }
    .container {
      width: 100%;
      max-width: 1220px;
      margin: 0 auto;
      padding: 0 16px;
    }
	
.title-star img {
    border: 0px !impotant;
    max-width: 19px;
    float: right;
}
	
img.loGoogle {
    max-width: 46px !important;
    max-height: 46px !important;
}
	

    .main-header-text {
    }
    .main-header-img {
		width: 100%;
    }
    .main-header-img img {
      width: 100%; max-width: 467px;
	  margin-bottom: -23px;
    }
    .main-header h2 {
      color: var(--primary);
      font-size: 1.25rem;
      margin-bottom: 10px;
    }
    .main-header p {
      margin: 16px 0;
      color: #555;
    }
    .btn-primary {
      background: #0090ec;
      color: #fff;
      border: none;
      border-radius: 4px;
      padding: 12px 28px;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      margin-top: 8px;
      transition: background 0.2s;
    }
    .btn-primary:hover {
      background: #15539b;
    }
    .stats-bar {
      background: #6caad9;
      color: #fff;
      display: flex;
      justify-content: center;
      gap: 48px;
      font-size: 1rem;
      padding: 20px 0;
    }
    .stats-bar > .container{
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		align-items: center;	
		max-width: 1400px;
	}
    .stats-bar > .container div { text-align: center;}
    .stats-bar > .container strong {
      display: block;
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 600;
		font-size: 50px;
		line-height: 49px;
		text-align: center;
		color: #FFFFFF;
    }
    .main-section {
      /*background: linear-gradient(135deg, #2978d8 0%, #2862be 100%);*/
	
	  background: linear-gradient(30.46deg, #3A5696 5.58%, #0090EC 126.38%);
	  
      color: #fff;
      padding: 64px 0 36px 0;
    }
    .main-section .container { display: flex; flex-wrap: wrap; gap: 32px;}
    .main-section-left {
      flex: 2 1 320px;
      min-width: 300px;
    }
    .main-section-right {
      flex: 1 1 280px;
      min-width: 260px;
    }
    .img-devices { width: 100%; max-width: 420px; margin-bottom: 18px;}
    .main-section h3 { font-size: 1.15rem; margin: 20px 0 8px 0; }
    .main-section ul {
      list-style: none; padding: 0;
      margin: 16px 0 0 0;
      display: flex; flex-wrap: wrap; gap: 24px;
    }
    .main-section ul li {
      flex: 1 1 180px;
      background: rgba(255,255,255,0.08);
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 0.98em;
      margin-bottom: 8px;
      min-width: 150px;
    }
    /* Form */
    .main-section form {
      background: #bad3e9;
      color: #333;
      border-radius: 12px;
      padding: 28px 24px;
      box-shadow: 0 2px 14px 0 rgba(0,0,0,0.09);
      display: flex; flex-direction: column; gap: 12px;
      min-width: 220px;
      max-width: 440px;
      margin-top: 30px;
    }
    .main-section form input {
      padding: 10px 10px;
      border: 1px solid var(--border);
      border-radius: 6px;
      font-size: 1em;
    }
    .main-section form button {
      background: var(--primary);
      color: #fff; border: none;
      border-radius: 5px;
      padding: 12px 0;
      font-size: 1em;
      font-weight: 600;
      cursor: pointer;
    }
    .main-section form button:hover {
      background: #15539b;
    }
    .main-section form h3{
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 300;
		font-size: 38px;
		line-height: 61px;
		color: #000000;
	}
    .main-section form label{
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		line-height: 29px;
		letter-spacing: 0.015em;
		color: #3A454D;
	}
    /* FAQ */
    .faq-section {
      background: #f5f5f5;
      padding: 56px 0;
      border-bottom: 1px solid var(--border);
    }
    .faq-section h4 { color: var(--primary); font-size: 1.2em; margin-bottom: 24px;}
    .faq-list {
      background: var(--card);
      border-radius: 10px;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,0.03);
      padding: 16px;
      margin: 0 auto;
      max-width: 100%;
    }
    .faq-item {
      border-bottom: 1px solid var(--border);
      padding: 14px 0;
    }
    .faq-question {
      font-weight: 600;
      cursor: pointer;
      position: relative;
      padding-right: 28px;
    }
    .faq-question:after {
      content: '+';
      position: absolute; right: 0; top: 0;
      font-size: 1.4em;
      color: var(--primary);
      transition: transform 0.2s;
    }
    .faq-item.open .faq-question:after {
      content: '-';
      transform: rotate(180deg);
    }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s;
      color: #555;
      font-size: 0.97em;
    }
    .faq-item.open .faq-answer {
      max-height: 120px;
      margin-top: 6px;
    }
    /* Clientes */
    .clientes-section {
      padding: 52px 0 0 0;
      background: #fafafa;
    }
    .clientes-section h5 {
      color: var(--primary);
      font-size: 1.1em;
      margin-bottom: 24px;
    }
    .clientes-list {
      display: flex; flex-wrap: wrap; 
	  gap: 12px;
      justify-content: flex-start;
      margin-top: 10px;
    }
    .cliente-card {
      background: var(--card);
      border-radius: 10px;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,0.03);
      padding: 18px 18px 12px 18px;
      width: 288px;
      min-width: 190px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }
    .cliente-card .cliente-info {
      display: flex; align-items: center; gap: 12px;
      margin-top: 10px;
    }
    .cliente-card img {
      width: 38px; height: 38px;
      border-radius: 50%;
      border: 2px solid var(--primary);
    }

	.cliente-card .star {
		color: #ffc107;
		font-size: 1.2em;
		display: flex;
		justify-content: space-around;
	}
	.cliente-card .star img{
		border:0px !important;
	}
    
    /* Serviços */
    .services-section {
      background: #fff;
      padding: 44px 0 16px 0;
      border-top: 1px solid var(--border);
    }
    .services-list, .coverage {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      margin-top: 20px;
      align-items: flex-start;
      justify-content: center;
    }
    .service {
      flex: 1 1 180px;
      min-width: 160px;
      max-width: 210px;
      background: var(--bg-light);
      border-radius: 10px;
      padding: 18px 14px;
      text-align: center;
      margin-bottom: 8px;
    }
    .service i {
      display: block;
      font-size: 2em;
      color: var(--primary);
      margin-bottom: 8px;
    }
    .coverage {
      max-width: 400px;
    }
    .map-img {
      width: 100%;
      max-width: 320px;
      margin: 0 auto;
      display: block;
    }

    /* Responsivo */
    @media (max-width: 900px) {
      .flex-row, .main-section .container {
        flex-direction: column;
        gap: 36px;
      }
      .stats-bar { gap: 16px; font-size: 0.95em;}
      .main-section { padding: 38px 0 28px 0;}
      .clientes-list { flex-direction: column; align-items: center;}
      .cliente-card { width: 95%;}
    }
    @media (max-width: 600px) {
      .main-header { padding: 18px 0;}
      .main-header h2 { font-size: 1.1em;}
      .main-header-img { justify-content: center;}
      .main-section form { padding: 16px;}
      .faq-list { padding: 4px;}
      .services-section, .faq-section, .clientes-section { padding-left: 0; padding-right: 0;}
      .container { padding: 0 4px;}
    }
	h1.top{
		/* DOMICíLIO JUDICIAL ELETRÔNICO-DJE */
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 600;
		font-size: 28px;
		line-height: 125%;
		text-transform: uppercase;
		color: #4B4F5A;
	}
	h2.top{
		/* Evite multas judiciais por perda de prazos — monitore todas as notificações com a Contato Diário */
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 600;
		font-size: 42px;
		line-height: 125%;
		text-transform: uppercase;
		color: #1977C7;
			
	}
	.flex-row {
		display: flex;
		gap: 60px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.flex-row div{flex:1;}
	
	.radial h2{
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 600;
		font-size: 28px;
		line-height: 36px;
		text-transform: uppercase;
		color: #FFFFFF;
	}
	.radial p{
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 146%;
		display: flex;
		align-items: center;
		letter-spacing: 0.03em;
		color: #FFFFFF;
	}
	.radial ul li{
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		letter-spacing: 0.04em;
		color: #FFFFFF;
	}
	.radial ul li b{
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 600;
		font-size: 22px;
		line-height: 146%;
		letter-spacing: 0.03em;
		color: #FFFFFF;
		display: flex;
		flex-direction: row;
		gap: 10px;
	}
	.minsec{
	    min-width: 60% !important;
	}
	
	.faq-question{
		font-family: 'Rajdhani';
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 150%;
		letter-spacing: 0.04em;
		color: #1D94F0;
	}
	.faq-answer{
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		letter-spacing: 0.04em;
		color: rgba(75, 79, 90, 0.9);
	}
	.button-outline{
		margin-top:16px;
		padding:8px 16px;
		border-radius:5px;
		border:1px solid var(--primary);
		color:#1D94F0;
		background:#fff;
		font-weight:600;
		cursor:pointer;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
	}
	.button-outline img{
		width:20px;
	}
	
	.clientes-list *{
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		letter-spacing: 0.04em;
		color: #3A3A3A;
	}
	.cliente-card .title-star {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
		width: 100%;
		margin-bottom: 10px;
	}	
	.cliente-card .title-star div{
		flex:1;
	}
	.cliente-card .title-star img {
		float: right;
		border:1px solid #efefef;
	}	
	
	
	
	
@media(max-width:960px){
	.main-header .flex-row{
		display: flex;
		gap: 60px;
		flex-direction: column-reverse;
		flex-wrap: nowrap;
	}
	.main-header-img img{
		margin: auto auto;
		display: block;
	}
	.main-header-text {
		padding: 30px;
	}	
	.img-devices {
		width: 100%;
		max-width: 80%;	
	}
}
@media(max-width:800px){
	.stats-bar > .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}	
	.flex-row {
		display: flex;
		flex-direction: column;
	}	
	
	.main-section form {
		min-width: 220px;
		max-width: 80%;
		margin: auto auto;	
	}
	.faq-section, .clientes-section{
		display:block;
		max-width: 80%;
		margin: auto auto;	
	}
	.main-section{
		padding:10%;
	}
	.main-section .flex-row{
		gap: 0px;	
	}
	.main-section form{
		margin-top:100px;
	}
}