:root {
  --navy:      #0f172a;
  --navy2:     #1e293b;
  --navy3:     #0d1f3c;
  --accent:    #f97316;
  --accent2:   #fb923c;
  --cyan:      #06b6d4;
  --cyan2:     #22d3ee;
  --white:     #ffffff;
  --gray-50:   #f8fafc;
  --gray-100:  #f1f5f9;
  --gray-200:  #e2e8f0;
  --gray-300:  #cbd5e1;
  --gray-500:  #b4b4b4;
  --gray-700:  #334155;
  --green:     #22c55e;
  --red:       #ef4444;
  --yellow:    #eab308;
  --radius:    12px;
  --shadow:    0 4px 24px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.14);
  --orange-300: rgb(253, 186, 116);
  --orange-400: rgb(251, 146, 60);
  --orange-500: rgb(249, 115, 22);
  --orange-600: rgb(234, 88, 12);
}

html { scroll-behavior: smooth; }
body {
  margin: 0; padding: 0; box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  background: var(--white);
  color: var(--navy);
  line-height: 1.6;
  overflow-x: hidden;
}

/* ── NAVBAR ── */
nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;

    height: 68px;
    padding: 0 5vw;

    background: #fff;
    border-bottom: 1px solid var(--orange-500);
    backdrop-filter: blur(12px);

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;

    transition: box-shadow .3s;
}
nav.scrolled {
  box-shadow: 0 4px 30px rgba(0,0,0,.35);
}

.nav-logo {
    justify-self: start;
}

.logo-div {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: rgb(255, 166, 0);
}

.nav-logo-icon {
  width: 36px;
  height: 36px;
  background: var(--accent);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  color: var(--white);
  font-size: 14px;
  letter-spacing: -1px;
}

.nav-logo img {
  max-width: 160px; /* ajuste conforme desejar */
  height: auto;
  display: block;
}

.nav-logo-text {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: var(--white);
}

.nav-logo-text span {
  color: var(--accent);
}

.nav-links {
    justify-self: center;

    display: flex;
    align-items: center;
    gap: 60px; /* aumenta o espaço entre os links */
    padding-left: none;

    list-style: none;
}

.nav-links a {
    color: var(--navy);
    text-decoration: none;

    font-size: 16px;   /* aumenta a fonte */
    font-weight: 600;  /* deixa um pouco mais destacada */

    padding: 8px 12px;
    border-radius: 6px;
    transition: color .2s, background .2s;
}

.nav-social {
    justify-self: end;

    display: flex;
    align-items: center;
    gap: 18px;
}

.nav-social a {
    color: var(--navy);
    font-size: 20px;
    transition: .3s;
}

.nav-social a:hover {
    color: rgb(251, 146, 60);
    transform: translateY(-2px);
}

.nav-links a:hover { color: var(--navy2); background: rgb(251, 146, 60); }
.nav-cta {
  background: var(--accent) !important; color: var(--white) !important;
  padding: 7px 18px !important; border-radius: 6px !important; font-weight: 600 !important;
}
.nav-cta:hover { background: var(--accent2) !important; }
.nav-hamburger {
  display: none; background: none; border: none; cursor: pointer;
  flex-direction: column; gap: 5px; padding: 4px;
}
.nav-hamburger span { display: block; width: 24px; height: 2px; background: var(--white); border-radius: 2px; }
.mobile-menu {
  display: none; position: fixed; top: 68px; left: 0; right: 0; z-index: 999;
  background: var(--navy); padding: 16px 24px 24px;
  border-bottom: 2px solid var(--accent); flex-direction: column; gap: 4px;
}
.mobile-menu.open { display: flex; }
.mobile-menu a {
  color: var(--gray-300); text-decoration: none; font-size: 15px;
  padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.07); font-weight: 500;
}
.mobile-menu a:last-child { border: none; }

/* Link de destaque - Chamados */
.nav-links .nav-chamados {
    background: black;
    color: #fff;
    padding: 8px 18px;
    border-radius: 20px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(255, 166, 0, 0.35);
    transition: .3s ease;
}

.nav-links .nav-chamados:hover {
    background: var(--accent2);
    color: #fff;
    transform: translateY(-2px);
}

