:root{
      --navy:#10294c;
      --navy-2:#173b6b;
      --blue:#245aa5;
      --sky:#eaf3ff;
      --gold:#d5a840;
      --cream:#fbfaf7;
      --ink:#172033;
      --muted:#667085;
      --line:#e7eaf0;
      --white:#ffffff;
      --success:#2e7d5b;
      --shadow:0 18px 50px rgba(16,41,76,.10);
      --radius:26px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--ink);
      background:var(--white);
      line-height:1.6;
      -webkit-font-smoothing:antialiased;
    }

    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    button,input,textarea{font:inherit}

    .container{
      width:min(1160px,calc(100% - 40px));
      margin-inline:auto;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:.78rem;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--blue);
    }
    .eyebrow::before{
      content:"";
      width:24px;
      height:2px;
      background:var(--gold);
      border-radius:999px;
    }

    h1,h2,h3{
      font-family:"Manrope",sans-serif;
      letter-spacing:-.035em;
      margin:0;
      color:var(--navy);
    }
    h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98}
    h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.05}
    h3{font-size:1.28rem;line-height:1.25}

    p{margin:0;color:var(--muted)}
    .lead{font-size:clamp(1.04rem,2vw,1.22rem);line-height:1.75}

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:52px;
      padding:0 22px;
      border-radius:999px;
      font-weight:700;
      border:1px solid transparent;
      transition:.25s ease;
      cursor:pointer;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{
      color:white;
      background:var(--navy);
      box-shadow:0 10px 24px rgba(16,41,76,.18);
    }
    .btn-primary:hover{background:var(--navy-2)}
    .btn-light{
      color:var(--navy);
      background:white;
      border-color:#dde3eb;
    }
    .btn-outline{
      color:white;
      border-color:rgba(255,255,255,.28);
      background:rgba(255,255,255,.08);
      backdrop-filter:blur(8px);
    }

    /* NAV */
    .nav-wrap{
      position:fixed;
      inset:0 0 auto;
      z-index:100;
      padding:14px 0;
      transition:.25s ease;
    }
    .nav-wrap.scrolled{
      background:rgba(255,255,255,.92);
      box-shadow:0 8px 30px rgba(16,41,76,.08);
      backdrop-filter:blur(14px);
    }
    .nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      font-family:"Manrope",sans-serif;
      font-weight:800;
      color:var(--navy);
    }
    .brand-mark{
      width:42px;height:42px;
      display:grid;place-items:center;
      padding:3px;
      background:transparent;
      overflow:hidden;
      flex:none;
    }
    .brand-mark img{
      width:100%;
      height:100%;
      object-fit:contain;
      border-radius:50%;
      display:block;
    }
    .brand small{
      display:block;
      color:var(--muted);
      font-size:.66rem;
      font-family:"DM Sans";
      font-weight:600;
      letter-spacing:.06em;
      text-transform:uppercase;
      line-height:1.2;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:28px;
      font-size:.94rem;
      font-weight:600;
      color:#41506a;
    }
    .nav-links a:hover{color:var(--blue)}
    .menu-btn{display:none;border:0;background:transparent;font-size:1.5rem;color:var(--navy)}
    .theme-toggle{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:42px;
      padding:0 14px;
      border-radius:999px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.78);
      color:var(--navy);
      font-weight:700;
      font-size:.86rem;
      cursor:pointer;
      box-shadow:0 8px 22px rgba(16,41,76,.08);
      backdrop-filter:blur(10px);
      transition:.25s ease;
      white-space:nowrap;
    }
    .theme-toggle:hover{transform:translateY(-1px);border-color:#cbd5e1}
    .theme-toggle-icon{font-size:1rem;line-height:1}

    /* HERO */
    .hero{
      position:relative;
      min-height:760px;
      display:flex;
      align-items:center;
      overflow:hidden;
      background:
        radial-gradient(circle at 78% 18%,rgba(36,90,165,.16),transparent 29%),
        radial-gradient(circle at 18% 75%,rgba(213,168,64,.14),transparent 24%),
        linear-gradient(135deg,#fbfdff 0%,#f7f9fc 48%,#edf4fb 100%);
      padding:130px 0 82px;
    }
    .hero::after{
      content:"";
      position:absolute;
      width:420px;height:420px;
      border:1px solid rgba(16,41,76,.08);
      border-radius:50%;
      right:-140px;bottom:-160px;
      box-shadow:0 0 0 70px rgba(16,41,76,.02),0 0 0 140px rgba(16,41,76,.015);
    }
    .hero-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      align-items:center;
      gap:70px;
      position:relative;
      z-index:2;
    }
    .hero-copy .eyebrow{margin-bottom:22px}
    .hero-copy h1 span{color:var(--blue)}
    .hero-copy .lead{max-width:640px;margin-top:26px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
    .micro{
      margin-top:22px;
      display:flex;
      align-items:center;
      gap:14px;
      color:#667085;
      font-size:.9rem;
    }
    .avatars{display:flex}
    .avatars span{
      width:34px;height:34px;border-radius:50%;border:3px solid white;margin-left:-8px;
      background:linear-gradient(135deg,#dbe8f7,#bfcfe3);
    }
    .avatars span:first-child{margin-left:0}
    .hero-card{
      position:relative;
      min-height:560px;
      border-radius:34px;
      overflow:hidden;
      box-shadow:0 30px 80px rgba(16,41,76,.20);
      background:
        linear-gradient(180deg,rgba(15,40,73,.02) 0%,rgba(15,40,73,.20) 52%,rgba(15,40,73,.82) 100%),
        url("../images/pastores-sidson-kenia.jpg") center 22%/cover no-repeat,
        linear-gradient(135deg,#d8e3ef,#99aec5);
    }
    .hero-card-info{
      position:absolute;
      left:28px;right:28px;bottom:26px;
      color:white;
    }
    .hero-card-info .tag{
      display:inline-block;
      padding:7px 11px;border-radius:999px;
      background:rgba(255,255,255,.14);backdrop-filter:blur(8px);
      font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
      margin-bottom:10px;
    }
    .hero-card-info h3{color:white;font-size:1.65rem}
    .hero-card-info p{color:rgba(255,255,255,.8);margin-top:5px}

    /* INTRO */
    .intro{padding:110px 0 90px}
    .intro-grid{
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:80px;
      align-items:start;
    }
    .intro-sticky{position:sticky;top:120px}
    .intro-sticky h2{margin-top:16px}
    .intro-sticky p{margin-top:22px}
    .pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
    .pill{
      padding:9px 13px;
      border:1px solid var(--line);
      border-radius:999px;
      color:#526079;
      font-size:.86rem;
      background:#fff;
    }
    .path{
      position:relative;
      padding-left:34px;
    }
    .path::before{
      content:"";
      position:absolute;
      left:10px;top:18px;bottom:18px;
      width:2px;
      background:linear-gradient(var(--gold),#dfe7f0);
    }
    .path-item{
      position:relative;
      padding:0 0 36px 30px;
    }
    .path-item:last-child{padding-bottom:0}
    .path-item::before{
      content:"";
      position:absolute;
      width:20px;height:20px;border-radius:50%;
      left:-33px;top:6px;
      background:white;
      border:5px solid var(--gold);
      box-shadow:0 0 0 6px #fff;
    }
    .step{
      font-size:.76rem;
      font-weight:800;
      color:var(--blue);
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:6px;
    }
    .path-item h3{margin-bottom:10px}
    .path-item p{font-size:.98rem}

    /* WHY */
    .how{
      background:var(--cream);
      padding:110px 0;
      border-block:1px solid #f0ede6;
    }
    .section-head{
      max-width:760px;
      margin-bottom:52px;
    }
    .section-head h2{margin-top:14px}
    .section-head p{margin-top:18px}
    .two-pillars{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
    }
    .pillar{
      border-radius:30px;
      padding:38px;
      min-height:390px;
      position:relative;
      overflow:hidden;
    }
    .pillar-dark{
      background:var(--navy);
      color:white;
    }
    .pillar-light{
      background:white;
      border:1px solid #e9e6df;
      box-shadow:0 14px 40px rgba(16,41,76,.06);
    }
    .pillar-num{
      width:52px;height:52px;border-radius:16px;
      display:grid;place-items:center;
      font-family:"Manrope";
      font-weight:800;
      margin-bottom:56px;
    }
    .pillar-dark .pillar-num{background:rgba(255,255,255,.1);color:#f1c760}
    .pillar-light .pillar-num{background:var(--sky);color:var(--blue)}
    .pillar-dark h3{color:white;font-size:1.8rem}
    .pillar h3{margin-bottom:14px}
    .pillar-dark p{color:rgba(255,255,255,.74)}
    .pillar-link{
      display:inline-flex;align-items:center;gap:8px;
      margin-top:26px;font-weight:700;font-size:.95rem;
    }
    .pillar-dark .pillar-link{color:white}
    .pillar-light .pillar-link{color:var(--blue)}
    .pillar-orb{
      position:absolute;width:220px;height:220px;border-radius:50%;
      right:-90px;top:-70px;border:1px solid rgba(255,255,255,.11);
    }

    /* GV */
    .gv{padding:110px 0}
    .gv-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:72px;
      align-items:center;
    }
    .gv-visual{
      min-height:530px;
      background:
        linear-gradient(160deg,rgba(16,41,76,.04),rgba(16,41,76,.55)),
        url("../images/grupo-de-vida.jpg") center/cover no-repeat,
        linear-gradient(135deg,#dfe7ef,#b8c7d6);
      border-radius:34px;
      position:relative;
      overflow:hidden;
      box-shadow:var(--shadow);
    }
    .gv-visual-card{
      position:absolute;
      bottom:22px;left:22px;right:22px;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(12px);
      border-radius:20px;
      padding:18px 20px;
      display:flex;
      gap:14px;
      align-items:center;
    }
    .gv-visual-card .icon{
      width:44px;height:44px;display:grid;place-items:center;
      border-radius:13px;background:var(--sky);color:var(--blue);font-size:1.25rem;
    }
    .gv-visual-card strong{display:block;color:var(--navy)}
    .gv-visual-card span{font-size:.86rem;color:var(--muted)}
    .gv-copy h2{margin-top:14px}
    .gv-copy .lead{margin-top:22px}
    .checks{display:grid;gap:13px;margin:28px 0 32px}
    .check{display:flex;align-items:flex-start;gap:11px;color:#44516a}
    .check b{
      width:24px;height:24px;border-radius:50%;
      display:grid;place-items:center;flex:none;
      background:#e9f6ef;color:var(--success);font-size:.75rem;
    }

    /* MINISTRIES */
    .ministries{
      padding:110px 0;
      background:#f6f9fc;
      border-block:1px solid #eaf0f6;
    }
    .ministries-head{max-width:800px}
    .ministries-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:20px;
      margin-top:46px;
    }
    .ministry-card{
      display:flex;
      flex-direction:column;
      min-width:0;
      overflow:hidden;
      background:white;
      border:1px solid #e7edf4;
      border-radius:24px;
      box-shadow:0 12px 34px rgba(16,41,76,.055);
      transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
    }
    .ministry-card:hover{
      transform:translateY(-4px);
      box-shadow:0 20px 46px rgba(16,41,76,.10);
      border-color:#d7e2ef;
    }
    .ministry-logo{
      height:158px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:30px 34px;
      overflow:hidden;
    }
    .ministry-logo-dark{
      background:linear-gradient(135deg,#0e2749,#173f70);
    }
    .ministry-logo-light{
      background:linear-gradient(135deg,#0e2749,#173f70);
    }
    .ministry-logo img{
      display:block;
      max-width:100%;
      max-height:96px;
      width:auto;
      height:auto;
      object-fit:contain;
    }
    .ministry-logo-main img{
      max-height:78px;
      filter:brightness(0) invert(1);
    }
    .ministry-copy{
      display:flex;
      flex-direction:column;
      flex:1;
      padding:23px 24px 25px;
    }
    .ministry-kicker{
      color:var(--blue);
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
      margin-bottom:7px;
    }
    .ministry-copy h3{font-size:1.18rem;margin-bottom:8px}
    .ministry-copy p{font-size:.91rem;line-height:1.6}

    /* CTA */
    .cta{padding:110px 0}
    .cta-box{
      position:relative;
      overflow:hidden;
      border-radius:36px;
      padding:62px;
      background:linear-gradient(130deg,#0d2648,#1d4f89);
      color:white;
      box-shadow:0 30px 80px rgba(16,41,76,.18);
    }
    .cta-box::before,.cta-box::after{
      content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);
    }
    .cta-box::before{width:360px;height:360px;right:-140px;top:-180px}
    .cta-box::after{width:220px;height:220px;right:40px;bottom:-160px}
    .cta-content{position:relative;z-index:2;max-width:760px}
    .cta .eyebrow{color:#f2c75f}
    .cta h2{color:white;margin-top:14px}
    .cta p{color:rgba(255,255,255,.74);margin-top:18px;max-width:650px}
    .cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

    /* CONTACT */
    .contact{padding:0 0 100px}
    .contact-grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
    }
    .contact-card{
      border:1px solid var(--line);
      border-radius:22px;
      padding:25px;
      background:white;
      display:flex;
      flex-direction:column;
      min-height:100%;
    }
    .contact-card small{
      display:block;
      min-height:18px;
      text-transform:uppercase;
      letter-spacing:.1em;
      font-size:.7rem;font-weight:800;color:#8b95a7;
      margin-bottom:14px;
    }
    .contact-card-body{
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      gap:6px;
      flex:1;
    }
    .contact-card strong{color:var(--navy);font-size:1.04rem}
    .contact-card p{font-size:.9rem;margin:0}
    .contact-card a{color:var(--blue);font-weight:700}

    .schedule-list{gap:0}
    .schedule-simple{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:5px;
    }
    .schedule-day{
      color:var(--muted);
      font-size:.88rem;
      font-weight:600;
    }
    .schedule-time{
      display:block;
      font-size:1.04rem !important;
      line-height:1.45;
      letter-spacing:.01em;
    }

    /* FOOTER */
    footer{
      padding:34px 0;
      border-top:1px solid var(--line);
      color:#7a8598;
      font-size:.86rem;
    }
    .footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
    .footer-row a{color:var(--navy);font-weight:700}

    /* DARK MODE */
    html[data-theme="dark"]{color-scheme:dark}
    html[data-theme="dark"] body{
      background:#0b1220;
      color:#e7edf7;
    }
    html[data-theme="dark"] h1,
    html[data-theme="dark"] h2,
    html[data-theme="dark"] h3{color:#f3f7fc}
    html[data-theme="dark"] p{color:#aeb9ca}
    html[data-theme="dark"] .eyebrow{color:#79aef5}
    html[data-theme="dark"] .nav-wrap.scrolled{
      background:rgba(11,18,32,.92);
      box-shadow:0 8px 30px rgba(0,0,0,.28);
    }
    html[data-theme="dark"] .brand{color:#f3f7fc}
    html[data-theme="dark"] .brand-mark img{filter:brightness(0) invert(1)}
    html[data-theme="dark"] .brand small{color:#95a5ba}
    html[data-theme="dark"] .nav-links{color:#c2ccda}
    html[data-theme="dark"] .nav-links a:hover{color:#86b7fa}
    html[data-theme="dark"] .menu-btn{color:#f3f7fc}
    html[data-theme="dark"] .theme-toggle{
      background:rgba(20,31,49,.88);
      border-color:#2a3a52;
      color:#edf4fd;
      box-shadow:0 8px 22px rgba(0,0,0,.24);
    }
    html[data-theme="dark"] .theme-toggle:hover{border-color:#45627f}
    html[data-theme="dark"] .hero{
      background:
        radial-gradient(circle at 78% 18%,rgba(64,126,214,.20),transparent 29%),
        radial-gradient(circle at 18% 75%,rgba(213,168,64,.11),transparent 24%),
        linear-gradient(135deg,#0c1524 0%,#0f1b2e 48%,#12243c 100%);
    }
    html[data-theme="dark"] .hero::after{
      border-color:rgba(255,255,255,.06);
      box-shadow:0 0 0 70px rgba(255,255,255,.012),0 0 0 140px rgba(255,255,255,.008);
    }
    html[data-theme="dark"] .hero-copy h1 span{color:#78aef7}
    html[data-theme="dark"] .micro{color:#9baabd}
    html[data-theme="dark"] .avatars span{
      border-color:#0f1b2e;
      background:linear-gradient(135deg,#344861,#203249);
    }
    html[data-theme="dark"] .btn-primary{
      color:#fff;
      background:#2f6fca;
      box-shadow:0 10px 24px rgba(0,0,0,.24);
    }
    html[data-theme="dark"] .btn-primary:hover{background:#3c7ddd}
    html[data-theme="dark"] .btn-light{
      color:#edf4fd;
      background:#142238;
      border-color:#31445f;
    }
    html[data-theme="dark"] .cta .btn-light{
      color:#10294c;
      background:#f7f9fc;
      border-color:transparent;
    }
    html[data-theme="dark"] .pill{
      color:#c1ccda;
      background:#111c2d;
      border-color:#2b3a50;
    }
    html[data-theme="dark"] .path::before{
      background:linear-gradient(var(--gold),#2b3a50);
    }
    html[data-theme="dark"] .path-item::before{
      background:#0b1220;
      box-shadow:0 0 0 6px #0b1220;
    }
    html[data-theme="dark"] .step{color:#78aef7}
    html[data-theme="dark"] .how{
      background:#0f1929;
      border-block-color:#223047;
    }
    html[data-theme="dark"] .pillar-light{
      background:#121f32;
      border-color:#2a394f;
      box-shadow:0 14px 40px rgba(0,0,0,.18);
    }
    html[data-theme="dark"] .pillar-light .pillar-num{
      background:#172d4a;
      color:#8ab9fb;
    }
    html[data-theme="dark"] .pillar-light .pillar-link{color:#8ab9fb}
    html[data-theme="dark"] .gv-visual-card{
      background:rgba(13,23,38,.90);
      box-shadow:0 12px 30px rgba(0,0,0,.18);
    }
    html[data-theme="dark"] .gv-visual-card .icon{
      background:#172d4a;
      color:#8ab9fb;
    }
    html[data-theme="dark"] .gv-visual-card strong{color:#f3f7fc}
    html[data-theme="dark"] .gv-visual-card span{color:#aeb9ca}
    html[data-theme="dark"] .check{color:#c7d1df}
    html[data-theme="dark"] .check b{
      background:#173628;
      color:#79d4a4;
    }
    html[data-theme="dark"] .ministries{
      background:#0f1929;
      border-block-color:#223047;
    }
    html[data-theme="dark"] .ministry-card{
      background:#121f32;
      border-color:#2a394f;
      box-shadow:0 14px 38px rgba(0,0,0,.18);
    }
    html[data-theme="dark"] .ministry-card:hover{
      border-color:#3a4d67;
      box-shadow:0 20px 46px rgba(0,0,0,.26);
    }
    html[data-theme="dark"] .ministry-logo-light{
      background:linear-gradient(135deg,#f7f9fc,#e8eef5);
    }
    html[data-theme="dark"] .ministry-logo-dark{
      background:linear-gradient(135deg,#091a30,#12375f);
    }
    html[data-theme="dark"] .ministry-kicker{color:#8ab9fb}
    html[data-theme="dark"] .contact-card{
      background:#111d2f;
      border-color:#2a394f;
    }
    html[data-theme="dark"] .contact-card small{color:#8f9fb4}
    html[data-theme="dark"] .contact-card strong{color:#edf4fd}
    html[data-theme="dark"] .contact-card a{color:#8ab9fb}
    html[data-theme="dark"] .schedule-day{color:#aeb9ca}
    html[data-theme="dark"] footer{
      border-top-color:#27364b;
      color:#91a0b4;
    }
    html[data-theme="dark"] .footer-row a{color:#edf4fd}
    html[data-theme="dark"] .nav-links.open{
      background:#111d2f;
      border:1px solid #2a394f;
      box-shadow:0 18px 45px rgba(0,0,0,.30);
    }

    @media(max-width:900px){
      .nav-links{display:none}
      .menu-btn{display:block}
      .theme-toggle{margin-left:auto}
      .nav-links.open{
        display:flex;position:absolute;left:20px;right:20px;top:70px;
        flex-direction:column;align-items:stretch;gap:4px;background:white;
        padding:16px;border-radius:18px;box-shadow:var(--shadow);
      }
      .nav-links.open a{padding:11px 12px}
      .nav-links.open .btn{margin-top:4px}
      .hero-grid,.intro-grid,.gv-grid{grid-template-columns:1fr}
      .hero{padding-top:120px}
      .hero-grid{gap:48px}
      .hero-card{min-height:480px}
      .intro-sticky{position:static}
      .intro-grid{gap:50px}
      .two-pillars{grid-template-columns:1fr}
      .ministries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .contact-grid{grid-template-columns:1fr}
    }

    @media(max-width:600px){
      .container{width:min(100% - 28px,1160px)}
      .brand-text{display:none}
      .theme-toggle{padding:0;width:42px}
      .theme-toggle-label{display:none}
      .hero{min-height:auto;padding-bottom:60px}
      h1{font-size:3rem}
      .hero-card{min-height:420px}
      .intro,.how,.gv,.ministries,.cta{padding-block:76px}
      .pillar{padding:28px;min-height:340px}
      .pillar-num{margin-bottom:40px}
      .ministries-grid{grid-template-columns:1fr}
      .cta-box{padding:38px 25px;border-radius:28px}
      .cta-actions,.hero-actions{flex-direction:column;align-items:stretch}
      .btn{width:100%}
      .footer-row{flex-direction:column;align-items:flex-start}
      .ministry-logo{height:145px;padding:26px 30px}
    }
/* REDES SOCIAIS */
.mci-redes {
  margin-top: 36px;
  text-align: center;
}

.mci-redes > p {
  margin-bottom: 16px;
  color: var(--navy);
  font-weight: 700;
}

.mci-redes__botoes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.mci-redes__botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--navy);
  color: white;
  font-weight: 700;
  transition: background-color .2s ease;
}

.mci-redes__botao:hover {
  background: var(--navy-2);
}

.mci-redes__botao:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}

/* Modo escuro */
html[data-theme="dark"] .mci-redes > p {
  color: #edf4fd;
}

html[data-theme="dark"] .mci-redes__botao {
  background: #142238;
  border-color: #31445f;
  color: #edf4fd;
}

html[data-theme="dark"] .mci-redes__botao:hover {
  background: #203756;
}