
:root{
  --black:#0B0B0C;
  --ink:#1A1A1B;
  --yellow:#C9A227;
  --yellow-soft:#E8CE86;
  --white:#FFFFFF;
  --paper:#F7F7F5;
  --gray:#6b6660;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*{
    margin: 0;
    padding: 0;
}
footer{
    background: var(--black);
        color: #c9c6c1;
        padding: 3rem 0 1.6rem;
}
.wa-r {
    position: fixed;
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    z-index: 1100;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .3);
}

@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --paper:#151514; } }
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:86px;}
body{ margin:0; font-family:'Roboto',sans-serif; background:var(--white); color:var(--black); overflow-x:hidden; }
.hdg{ font-family:'Roboto',sans-serif; font-weight:900; }
.container-n{ max-width:1200px; margin:0 auto; padding:0 26px; }
a{ text-decoration:none; color:inherit; }

/* nav */
.navbar-c{ position:fixed; inset:0 0 auto 0; z-index:1000; padding-top:env(safe-area-inset-top,0px); background:rgba(11,11,12,.88); backdrop-filter:blur(8px); border-bottom:1px solid rgba(255,255,255,.08); }
.navbar-c .row-in{ display:flex; align-items:center; justify-content:space-between; padding:18px 16px; }
.logo-c{ font-family:'Roboto',sans-serif; font-weight:700; color:var(--white); font-size:1.15rem; display:flex; align-items:center; gap:.5rem; }
.logo-c .sq{ width:12px; height:12px; background:var(--yellow); display:inline-block; }
.links-c{ display:flex; align-items:center; gap:2.2rem; }
.links-c a.itm{ color:#d8d6d3; font-size:.9rem; font-weight:500; position:relative; padding-bottom:4px; }
.links-c a.itm::after{ content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--yellow); transition:width .25s; }
.links-c a.itm:hover::after{ width:100%; }
.links-c a.itm:hover{ color:var(--yellow); }
.btn-yellow{ text-align: center; background:var(--yellow); color:var(--black); font-weight:700; font-size:.88rem; padding:.6rem 1.3rem; border-radius:100px; display:inline-block; transition:.25s; border:2px solid var(--yellow); }
.btn-yellow:hover{ background:transparent; color:var(--yellow); transform:translateY(-2px); }
.btn-yellow.on-gold{ background:var(--white); border-color:var(--white); color:var(--black); }
.btn-yellow.on-gold:hover{ background:transparent; color:var(--white); border-color:var(--white); }
.toggle-c{ display:none; background:none; border:0; width:26px; height:18px; position:relative; z-index:1300; }
.toggle-c i{ position:absolute; left:0; width:100%; height:2px; background:var(--white); border-radius:2px; transition:.3s; }
.toggle-c i:nth-child(1){ top:0; } .toggle-c i:nth-child(2){ top:8px; } .toggle-c i:nth-child(3){ top:16px; }
.toggle-c.open i:nth-child(1){ transform:translateY(8px) rotate(45deg); }
.toggle-c.open i:nth-child(2){ opacity:0; }
.toggle-c.open i:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
.mmenu{ position:fixed; inset:0; background:var(--black); z-index:1250; clip-path:circle(0px at calc(100% - 34px) 34px); transition:clip-path .6s cubic-bezier(.65,0,.35,1); pointer-events:none; }
.mmenu.open{ clip-path:circle(150% at calc(100% - 34px) 34px); pointer-events:auto; }
.mmenu nav{ height:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:.3rem;
  padding-left:calc(env(safe-area-inset-left,0px) + clamp(1.6rem,8vw,3rem));
  padding-right:calc(env(safe-area-inset-right,0px) + clamp(1.6rem,8vw,3rem)); }
.mmenu a{ font-family:'Roboto',sans-serif; font-weight:600; font-size:1.7rem; color:var(--white); padding:.6rem 0; width:100%; border-bottom:1px solid rgba(255,255,255,.08); opacity:0; transform:translateY(16px); transition:opacity .4s, transform .4s; }
.mmenu.open a{ opacity:1; transform:none; }
.mmenu.open a:nth-child(1){transition-delay:.1s} .mmenu.open a:nth-child(2){transition-delay:.16s} .mmenu.open a:nth-child(3){transition-delay:.22s} .mmenu.open a:nth-child(4){transition-delay:.28s} .mmenu.open a:nth-child(5){transition-delay:.34s}
.mmenu a.cta-m{ color:var(--yellow); border-bottom:none; }