main{
    padding-top: 60px;
}

/* =====================================
   HERO
===================================== */

.hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 100vh;
    overflow: hidden;

    background: url("img/hero1.webp") center center / cover no-repeat;
    background-attachment: fixed;
    background-color: #111;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
        135deg,
        rgba(0,0,0,.45) 0%,
        rgba(0,0,0,.35) 100%
    );
}

.hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
    padding: 80px 24px;

    text-align: center;
}

.hero-title {
    margin-bottom: 24px;

    color: #fff;

    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.03em;

    text-shadow: 0 4px 10px rgba(0,0,0,.5);
}

.hero-title span {
    color: #d4af37;
}

.hero-text {
    max-width: 700px;

    margin: 0 auto 50px;

    color: #e5e5e5;

    font-size: clamp(1rem, 2vw, 1.3rem);
    font-weight: 300;
    line-height: 1.7;

    text-shadow: 0 2px 6px rgba(0,0,0,.4);
}

/* =====================================
   CONTENT BOX
===================================== */

.content-box {
    max-width: 900px;
    margin: 0 auto;
}

.content-card {
    padding: 32px;

    background: rgba(0, 0, 0, .35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-left: 4px solid #f97316;
    border-radius: 20px;

    box-shadow: 0 10px 35px rgba(0,0,0,.35);
}

.content-text {
    margin: 0;

    color: #f3f4f6;

    font-size: clamp(1rem, 2vw, 2rem);
    font-weight: 500;
    line-height: 1.7;

    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

/* =====================================
   BOTÕES
===================================== */

.hero-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;

    margin-top: 40px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 14px 32px;

    border-radius: 999px;

    text-decoration: none;

    font-size: 1.1rem;
    font-weight: 700;

    transition: .3s;
}

.btn i {
    width: 20px;
    height: 20px;
}

.btn-primary {
    color: #fff;
    background: #d4af37;

    box-shadow: 0 10px 25px rgba(212,175,55,.25);
}

.btn-primary:hover {
    background: #b9922b;
}

.btn-secondary {
    color: #fff;

    border: 1px solid #fff;

    background: rgba(255,255,255,.1);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.btn-secondary:hover {
    background: #fff;
    color: #111;
}

/* ===== POR QUE ESCOLHER A MASTERDADOS ===== */

.why-masterdados{
    padding:100px 0;
    background:#fff;
}

.section-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.section-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 26px;
    margin-bottom:22px;

    border-radius:999px;

    background:var(--orange-600);
    color:rgb(255, 255, 255);

    font-size:1.8rem;
    font-weight:700;
    letter-spacing:.6px;
}

.section-header h2{
    margin-bottom:18px;

    color:#1f2937;

    font-size:clamp(2rem,4vw,2.8rem);
    font-weight:700;
    line-height:1.2;
}

.section-header p{
    color:#6b7280;

    font-size:1.05rem;
    line-height:1.8;
}

.why-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.why-card{
    padding:35px 30px;

    background:#fff;
    border:1px solid var(--orange-600);
    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:all .35s ease;
}

.why-card:hover{
    transform:translateY(-8px);

    border-color:var(--orange-400);

    box-shadow:0 18px 40px rgba(249,115,22,.18);
}

.why-card i{
    display:flex;
    align-items:center;
    justify-content:center;

    width:68px;
    height:68px;

    margin-bottom:24px;

    border-radius:16px;

    background: var(--orange-600);

    color:#fff;
    font-size:28px;

    transition:.3s;
}

.why-card:hover i{
    transform:rotate(-8deg) scale(1.08);
}

.why-card h3{
    margin-bottom:14px;

    color:#1f2937;

    font-size:1.25rem;
    font-weight:700;
}

.why-card p{
    color:#6b7280;

    line-height:1.7;
}

@media (max-width:768px){

    .why-masterdados{
        padding:70px 0;
    }

    .section-header{
        margin-bottom:50px;
    }

    .why-grid{
        gap:20px;
    }

    .why-card{
        padding:28px 24px;
    }

}


@media (max-width: 992px){
    .why-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px){
    .why-grid{
        grid-template-columns: 1fr;
    }
}

/* ==========================
        PLANOS
========================== */

.plans{
    padding:100px 0;
    background:#fff;
}

.plans-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(260px, 340px));
    justify-content:center;
    gap:24px;
}

