*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; touch-action: manipulation; }

  :root {
    --green: #2a9d5c;
    --green-dark: #1e7a45;
    --green-light: #e8f7ef;
    --green-border: #b7e4cd;
    --text: #111111;
    --text-muted: #666666;
    --text-light: #999999;
    --bg: #ffffff;
    --white: #ffffff;
    --border: #e4e4e0;
    --font: 'Montserrat', system-ui, sans-serif;
  }

  body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
  }

  /* ── HEADER ── */
  .header {
    background: var(--white);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  .header-inner {
    max-width: 400px;
    margin: 0 auto;
    padding: 0 16px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #d6ede2;
    text-decoration: none;
    flex-shrink: 0;
  }
  .header-logo img {
    height: 44px;
    display: block;
  }
  .header-logo-fallback {
    font-size: 22px;
    font-weight: 900;
    color: var(--green);
    letter-spacing: -0.5px;
  }
  .header-spacer { width: 24px; }

  /* ── LAYOUT WRAPPER ── */
  .page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 40px 120px;
  }

  /* Desktop: two-column */
  @media (min-width: 768px) {
    .page { display: grid; grid-template-columns: 1fr 380px; gap: 40px; align-items: start; padding-bottom: 60px; }
  }

  @media (max-width: 767px) {
    .page { padding: 20px 16px 120px; }
  }

  /* ── LEFT COLUMN ── */
  .col-left {}

  /* Hero image */
  .hero-wrap {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 24px;
    background: #ddd;
  }
  .hero-wrap img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
  }
  @media (min-width: 768px) {
    .hero-wrap img { height: 380px; }
  }
  .hero-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 30px;
    backdrop-filter: blur(4px);
  }

  /* Title */
  .campaign-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text);
    margin-bottom: 16px;
    text-align: center;
  }
  @media (min-width: 768px) {
    .campaign-title { font-size: 26px; }
  }
  .campaign-title .heart { color: #e63946; }

  /* Badges */
  .badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1.5px solid var(--green);
    border-radius: 30px;
    padding: 5px 13px;
    font-size: 12px;
    font-weight: 700;
    color: var(--green);
    white-space: nowrap;
  }
  .badge.filled {
    background: var(--green);
    color: #fff;
  }
  .badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
  }

  /* Created date */
  .created {
    font-size: 12px;
    color: var(--text-light);
    font-weight: 500;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  /* ── RIGHT COLUMN (card) ── */
  .col-right {}

  .card {
    background: #f7f7f5;
    border-radius: 14px;
    border: none;
    padding: 14px 16px;
    margin-top: 14px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.10);
  }
  @media (min-width: 768px) {
    .card {
      margin-top: 0;
      position: sticky;
      top: 80px;
      padding: 20px;
    }
  }

  /* Raised amount */
  .raised {
    font-size: 16px;
    font-weight: 700;
    color: #099A4D;
    margin-bottom: 2px;
    line-height: 1.2;
  }

  /* Progress */
  .progress-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
  }
  .progress-bar-bg {
    flex: 1;
    height: 8px;
    background: #e0e0da;
    border-radius: 10px;
    overflow: hidden;
  }
  .progress-bar-fill {
    height: 100%;
    width: 0%;
    background: var(--green);
    border-radius: 10px;
    transition: width 1.3s cubic-bezier(0.25, 1, 0.5, 1);
  }
  .percent-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 3px solid var(--green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: var(--green);
    flex-shrink: 0;
    position: relative;
  }
  .percent-circle::after {
    content: '';
    position: absolute;
    top: -3px;
    right: -2px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--green);
  }

  .meta-goal {
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 600;
    margin-bottom: 20px;
  }

  .stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 8px;
  }
  .stat {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .stat + .stat { border-left: 1.5px solid var(--border); }

  /* Progress circle */
  .percent-circle-wrap {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    position: relative;
  }
  .percent-circle-wrap svg {
    position: absolute;
    top: 0; left: 0;
    width: 72px;
    height: 72px;
    transform: rotate(-90deg);
  }
  .percent-circle-inner {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    color: var(--green);
  }

  .stat-num {
    font-size: 18px;
    font-weight: 600;
    color: #414B58;
    display: block;
    line-height: 1.2;
  }
  .stat-label {
    font-size: 14px;
    font-weight: 400;
    color: #5C7067;
    display: block;
  }

  /* CTA button */
  .cta-btn {
    width: 100%;
    background: #099A4D;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 6px 0 0;
    white-space: nowrap;
    transition: background 0.2s, transform 0.12s;
    min-height: 48px;
    letter-spacing: 0.01em;
  }
  .cta-btn:hover { background: #077a3d; }
  .cta-btn:active { transform: scale(0.98); }

  /* Mobile: fixed CTA */
  .cta-btn-mobile-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    padding: 12px 20px 24px;
    background: linear-gradient(to top, #fff 70%, transparent);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s;
  }
  .cta-btn-mobile-fixed.visible {
    opacity: 1;
    pointer-events: all;
  }
  .cta-btn-mobile-fixed .cta-btn { margin-top: 0; }

  @media (min-width: 768px) {
    .cta-btn-mobile-fixed { display: none; }
  }

  /* Divider */
  .divider { height: 1px; background: var(--border); margin: 20px 0; }

  /* Trust note */
  .trust {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
    justify-content: center;
    margin-top: 8px;
  }
  .trust-icon { font-size: 15px; }

  /* Card mobile (dentro da col-left) */
  .card-mobile { display: block; }
  @media (min-width: 768px) {
    .card-mobile { display: none; }
    .col-right { display: block; }
  }
  @media (max-width: 767px) {
    .col-right { display: none; }
  }
  .description-section {
    margin-top: 16px;
    padding: 20px;
    background: #f7f7f5;
    border-radius: 16px;
    border: 1px solid #e8e8e4;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  }
  .desc-intro {
    font-size: 17px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 12px;
  }
  .desc-text {
    font-size: 14px;
    color: #444;
    line-height: 1.75;
    margin-bottom: 20px;
  }
  .desc-highlight {
    background: #f0faf5;
    border-left: 3px solid #099A4D;
    border-radius: 0 10px 10px 0;
    padding: 14px 16px;
    margin-bottom: 20px;
  }
  .desc-highlight > p {
    font-size: 14px;
    color: #444;
    margin-bottom: 10px;
    line-height: 1.6;
  }
  .desc-alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #c8ecd9;
  }
  .desc-alert svg { flex-shrink: 0; margin-top: 1px; }
  .desc-alert span {
    font-size: 14px;
    font-weight: 600;
    color: #099A4D;
    line-height: 1.55;
  }
  .desc-footer {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
  }
  .desc-footer p { margin-bottom: 4px; }

#site-loader {
    position:fixed;inset:0;z-index:99999;
    display:none;align-items:center;justify-content:center;
    background:rgba(0,0,0,0.45);backdrop-filter:blur(5px);
    font-family:'Montserrat',system-ui,sans-serif;
  }
  #site-loader .ldr-card {
    background:#fff;border-radius:20px;padding:32px 28px;text-align:center;
    box-shadow:0 24px 60px rgba(0,0,0,0.22);width:min(88vw,320px);
  }
  #loader-spinner {
    width:38px;height:38px;border:3px solid #e0e0da;
    border-top:3px solid #099A4D;border-radius:50%;
    margin:0 auto 18px;animation:ldrSpin .8s linear infinite;
  }
  #loader-ok {
    display:none;width:46px;height:46px;background:#e8f5ee;border-radius:50%;
    margin:0 auto 16px;align-items:center;justify-content:center;
  }
  #loader-title {
    font-size:17px;font-weight:800;color:#111;margin:0 0 6px;
  }
  #loader-text {
    font-size:13px;font-weight:500;color:#666;margin:0;
  }
  @keyframes ldrSpin { to{ transform:rotate(360deg); } }