.mm-close{
    position:absolute; top: 22px; right: 35px; width:40px; height:40px; border-radius:12px; border:0px solid rgba(255,255,255,.25); background:transparent; color:var(--white); font-size:1.5rem; z-index:1300; opacity:0; transition:opacity .3s .2s;
    }
    
.mmenu.open .mm-close{ opacity:1; }

/* hero */
.hero-c{ position:relative; background:var(--black); color:var(--white); padding:170px 0 110px; overflow:hidden; }
.hero-c::before{ content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 55% 30%, #000 35%, transparent 88%);
  mask-image:radial-gradient(ellipse 70% 70% at 55% 30%, #000 35%, transparent 88%);
}
.hero-c > .container-n{ position:relative; z-index:1; }
.hero-motion{ position:absolute; top:-40px; right:-40px; width:520px; height:520px; pointer-events:none; z-index:1; }
.hm-ring{ position:absolute; inset:60px; border:1px dashed rgba(201,162,39,.4); border-radius:50%; animation:spin 40s linear infinite; }
.hm-ring.r2{ inset:20px; border-color:rgba(201,162,39,.2); animation-duration:60s; animation-direction:reverse; }
.hm-core{ position:absolute; top:50%; left:50%; width:120px; height:120px; transform:translate(-50%,-50%);
  background:radial-gradient(circle at 35% 30%, var(--yellow-soft), var(--yellow) 60%, #7c5f22); border-radius:50%;
  display:flex; align-items:center; justify-content:center; box-shadow:0 0 60px rgba(201,162,39,.5);
  animation:pulseCore 3.2s ease-in-out infinite; }
@keyframes pulseCore{ 0%,100%{ box-shadow:0 0 40px rgba(201,162,39,.4); } 50%{ box-shadow:0 0 70px rgba(201,162,39,.6); } }
.hm-doc{ position:absolute; width:78px; height:96px; background:var(--white); border-radius:6px; padding:10px 8px; box-shadow:0 14px 30px rgba(0,0,0,.35);
  animation:hmFloat 5s ease-in-out infinite; }
.hm-doc i{ display:block; height:3px; background:rgba(0,0,0,.1); border-radius:2px; margin-bottom:6px; }
.hm-doc i:nth-child(1){ width:70%; background:var(--yellow); }
.hm-doc span{ position:absolute; bottom:8px; left:8px; right:8px; font-family:'Roboto',sans-serif; font-weight:700; font-size:.62rem; color:var(--black); }
.hm-doc.d1{ top:10px; left:0; animation-delay:0s; }
.hm-doc.d2{ bottom:60px; right:10px; animation-delay:1.2s; transform:rotate(8deg); }
.hm-doc.d3{ bottom:0; left:70px; animation-delay:2.1s; transform:rotate(-6deg); }
@keyframes hmFloat{ 0%,100%{ transform:translateY(0) rotate(var(--r,0deg)); } 50%{ transform:translateY(-14px) rotate(var(--r,0deg)); } }
@keyframes spin{ to{ transform:rotate(360deg); } }
.hero-c .eyebrow{ color:var(--yellow); font-weight:600; font-size:.9rem; margin-bottom:1.2rem; }
.hero-c h1{ font-size:clamp(2.5rem,6vw,4.2rem); line-height:1.05; max-width:12ch; }
.hero-c p.desc{ color:#c9c6c1; font-size:1.05rem; max-width:42ch; margin-top:1.4rem; line-height:1.65; }
.hero-actions{ margin-top:2.1rem; display:flex; gap:1.2rem; flex-wrap:wrap; align-items:center; }
.link-w{ font-weight:600; font-size:.92rem; border-bottom:2px solid var(--yellow); padding-bottom:2px; }

/* marquee */
.marquee-c{ background:var(--yellow); overflow:hidden; padding:14px 0; }
.mtrack{ display:flex; width:max-content; animation:mscroll 20s linear infinite; }
.mtrack span{ font-family:'Roboto',sans-serif; font-weight:700; color:var(--black); font-size:1rem; padding:0 2rem; white-space:nowrap; }
.mtrack span::after{ content:'●'; margin-left:2rem; font-size:.6rem; vertical-align:middle; opacity:.5; }
@keyframes mscroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

section{ padding:100px 0; }
.section-paper{ background:var(--paper); }
.shead-c{ display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; flex-wrap:wrap; margin-bottom:3.2rem; }
.tag-c{ position:relative; overflow:hidden; isolation:isolate; color:var(--black); background:var(--white); border:1px solid rgba(0,0,0,.08);
  display:inline-flex; align-items:center; gap:.45rem; padding:.4rem 1.05rem; border-radius:100px; font-size:.8rem; font-weight:700; margin-bottom:.8rem;
  box-shadow:0 2px 12px rgba(0,0,0,.07); }
.tag-c .tag-ic{ width:14px; height:14px; flex:0 0 auto; color:var(--yellow); animation:tagSparkle 3s ease-in-out infinite; }
.tag-c::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    left: -60%;
    width: 55%;
    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(201, 162, 39, .08) 25%,
        rgba(255, 255, 255, .75) 50%,
        rgba(201, 162, 39, .18) 65%,
        transparent 100%
    );
    transform: skewX(-20deg);
    filter: blur(1px);
    animation: tagShine 4s ease-in-out infinite;
}

@keyframes tagShine {
    0% {
        left: -60%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    55%,
    100% {
        left: 130%;
        opacity: 0;
    }
}

@keyframes tagSparkle {
    0%, 100% {
        transform: scale(1) rotate(0deg);
        opacity: .75;
    }

    50% {
        transform: scale(1.3) rotate(18deg);
        opacity: 1;
    }
}
.shead-c h2{ font-size:clamp(1.8rem,3.2vw,2.5rem); margin:0; max-width:18ch; }
.shead-c p{ color:var(--gray); max-width:36ch; margin:0; font-size:.96rem; }

/* carousel slides */
.slide-c{ position:relative; overflow:hidden; isolation:isolate; background:var(--black); color:var(--white); border-radius:16px; padding:4rem 3rem; min-height:340px; display:flex; align-items:center; }
.slide-c::before{ content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(ellipse 80% 90% at 20% 50%, #000 40%, transparent 90%);
  mask-image:radial-gradient(ellipse 80% 90% at 20% 50%, #000 40%, transparent 90%);
}
.slide-c .big{ font-family:'Roboto',sans-serif; font-weight:800; color:var(--yellow); font-size:4rem; line-height:1; margin-bottom:1rem; margin-left: 45px; }
.slide-c h3{ font-size:1.5rem; margin-bottom:.8rem;  margin-left: 45px;}
.slide-c p{ color:#c9c6c1; max-width:44ch; font-size:1rem; line-height:1.6;  margin-left: 45px;}
.carousel-control-prev,.carousel-control-next{ width:52px; height:52px; top:50%; bottom:auto; transform:translateY(-50%); border-radius:50%;
  background:rgba(255,255,255,.14); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.28);
  opacity:1; transition:background .25s, transform .25s; }
.carousel-control-prev{ left:14px; } .carousel-control-next{ right:14px; }
.carousel-control-prev:hover,.carousel-control-next:hover{ background:rgba(255,255,255,.24); transform:translateY(-50%) scale(1.06); }
.carousel-indicators{ position:static; margin:2.4rem 0 0; gap:8px; }
.carousel-indicators [data-bs-target]{ width:8px; height:8px; border-radius:50%; background-color:rgba(0,0,0,.15); border:0; opacity:1; margin:0; padding:0; text-indent:-9999px; transition:.3s; }
.carousel-indicators [data-bs-target].active{ background-color:var(--yellow); width:26px; border-radius:5px; }
.carousel-control-prev-icon,.carousel-control-next-icon{ width:1.1rem; height:1.1rem; filter:invert(1) grayscale(1); }
.testi-c{ text-align:center; max-width:640px; margin:0 auto; padding:2rem 1rem 3.6rem; }
.testi-c p{ font-family:'Roboto',sans-serif; font-weight:600; font-size:1.3rem; line-height:1.5; color:var(--black); margin-bottom:1.2rem; }
.testi-c strong{ display:block; font-size:.95rem; }
.testi-c span{ font-size:.82rem; color:var(--gray); }
.dark-ctrl{ background:rgba(0,0,0,.06); border-color:rgba(0,0,0,.14); }
.dark-ctrl:hover{ background:rgba(0,0,0,.12); }
.dark-ctrl .carousel-control-prev-icon,.dark-ctrl .carousel-control-next-icon{ filter:none; }

/* testimonials — fake google review cards over a smiling-people photo */
.testi-photo-c{ position:relative; overflow:hidden; isolation:isolate; border-radius:22px; padding:4rem 2.4rem; }
.testi-photo-c::before{ content:''; position:absolute; inset:0; z-index:-2;
  background:url('https://images.unsplash.com/photo-1758518731468-98e90ffd7430?fm=jpg&q=70&w=1600&auto=format&fit=crop') center/cover no-repeat; }
.testi-photo-c::after{ content:''; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(11,11,12,.9), rgba(11,11,12,.82) 55%, rgba(11,11,12,.92)); }
.testi-photo-c .shead-c h2{ color:var(--white); }
.testi-photo-c .shead-c p{ color:#d8d6d3; }
.greviews-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; }
@media (max-width:991px){ .greviews-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){
    
    .greviews-grid{ grid-template-columns:1fr; }
    
    
}
.greview-card{ background:var(--white); border-radius:14px; padding:1.3rem 1.2rem; box-shadow:0 16px 34px rgba(0,0,0,.28); display:flex; flex-direction:column; }
.greview-top{ display:flex; align-items:center; gap:.65rem; margin-bottom:.5rem; }
.greview-avatar{ width:40px; height:40px; border-radius:50%; flex:0 0 auto; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:.9rem; }
.greview-who{ line-height:1.25; }
.greview-name{ font-weight:700; font-size:.86rem; color:var(--black); }
.greview-time{ font-size:.72rem; color:var(--gray); }
.greview-stars{ color:#F5B400; font-size:.85rem; letter-spacing:1px; margin:.15rem 0 .55rem; }
.greview-text{ font-size:.83rem; color:#3c3c3c; line-height:1.55; margin:0 0 .9rem; }
.greview-foot{ margin-top:auto; display:flex; align-items:center; gap:.4rem; font-size:.7rem; color:var(--gray); font-weight:600; }
.greview-disclaimer{ color:#9a968f; font-size:.72rem; text-align:center; margin:1.6rem 0 0; }

/* services */
.flip-card{ perspective:1400px; height:100%; min-height:250px; cursor:pointer; }
.flip-card:focus{ outline:none; }
.flip-inner{ position:relative; width:100%; height:100%; transition:transform .6s cubic-bezier(.65,0,.35,1); transform-style:preserve-3d; }
.flip-card.flipped .flip-inner{ transform:rotateY(180deg); }
.flip-front,.flip-back{ position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; border-radius:18px; padding:2.1rem 1.8rem; display:flex; flex-direction:column; }
.flip-front{ background:var(--white); box-shadow:0 4px 22px rgba(0,0,0,.07); transition:box-shadow .3s, transform .3s; }
.flip-card:hover .flip-front{ box-shadow:0 14px 34px rgba(0,0,0,.12); transform:translateY(-3px); }
.flip-front .ic-c{
    
    width:50px; height:50px !important;
    min-height: 50px;
    border-radius:16px;
    background:radial-gradient(circle at 30% 25%, var(--yellow-soft), var(--yellow));
    display:flex; align-items:center; justify-content:center;
    font-size:1.4rem; margin-bottom:1.4rem;
    animation:pulse 2.8s ease-in-out infinite; 
    
    
    
}
.flip-front .ic-c .bi-ic{ width:24px; height:24px; color:var(--black); }
@keyframes pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(201,162,39,.3); } 50%{ box-shadow:0 0 0 10px rgba(201,162,39,0); } }
.flip-front h3{ font-size:1.1rem; margin-bottom:.6rem; }
.flip-front p{ font-size:.92rem; color:var(--gray); margin:0; line-height:1.55; }
.flip-hint{ margin-top:auto; padding-top:1.2rem; font-size:.76rem; font-weight:700; color:var(--yellow); display:flex; align-items:center; gap:.4rem; }
.flip-back{ background:var(--black); color:var(--white); transform:rotateY(180deg); justify-content:center; box-shadow:0 4px 22px rgba(0,0,0,.2); }
.flip-back h3{ color:var(--yellow); font-size:1.05rem; margin-bottom:.7rem; }
.flip-back p{ color:#d8d6d3; font-size:.9rem; line-height:1.6; margin:0 0 1.2rem; }
.flip-back a{ color:var(--yellow); font-weight:700; font-size:.88rem; }

/* stats */
.stats-c{ position:relative; overflow:hidden; isolation:isolate; background:var(--black); color:var(--white); border-radius:16px; padding:3rem 2rem; }
.stats-c::before{ content:''; position:absolute; inset:-40%; z-index:-1;
  background:radial-gradient(circle at 20% 30%, rgba(201,162,39,.35), transparent 45%), radial-gradient(circle at 80% 70%, rgba(201,162,39,.25), transparent 45%);
  animation:statsGlow 10s ease-in-out infinite alternate; }
.stats-c::after{ content:''; position:absolute; inset:0; z-index:-1; background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size:22px 22px; opacity:.6; }
@keyframes statsGlow{ 0%{ transform:translate(-5%,-5%) scale(1); } 100%{ transform:translate(5%,5%) scale(1.15); } }
.stats-c .row{ position:relative; z-index:1; }
.stat-c b{ font-family:'Roboto',sans-serif; font-weight:800; font-size:clamp(1.9rem,3.4vw,2.7rem); color:var(--yellow); display:block; }
.stat-c span{ font-size:.85rem; color:#c9c6c1; }

/* cta */
.cta-c{ background:var(--yellow); border-radius:16px; padding:2.6rem 3rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.6rem; }
.cta-text h2{ font-size:1.8rem; margin:0 0 1.2rem; max-width:16ch; }
.cta-people{ flex:0 0 auto; line-height:0; }
.cta-people svg{ display:block; }
@media (max-width:767px){ .cta-people{ display:none; } }

/* pricing / plan cards */
.plan-card{ position:relative; height:100%; background:var(--white); border:1px solid rgba(0,0,0,.07); border-radius:18px; padding:2.4rem 2rem 2.1rem; display:flex; flex-direction:column; box-shadow:0 4px 22px rgba(0,0,0,.06); transition:transform .3s, box-shadow .3s; }
.plan-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.1); }
.plan-card.featured{ background:var(--black); color:var(--white); border-color:var(--black); }
.plan-badge{ position:absolute; top:-14px; left:2rem; background:var(--yellow); color:var(--black); font-weight:700; font-size:.72rem; letter-spacing:.02em; padding:.4rem .95rem; border-radius:100px; box-shadow:0 6px 16px rgba(0,0,0,.18); }
.plan-card h3{ font-size:1.2rem; margin:.3rem 0 .8rem; }
.plan-desc{ color:var(--gray); font-size:.9rem; line-height:1.6; margin:0 0 1.3rem; }
.plan-card.featured .plan-desc{ color:#c9c6c1; }
.plan-list{ list-style:none; margin:0 0 1.6rem; padding:0; display:flex; flex-direction:column; gap:.6rem; }
.plan-list li{ display:flex; align-items:flex-start; gap:.55rem; font-size:.86rem; line-height:1.4; }
.plan-list .arr{ color:var(--yellow); font-weight:700; flex:0 0 auto; }
.plan-link{ margin-top:auto; align-self:flex-start; font-weight:700; font-size:.9rem; color:var(--black); border-bottom:2px solid var(--yellow); padding-bottom:2px; transition:opacity .2s; }
.plan-link:hover{ opacity:.7; }
.plan-card.featured .plan-link{ color:var(--yellow); border-bottom-color:var(--yellow); }

/* shared accordion items (diferenciais + faq) */
.acc-list{ display:flex; flex-direction:column; gap:.9rem; max-width:auto; margin:0 auto; }
.acc-item{ background:var(--white); border:1px solid rgba(0,0,0,.08); border-radius:12px; overflow:hidden; transition:box-shadow .25s; }
.acc-item.open{ box-shadow:0 10px 28px rgba(0,0,0,.08); }
.acc-q{ width:100%; text-align:left; background:none; border:0; padding:1.15rem 1.4rem; font-family:'Roboto',sans-serif; font-weight:700; font-size:.95rem; color:var(--black); display:flex; justify-content:space-between; align-items:center; gap:1rem; cursor:pointer; transition:background .25s, color .25s; }
.acc-item.open .acc-q{ background:var(--yellow); color:var(--black); }
.acc-ic{ flex:0 0 auto; font-size:1.3rem; font-weight:400; line-height:1; transition:transform .3s; }
.acc-item.open .acc-ic{ transform:rotate(45deg); }
.acc-a{ max-height:0; overflow:hidden; transition:max-height .4s ease; }
.acc-a p{ margin:0; padding:5px 20px; color:var(--gray); font-size:.88rem; line-height:1.6; }
.acc-item.open .acc-a{ max-height:320px; }

/* faq tabs */
.faq-head{ text-align:center; max-width:760px; margin:0 auto 2.4rem; }
.faq-eyebrow{ display:block; text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:700; color:var(--gray); margin-bottom:.9rem; }
.faq-title{ font-size:clamp(1.7rem,3.6vw,2.4rem); margin:0; }
.faq-title .hl{ color:var(--yellow); }
.faq-tabs{ display:flex; justify-content:center; gap:.4rem; background:rgba(0,0,0,.05); border-radius:100px; padding:.35rem; max-width:max-content; margin:0 auto 2.6rem; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.faq-tab{ border:0; background:transparent; padding:.7rem 1.4rem; border-radius:100px; font-family:'Roboto',sans-serif; font-weight:700; font-size:.86rem; color:var(--gray); cursor:pointer; transition:.25s; white-space:nowrap; flex:0 0 auto; }
.faq-tab.active{ background:var(--black); color:var(--white); }
.faq-panel{ display:none; }
.faq-panel.active{ display:flex; flex-direction:column; gap:.9rem; max-width:auto; margin:0 auto; }
@media (max-width:600px){ .faq-tabs{ max-width:100%; width:100%; justify-content: center;  }

/* map */
.map-c{ display:grid; grid-template-columns:1.3fr 1fr; border-radius:16px; overflow:hidden;  }
.map-frame{ line-height:0; background:var(--black); }
.map-info-c{ background:var(--white); padding:2.2rem 2rem; display:flex; flex-direction:column; justify-content:center; }
.map-info-c .addr-c{ font-family:'Roboto',sans-serif; font-weight:600; font-size:1.1rem; margin:.8rem 0 .3rem; }
@media (max-width:767px){ .map-c{ grid-template-columns:1fr; } .map-frame{ height:220px; } }

/* whatsapp */
.wa-c{ position:fixed; right:22px; bottom:calc(22px + env(safe-area-inset-bottom,0px)); z-index:1100; width:58px; height:58px; border-radius:50%;
  background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(0,0,0,.3); transition:transform .25s; }
.wa-c:hover{ transform:scale(1.08); }
.wa-c::before{ content:''; position:absolute; inset:0; border-radius:50%; background:#25D366; opacity:.55; animation:wa-pulse-c 2.4s ease-out infinite; z-index:-1; }


footer{ background:var(--black); color:#c9c6c1; padding:3rem 0 1.6rem; }
footer a{ color:#c9c6c1; font-size:.9rem; display:block; margin-bottom:.5rem; }
footer a:hover{ color:var(--yellow); }
.foot-bottom-c{ border-top:1px solid rgba(255,255,255,.1); margin-top:2.2rem; padding-top:1.4rem; font-size:.78rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem; }

.reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.reveal.in{ opacity:1; transform:none; }

@media (max-width:991px){
  .links-c{ display:none; } .toggle-c{ display:block; }
  .hero-motion{ display:none; }
  section{ padding:72px 0; }
  .slide-c{ padding:2.4rem 1.6rem; flex-direction:column; align-items:flex-start; }
  .cta-c{ padding:2.2rem 1.6rem; }
  .plan-card{ padding:2.1rem 1.6rem 1.8rem; }
}
@media (max-width:767px){
  .greviews-grid{ gap:.9rem; }
  .acc-q{ padding:1rem 1.1rem; font-size:.9rem; }
  .acc-a p{ padding:15px; }
  .faq-tab{ padding:6px !important; }

}
@media (max-width:380px){
  .mmenu a{ font-size:1.4rem; }
  
}
}