.plan-card{

    position:relative;

    display:flex;
    flex-direction:column;

    padding:28px 24px;

    background:#fff;

    border:2px solid rgba(249,115,22,.12);
    border-radius:18px;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.plan-card:hover{

    transform:translateY(-10px);

    border-color:var(--orange-400);

    box-shadow:0 18px 45px rgba(249,115,22,.18);

}

.featured{

    border-color:var(--orange-500);

    transform:scale(1.02);

    box-shadow:0 20px 60px rgba(249,115,22,.22);

}

.featured:hover{

    transform:scale(1.02) translateY(-8px);

}

.plan-badge{

    position:absolute;

    top:-14px;
    left:50%;

    transform:translateX(-50%);

    background:var(--orange-500);

    color:#fff;

    padding:8px 20px;

    border-radius:999px;

    font-size:.85rem;
    font-weight:700;

}

.plan-card-last{

    position:relative;

    display:flex;
    flex-direction:column;

    padding:28px 24px;

    background:#fff;

    border:2px solid rgba(249,115,22,.12);
    border-radius:18px;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.plan-card-last:hover{

    transform:translateY(-10px);

    border-color:var(--orange-400);

    box-shadow:0 18px 45px rgba(249,115,22,.18);

}

.plan-card h3{

    margin-top:10px;
    margin-bottom:12x;

    text-align:center;

    color:#111;

    font-size:1.4em;

}

.plan-price{

    text-align:center;

    color:var(--orange-600);

   font-size:2.2rem;
    margin-bottom:22px;
    font-weight:800;

}

.plan-price span{

    font-size:1.2rem;
    color: black;

}

.consult{

    font-size:2.2rem;

}

.plan-card ul{

    flex:1;

    padding:0;

    margin:0 0 35px;
    margin-bottom:24px;

    list-style:none;

}

.plan-card li{

    display:flex;
    align-items:flex-start;
    gap:10x;

    margin-bottom:10px;

    color:#444;

    font-size:.95rem;
    line-height:1.4;


}

.plan-card li i{

    color:var(--orange-500);

    margin-top:4px;

}
.plan-card-last .plan-price span{

    font-size:1.6rem;
    color: black;

}
.plan-card-last h3{

    margin-top:10px;
    margin-bottom:12x;

    text-align:center;

    color:#111;

    font-size:1.4em;

}

.plan-card-last ul{

    flex:1;

    padding:0;

    margin:0 0 35px;
    margin-bottom:24px;

    list-style:none;

}

.plan-card-last li{

    display:flex;
    align-items:flex-start;
    gap:10x;

    margin-bottom:10px;

    color:#444;

    font-size:.95rem;
    line-height:1.4;


}

.plan-card-last li i{

    color:var(--orange-500);

    margin-top:4px;

}

.plan-btn{

    display:flex;
    justify-content:center;
    align-items:center;

    height:52px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    color:#fff;

    background:var(--orange-600);

}

.plan-btn:hover{

    transform:translateY(-2px);

    background:linear-gradient(
        135deg,
        var(--orange-400),
        var(--orange-500)
    );

    box-shadow:0 12px 25px rgba(249,115,22,.35);

}

@media(max-width:992px){

    .plans-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .featured{

        transform:none;

    }

}

@media(max-width:768px){

    .plans{

        padding:70px 0;

    }

    .plans-grid{

        grid-template-columns:1fr;

    }

}

/* =====================================
   RESPONSIVO
===================================== */

@media (max-width: 768px) {

    .hero {
        background-attachment: scroll;
    }

    .hero-content {
        padding: 60px 20px;
    }

    .content-card {
        padding: 24px;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .btn {
        width: 100%;
    }

    .desktop-break {
        display: none;
    }
}

@media (min-width: 769px) {

    .desktop-break {
        display: inline;
    }
}

@media (max-width: 768px) {

    nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav-links {
        display: none;
    }

    .nav-social {
        display: none;
    }

    .nav-hamburger {
        display: flex;
    }
}

/* =====================================
   ANIMAÇÃO
===================================== */

@keyframes fadeInUp {

    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.services {
  max-width: 800px;
  margin: 3rem auto;
  padding: 1rem;
  font-family: Arial, Helvetica, sans-serif;
}

.services h2 {
  text-align: center;
  color: #000;
  margin-bottom: 2rem;
  font-size: 2.2rem;
  font-weight: 700;
}

.services h2 span {
  color: var(--orange-600);
}

.services details {
  background: #fff;
  border: 2px solid var(--orange-600);
  border-radius: 12px;
  margin-bottom: 1rem;
  overflow: hidden;
  transition: all .3s ease;
}

.services details:hover {
  border-color: var(--orange-500);
}

.services summary {
  list-style: none;
  cursor: pointer;
  padding: 1.2rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

.services summary::-webkit-details-marker {
  display: none;
}

.services summary::after {
  content: "+";
  font-size: 1.5rem;
  color: black;
  transition: transform .3s ease;
}

.services details[open] summary::after {
  content: "−";
}

.services details[open] {
  border-color: var(--orange-500);
  box-shadow: 0 8px 20px rgba(249, 115, 22, 0.15);
}

.services .content {
  padding: 0 1.5rem 1.5rem;
  color: #555;
  line-height: 1.7;
  border-top: 1px solid var(--orange-500);
}

.btn-saiba-mais {
    display: inline-block;
    margin-top: 1rem;
    padding: .8rem 1.4rem;
    background: var(--orange-500);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: .3s;
}

.btn-saiba-mais:hover {
    background: var(--orange-600);
}

.clients-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:24px;
    justify-items:center;
    align-items:center;
}

.client-card{
    width:100%;
    display:flex;
    justify-content:center;
}

.client-box{
    width:120px;
    aspect-ratio:1;
    background:#fff;
    border:2px solid var(--orange-400);
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
    position:relative;
    overflow:hidden;
    transition:.35s;
}

.client-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(249,115,22,.10),
        transparent,
        rgba(234,88,12,.10)
    );
    opacity:0;
    transition:.35s;
}

.client-box::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        var(--orange-400),
        var(--orange-600)
    );
    transform:scaleX(0);
    transition:.35s;
}