#site-popup {
    position:fixed;inset:0;z-index:99998;
    display:none;align-items:center;justify-content:center;
    padding:16px;
    background:rgba(0,0,0,0.55);backdrop-filter:blur(7px);
    font-family:'Montserrat',system-ui,sans-serif;
  }
  .popup-card {
    background:#fff;border-radius:20px;width:min(96vw,420px);
    box-shadow:0 20px 60px rgba(0,0,0,0.3);
    overflow:hidden;
    opacity:0;transform:translateY(16px) scale(0.97);
    transition:opacity .3s ease, transform .3s ease;
    position:relative;
    padding:24px 22px 24px;
  }
  .popup-close {
    position:absolute;top:12px;right:12px;z-index:10;
    width:32px;height:32px;border-radius:50%;
    background:rgba(0,0,0,0.08);border:none;
    color:#555;font-size:20px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .popup-close:hover{background:rgba(0,0,0,0.15);}
  .popup-img-wrap {
    width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;
    border-radius:16px;
    margin:14px 0;
  }
  .popup-img {
    width:100%;height:100%;object-fit:cover;object-position:center top;
    display:block;filter:grayscale(100%);
  }
  .popup-img-overlay {
    position:absolute;inset:0;border-radius:16px;
    background:linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 55%);
  }
  .popup-img-caption {
    position:absolute;bottom:12px;left:14px;right:14px;color:#fff;text-align:left;
  }
  .popup-img-quote {
    font-size:14px;font-weight:700;line-height:1.4;margin:0 0 5px;
    font-style:italic;text-shadow:0 1px 6px rgba(0,0,0,0.5);
  }
  .popup-img-sub {
    font-size:11px;opacity:0.75;font-weight:500;
  }
  .popup-body {
    text-align:center;
  }
  .popup-title {
    font-size:20px;font-weight:800;color:#111;margin:0;line-height:1.35;
    text-align:center;
  }
  .popup-text {
    font-size:14px;color:#666;line-height:1.7;margin:0 0 18px;
    text-align:center;
  }
  .popup-text strong {color:#111;font-weight:700;}
  .popup-btn {
    display:block;width:100%;
    background:#099A4D;color:#fff;
    border:none;border-radius:12px;
    padding:17px;
    font-size:16px;font-weight:800;
    font-family:'Montserrat',system-ui,sans-serif;
    text-decoration:none;text-align:center;cursor:pointer;
    transition:background .2s;
    box-shadow:0 4px 16px rgba(9,154,77,0.3);
  }
  .popup-btn:hover{background:#077a3d;}
  .popup-vals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:4px;}
  .popup-val-btn{position:relative;border:1.5px solid #e0e0da;border-radius:12px;background:#fff;padding:16px 10px;font-size:16px;font-weight:700;color:#111;font-family:'Montserrat',system-ui,sans-serif;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s;}
  .popup-val-btn:hover{border-color:#099A4D;background:#f0faf5;}
  .popup-val-btn.popup-val-active{border-color:#099A4D;background:#f0faf5;box-shadow:0 0 0 3px rgba(9,154,77,0.15);}
  .popup-val-badge{position:absolute;top:-9px;right:-6px;background:#e8f5ee;border:1px solid #099A4D;color:#099A4D;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;}
  .popup-val-badge.orange{background:#fff8e1;border-color:#f59e0b;color:#d97706;}
  .popup-foot {
    margin-top:12px;font-size:11px;color:#bbb;
    display:flex;align-items:center;justify-content:center;gap:4px;
  }

#modal-valores {
    position:fixed;inset:0;z-index:99997;
    display:none;align-items:center;justify-content:center;
    padding:16px;
    background:rgba(0,0,0,0.5);backdrop-filter:blur(6px);
    font-family:'Montserrat',system-ui,sans-serif;
  }
  .mv-card {
    background:#fff;border-radius:22px;width:min(96vw,420px);
    padding:24px 20px 28px;
    box-shadow:0 20px 60px rgba(0,0,0,0.25);
    animation:mvFadeIn .3s ease;
    position:relative;
  }
  @keyframes mvFadeIn{from{opacity:0;transform:scale(0.96);}to{opacity:1;transform:scale(1);}}
  .mv-header {
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;
  }
  .mv-logo { display:flex;align-items:center;justify-content:center; }
  .mv-logo img { height:44px; }
  .mv-close {
    position:absolute;right:0;top:50%;transform:translateY(-50%);
    width:30px;height:30px;border-radius:50%;background:#f1f5f9;
    border:none;font-size:18px;cursor:pointer;color:#555;
    display:flex;align-items:center;justify-content:center;
  }
  .mv-close:hover{background:#e2e8f0;}
  .mv-section { margin-bottom:16px; }
  .mv-label {
    font-size:13px;font-weight:700;color:#111;margin-bottom:10px;
  }
  .mv-pix {
    display:flex;align-items:center;gap:10px;
    border:1.5px solid #099A4D;background:#f0faf5;
    border-radius:10px;padding:12px 14px;
  }
  .mv-pix-dot {
    width:16px;height:16px;border-radius:50%;border:2px solid #099A4D;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .mv-pix-dot::after {
    content:'';width:8px;height:8px;border-radius:50%;background:#099A4D;
  }
  .mv-pix span { font-size:14px;font-weight:700;color:#099A4D; }
  .mv-sub { font-size:12px;color:#999;margin-bottom:12px; }
  .mv-grid {
    display:grid;grid-template-columns:1fr 1fr;gap:10px;
  }
  .mv-btn {
    position:relative;border:1.5px solid #e0e0da;border-radius:12px;
    background:#fff;padding:16px 10px;
    font-size:16px;font-weight:700;color:#111;
    font-family:'Montserrat',system-ui,sans-serif;
    cursor:pointer;text-align:center;
    transition:border-color .15s,background .15s,box-shadow .15s;
  }
  .mv-btn:hover { border-color:#099A4D;background:#f0faf5; }
  .mv-btn.active {
    border-color:#099A4D;background:#f0faf5;
    box-shadow:0 0 0 3px rgba(9,154,77,0.15);
  }
  .mv-badge {
    position:absolute;top:-9px;right:-6px;
    background:#e8f5ee;border:1px solid #099A4D;
    color:#099A4D;font-size:10px;font-weight:700;
    padding:2px 8px;border-radius:20px;white-space:nowrap;
  }
  .mv-confirmar {
    width:100%;margin-top:18px;
    background:#099A4D;color:#fff;border:none;border-radius:12px;
    padding:16px;font-size:15px;font-weight:800;
    font-family:'Montserrat',system-ui,sans-serif;
    cursor:pointer;transition:background .2s;
    box-shadow:0 4px 14px rgba(9,154,77,0.25);
  }
  .mv-confirmar:hover{background:#077a3d;}
  .mv-foot {
    margin-top:10px;font-size:11px;color:#bbb;
    display:flex;align-items:center;justify-content:center;gap:4px;
    text-align:center;
  }

/* LOADER PIX */
  #pix-loader {
    position:fixed;inset:0;z-index:99996;
    display:none;align-items:center;justify-content:center;
    background:rgba(0,0,0,0.55);backdrop-filter:blur(7px);
    font-family:'Montserrat',system-ui,sans-serif;
  }
  .pix-loader-card {
    background:#fff;border-radius:20px;padding:32px 28px;
    text-align:center;width:min(88vw,280px);
    box-shadow:0 20px 50px rgba(0,0,0,0.2);
  }
  .pix-loader-spinner {
    width:38px;height:38px;border:3px solid #e0e0da;
    border-top:3px solid #099A4D;border-radius:50%;
    margin:0 auto 16px;animation:ldrSpin2 .8s linear infinite;
  }
  @keyframes ldrSpin2{to{transform:rotate(360deg);}}
  .pix-loader-title {font-size:16px;font-weight:800;color:#111;margin:0;}

  /* MODAL QR */
  #modal-qr {
    position:fixed;inset:0;z-index:99995;
    display:none;align-items:center;justify-content:center;
    padding:16px;
    background:rgba(0,0,0,0.55);backdrop-filter:blur(7px);
    font-family:'Montserrat',system-ui,sans-serif;
    overflow-y:auto;
  }
  .qr-card {
    background:#fff;border-radius:22px;width:min(96vw,400px);
    padding:0 0 24px;position:relative;
    box-shadow:0 24px 60px rgba(0,0,0,0.28);
    animation:mvFadeIn .3s ease;
    max-height:92vh;overflow-y:auto;
  }
  .qr-header {
    background:#f0faf5;border-radius:22px 22px 0 0;
    padding:16px 20px;display:flex;align-items:center;
    justify-content:center;border-bottom:1px solid #e8f5ee;
    position:relative;
  }
  .qr-header-title {font-size:15px;font-weight:800;color:#099A4D;}
  .qr-close {
    position:absolute;right:14px;top:50%;transform:translateY(-50%);
    width:30px;height:30px;border-radius:50%;background:#fff;
    border:1px solid #e0e0da;font-size:18px;cursor:pointer;color:#555;
    display:flex;align-items:center;justify-content:center;
  }
  .qr-close:hover{background:#f5f5f5;}
  .qr-body {padding:12px 16px 0;}
  .qr-status {display:none;}
  .qr-valor {text-align:center;margin-bottom:2px;}
  .qr-valor span {font-size:22px;font-weight:800;color:#099A4D;}
  .qr-timer {font-size:12px;color:#999;text-align:center;margin-bottom:10px;}
  .qr-img-wrap {
    border:1px solid #e8e8e8;border-radius:14px;
    padding:10px;display:flex;justify-content:center;
    align-items:center;margin-bottom:10px;
    background:#fff;
  }
  #qr-canvas { width:160px;height:160px; }
  .qr-copy-label {font-size:11px;color:#666;margin-bottom:4px;}
  .qr-copy-input {
    width:100%;border:1px solid #e0e0da;border-radius:10px;
    padding:8px 12px;font-size:11px;color:#333;
    font-family:'Montserrat',system-ui,sans-serif;
    background:#f9f9f9;margin-bottom:8px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .qr-copy-btn {
    width:100%;background:#099A4D;color:#fff;border:none;
    border-radius:50px;padding:12px;font-size:14px;font-weight:800;
    font-family:'Montserrat',system-ui,sans-serif;cursor:pointer;
    transition:background .2s;box-shadow:0 4px 14px rgba(9,154,77,0.3);
    margin-bottom:0;
  }
  .qr-copy-btn:hover{background:#077a3d;}
  .qr-rec {
    margin:10px 0 0;border:1px solid #e8e8e8;border-radius:14px;
    padding:10px;
  }
  .qr-rec-title {font-size:12px;font-weight:800;color:#111;text-align:center;margin-bottom:6px;}
  .qr-rec-row {
    display:flex;justify-content:space-between;align-items:center;
    padding:6px 10px;background:#f9fafb;border-radius:8px;margin-bottom:4px;
  }
  .qr-rec-row:last-child{margin-bottom:0;}
  .qr-rec-label {font-size:11px;color:#999;font-weight:600;}
  .qr-rec-value {font-size:12px;color:#111;font-weight:700;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}
  .qr-oficial {display:none;}

#modal-copiado {
    position:fixed;inset:0;z-index:999999;
    display:none;align-items:center;justify-content:center;
    padding:16px;
    background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);
    font-family:'Montserrat',system-ui,sans-serif;
  }
  .mc-card {
    background:#fff;border-radius:22px;width:min(96vw,380px);
    overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,0.28);
    animation:mvFadeIn .3s ease;
  }
  .mc-top {
    background:#099A4D;padding:28px 20px 22px;text-align:center;
  }
  .mc-check {
    width:52px;height:52px;border-radius:50%;
    background:rgba(255,255,255,0.2);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 14px;
    border:2px solid rgba(255,255,255,0.4);
  }
  .mc-top-title {
    font-size:17px;font-weight:900;color:#fff;
    line-height:1.3;margin:0;letter-spacing:0.02em;
    text-transform:uppercase;
  }
  .mc-body {padding:22px 20px 24px;}
  .mc-step-title {font-size:17px;font-weight:800;color:#111;margin:0 0 8px;text-align:center;}
  .mc-step-text {font-size:13px;color:#555;line-height:1.6;margin:0 0 16px;text-align:center;}
  .mc-step-text strong {color:#111;}
  .mc-box {
    background:#f0faf5;border:1px solid #b7e4cd;
    border-radius:14px;padding:16px;margin-bottom:16px;text-align:center;
    position:relative;
  }
  .mc-box-label {
    font-size:10px;font-weight:800;color:#099A4D;
    text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px;
  }
  .mc-box-name {
    font-size:22px;font-weight:900;color:#111;margin:0 0 4px;
    text-transform:uppercase;
  }
  .mc-badge {
    display:inline-block;background:#099A4D;color:#fff;
    font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;
    margin-left:6px;vertical-align:middle;letter-spacing:0.04em;
  }
  .mc-aviso {
    font-size:12px;color:#7a5200;background:#fff8e1;border:1px solid #ffd54f;
    border-radius:8px;padding:10px 12px;margin-top:10px;line-height:1.6;
    display:flex;gap:8px;align-items:flex-start;
  }
  .mc-aviso svg{flex-shrink:0;margin-top:1px;}
  .mc-aviso strong {color:#5a3a00;}
  .mc-btn {
    display:block;width:100%;background:#099A4D;color:#fff;
    border:none;border-radius:12px;padding:16px;
    font-size:15px;font-weight:800;
    font-family:'Montserrat',system-ui,sans-serif;
    text-align:center;cursor:pointer;
    box-shadow:0 4px 14px rgba(9,154,77,0.3);
    transition:background .2s;
  }
  .mc-btn:hover{background:#077a3d;}