.client-box:hover{
    border-color:var(--orange-500);
    transform:translateY(-6px) scale(1.05);
    box-shadow:0 12px 30px rgba(249,115,22,.20);
}

.client-box:hover::before{
    opacity:1;
}

.client-box:hover::after{
    transform:scaleX(1);
}

.client-box img{
    max-width:100%;
    max-height:70px;
    object-fit:contain;
    position:relative;
    z-index:1;
    transition:.35s;
}

.client-box:hover img{
    transform:scale(1.08);
    filter:brightness(1.1) saturate(1.15);
}

.cta {
    padding: 5rem 1.5rem;
    background: linear-gradient(
        135deg,
        var(--orange-500),
        var(--orange-600)
    );
    border-radius: 20px;
    text-align: center;
    color: #fff;
    margin: 5rem 1rem 1rem;

}

.cta-content {
    max-width: 720px;
    margin: 0 auto;
}

.cta h2 {
    font-size: 2.2rem;
    margin-bottom: 1rem;

}

.cta p {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 2rem;
    opacity: .95;
}

.cta-button {
    display: inline-block;
    padding: 1rem 2rem;
    background: #fff;
    color: var(--orange-600);
    text-decoration: none;
    font-weight: 700;
    border-radius: 10px;
    transition: .3s;
}

.cta-button:hover {
    background: var(--orange-500);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
}

.testimonials{
    padding:80px 0;
    overflow:hidden;
    background:#fff;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title h2{
    position:relative;
    display:inline-block;
    font-size:2.8rem;
    color:#222;
    font-weight:700;
}

.section-title h2::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-12px;
    width:90px;
    height:5px;
    border-radius:20px;
    background:var(--orange-600);
}

.carousel{
    overflow:hidden;
    width:100%;
}

.carousel-track{
    display:flex;
    gap:20px;
    width:max-content;
    animation:carousel 45s linear infinite;
}

.carousel:hover .carousel-track{
    animation-play-state:paused;
}

.testimonial-card{
    flex:0 0 260px;
    height:260px;
    background:#fff;
    border:2px solid var(--orange-500);
    border-radius:18px;
    padding:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:.4s;
}

.testimonial-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(249,115,22,.15),
        transparent,
        rgba(234,88,12,.15)
    );
    opacity:0;
    transition:.4s;
}

.testimonial-card:hover{
    transform:translateY(-8px);
    border-color:var(--orange-500);
    box-shadow:0 18px 35px rgba(249,115,22,.20);
}

.testimonial-card:hover::before{
    opacity:1;
}

.content{
    position:relative;
    z-index:2;
}

.content h3{
    font-size:1rem;
    line-height:1.6;
    font-weight:600;
    color:#222;
}

.content p{
    margin-top:18px;
    color:var(--orange-600);
    font-weight:700;
}

@keyframes carousel{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* ── FOOTER ── */
footer {
  background: #080f1e; color: var(--gray-300);
  padding: 56px 5vw 28px;
  border-top: 1px solid rgba(255,255,255,.04);
}
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.footer-brand p { font-size: 14px; color: rgb (180,180,180); margin-top: 1px; margin-bottom:1px; line-height: 1.4; max-width: 260px; }
.footer-brand b { font-size: 14px; color: var(--white); margin-top: 3px; margin-bottom:2px; line-height: 1.4; max-width: 260px; }
.footer-col h4 {
  font-family: Poppins, sans-serif;
}
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.footer-col ul li a { color: var(--gray-500); font-size: 13px; text-decoration: none; transition: color .2s; }
.footer-col ul li a:hover { color: var(--accent); }
.footer-contact-list { display: flex; flex-direction: column; gap: 10px; }
.footer-contact-list a { display: flex; align-items: center; gap: 8px; color: var(--gray-500); font-size: 13px; text-decoration: none; transition: color .2s; }
.footer-contact-list a:hover { color: var(--accent); }
.footer-divider { border-color: rgba(255,255,255,.05); margin-bottom: 20px; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--gray-500); flex-wrap: wrap; gap: 8px; }
.footer-bottom a { color: var(--gray-500); text-decoration: none; }
.footer-bottom span { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--gray-500); flex-wrap: wrap; gap: 12px; }
.footer-bottom a:hover { color: var(--accent); }
.footer-col h4 {
  font-family: Poppins, sans-serif;
  margin: 0 0 16px;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ===========================
   RESET
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    background:#f7f7f7;
    line-height:1.6;
}

/* ===========================
   SECTION
=========================== */

.cta-section{
    background:linear-gradient(to right,#f9fafb,#f3f4f6);
    padding:120px 20px 80px;
}

.container{
    max-width:1200px;
    margin:auto;
}

/* ===========================
   HEADER
=========================== */

.header{
    text-align:center;
    margin-bottom:70px;
}

.header h2{
    font-size:3rem;
    color:#111827;
    margin-bottom:15px;
}

.header h3{
    font-size:2rem;
    color:#f97316;
    margin-bottom:25px;
}

.header p{
    max-width:900px;
    margin:auto;
    font-size:18px;
    color:#4b5563;
}

.header strong{
    color:#f97316;
}

/* ===========================
   MAPAS
=========================== */

.maps-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
    margin-bottom:70px;
}

.map-card{
    text-align:center;
}

.tag{
    display:inline-block;
    background:#f97316;
    color:#fff;
    padding:12px 25px;
    border-radius:10px;
    font-weight:bold;
    margin-bottom:25px;
    box-shadow:0 10px 20px rgba(0,0,0,.12);
}

.image-box{
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    margin-bottom:25px;
}

.image-box img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.image-box:hover img{
    transform:scale(1.05);
}

.address{
    background:#fff7ed;
    border-left:5px solid #f97316;
    padding:20px;
    border-radius:12px;
}

.address h4{
    color:#f97316;
    margin-bottom:10px;
}

.address p{
    color:#555;
}

/* ===========================
   GRID
=========================== */

.contact-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    margin-bottom:70px;
}

.contact-card,
.actions-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.contact-card{
    border-left:5px solid #f97316;
}

.contact-card h4,
.actions-card h4{
    font-size:30px;
    margin-bottom:30px;
    color:#111827;
}

/* ===========================
   ITENS
=========================== */

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-bottom:28px;
}

.icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#ffedd5;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#f97316;
    font-size:22px;
    flex-shrink:0;
}

.contact-item strong{
    display:block;
    margin-bottom:5px;
    color:#111827;
}

.contact-item p{
    color:#555;
}

.contact-item small{
    color:#888;
}

/* ===========================
   LINKS MAPS
=========================== */

.link-btn{
    border:none;
    background:none;
    color:#f97316;
    margin-top:8px;
    cursor:pointer;
    font-weight:bold;
    font-size:15px;
    transition:.3s;
}

.link-btn:hover{
    color:#ea580c;
}

/* ===========================
   BOTÕES
=========================== */

.btn{
    width:100%;
    border:none;
    color:#fff;
    padding:18px;
    border-radius:14px;
    margin-bottom:18px;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    transition:.3s;
}

.btn:hover{
    transform:translateY(-3px);
}

.whatsapp{
    background:#22c55e;
}

.whatsapp:hover{
    background:#16a34a;
}

.email{
    background:#3b82f6;
}

.email:hover{
    background:#2563eb;
}

.orange{
    background:#f97316;
}

.orange:hover{
    background:#ea580c;
}

/* ===========================
   BENEFÍCIOS
=========================== */

.benefits{
    margin-top:35px;
    background:#f9fafb;
    padding:25px;
    border-radius:15px;
}

.benefits h5{
    margin-bottom:18px;
    color:#111827;
    font-size:20px;
}

.benefits ul{
    list-style:none;
}

.benefits li{
    margin-bottom:12px;
    position:relative;
    padding-left:22px;
    color:#555;
}

.benefits li::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#f97316;

    position:absolute;
    left:0;
    top:10px;
}

/* ===========================
   CTA FINAL
=========================== */

.bottom-cta{
    background:linear-gradient(90deg,#f97316,#ea580c);
    color:#fff;
    text-align:center;
    padding:60px 40px;
    border-radius:22px;
}

.bottom-cta h4{
    font-size:36px;
    margin-bottom:15px;
}

.bottom-cta p{
    font-size:20px;
    margin-bottom:35px;
    opacity:.95;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.cta-buttons button{
    border:none;
    padding:16px 30px;
    border-radius:12px;
    cursor:pointer;
    font-weight:bold;
    font-size:17px;
    transition:.3s;
}

.cta-buttons button:hover{
    transform:translateY(-3px);
}

.cta-buttons button:not(.outline){
    background:#fff;
    color:#f97316;
}

.outline{
    background:transparent;
    color:#fff;
    border:2px solid #fff !important;
}

.outline:hover{
    background:#fff;
    color:#f97316;
}

/* ===========================
   RESPONSIVO
=========================== */

@media(max-width:900px){

    .maps-grid,
    .contact-grid{
        grid-template-columns:1fr;
    }

    .header h2{
        font-size:2.2rem;
    }

    .header h3{
        font-size:1.5rem;
    }

    .contact-card,
    .actions-card{
        padding:25px;
    }

    .bottom-cta{
        padding:40px 25px;
    }

    .bottom-cta h4{
        font-size:28px;
    }

    .bottom-cta p{
        font-size:18px;
    }

    .cta-buttons{
        flex-direction:column;
    }

    .cta-buttons button{
        width:100%;
    }

}
.masterdados-sobre-section {

    position: relative;
    padding: 0px 20px 80px;
    background: #f9fafb;
    overflow: hidden;

}


.masterdados-sobre-container {

    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;

}



/* BACKGROUND */


.masterdados-sobre-circle {

    position:absolute;
    border-radius:50%;
    filter:blur(60px);
    opacity:.15;

}


.masterdados-sobre-circle-one {

    width:130px;
    height:130px;
    background:#f97316;
    top:20px;
    left:40px;

}


.masterdados-sobre-circle-two {

    width:190px;
    height:190px;
    background:#ea580c;
    right:40px;
    bottom:80px;

}


.masterdados-sobre-circle-three {

    width:100px;
    height:100px;
    background:#000;
    left:35%;
    top:50%;

}



/* FORMAS */


.masterdados-sobre-shape {

    position:absolute;
    background:#f97316;

}


.masterdados-sobre-shape-one {

    width:16px;
    height:16px;
    transform:rotate(45deg);
    right:80px;
    top:40px;

}


.masterdados-sobre-shape-two {

    width:24px;
    height:24px;
    left:60px;
    bottom:120px;

}


.masterdados-sobre-shape-three {

    width:12px;
    height:12px;
    transform:rotate(45deg);
    left:25%;
    top:90px;
    background:#000;

}




/* HEADER */


.masterdados-sobre-header {

    text-align:center;

}


.masterdados-sobre-header h2 {

    font-size:45px;
    font-weight:800;
    margin-bottom:20px;
    color:#111;

}


.masterdados-sobre-header h2 span,
.masterdados-sobre-description span {

    color:#f97316;

}



.masterdados-sobre-header {

    text-align:center;
    padding:80px 20px;
    position:relative;

}


.section-label {

    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#f97316;
    margin-bottom:20px;

}


.masterdados-sobre-header h1 {

    font-size:56px;
    font-weight:900;
    line-height:1.1;
    color:#111;
    margin:0;

}


.masterdados-sobre-header h1 span {

    color:#f97316;

}


.masterdados-sobre-header h2 {

    font-size:22px;
    font-weight:600;
    color:#777;
    margin:15px 0 50px;

}


.masterdados-sobre-description {

    max-width:850px;
    margin:auto;

}


.masterdados-sobre-description h3 {

    font-size:36px;
    font-weight:800;
    color:#222;
    margin-bottom:25px;

}


.masterdados-sobre-description h3 span {

    color:#f97316;

}


.masterdados-sobre-description p {

    font-size:18px;
    line-height:1.9;
    color:#555;

}




/* CARDS */


.masterdados-sobre-features {

    display:flex;
    flex-direction:column;
    gap:30px;
    margin-top:50px;

}



.masterdados-sobre-card {

    background:white;
    padding:40px;
    border-radius:20px;
    border-left:5px solid #f97316;
    display:flex;
    align-items:center; /* centraliza o ícone verticalmente */
    gap:20px;
    box-shadow:0 10px 25px #0001;
    transition:.3s;

}


.masterdados-sobre-card:hover {

    transform:translateY(-8px);
    box-shadow:0 20px 35px #0002;

}



.masterdados-sobre-icon {

    min-width:50px;
    height:50px;
    background:#ffedd5;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;

}



.masterdados-sobre-card h4 {

    font-size:22px;
    margin:0 0 15px;

}



.masterdados-sobre-card p,
.masterdados-sobre-card li {

    color:#666;
    line-height:1.6;

}





/* CERTIFICADOS */


.masterdados-sobre-cert-title {

    text-align:center;
    margin:70px 0 40px;

}


.masterdados-sobre-cert-title h2 {

    font-size:45px;
    position:relative;

}



.masterdados-sobre-cert-title h2::after {

    content:"";
    width:100px;
    height:5px;
    background:linear-gradient(
        90deg,
        #fb923c,
        #ea580c
    );
    border-radius:10px;

    position:absolute;
    bottom:-15px;
    left:50%;
    transform:translateX(-50%);

}




.masterdados-sobre-certificates {

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:20px;
    align-items:center;

}



.masterdados-sobre-cert-card {

    background:white;
    aspect-ratio:1;
    border:2px solid #fed7aa;
    border-radius:12px;
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    transition:.4s;

}



.masterdados-sobre-cert-card:hover {

    border-color:#f97316;
    transform:scale(1.08);
    box-shadow:0 15px 30px #f9731640;

}



.masterdados-sobre-cert-card img {

    max-width:100%;
    max-height:100%;
    object-fit:contain;

}




/* RESPONSIVO */


@media(max-width:900px){

    .masterdados-sobre-certificates{

        grid-template-columns:repeat(4,1fr);

    }

}



@media(max-width:600px){

    .masterdados-sobre-header h2,
    .masterdados-sobre-cert-title h2{

        font-size:34px;

    }


    .masterdados-sobre-card{

        flex-direction:column;

    }


    .masterdados-sobre-certificates{

        grid-template-columns:repeat(2,1fr);

    }

}