@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* page: analise-portifolio */
html.page-analise-portifolio{
        --ink: #0f172a;
        --muted: #6b7280;
        --line: #e5e7eb;
        --accent: #0b1d3d;
        --accent-2: #f59e0b;
        --bg: #f6f8fc;
        --card: #ffffff;
        --shadow: 0 12px 32px rgba(0, 0, 0, 0.05);
        --radius: 14px;
        --maxw: 1200px;
      }
      html.page-analise-portifolio *{ box-sizing: border-box; }
      html.page-analise-portifolio body{
        margin: 0;
        background: var(--bg);
        color: var(--ink);
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      }
      html.page-analise-portifolio a{ color: inherit; }
      html.page-analise-portifolio .page{
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 18px 16px 32px;
      }
      html.page-analise-portifolio .mkz-disclaimer{
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 16px;
        padding: 16px 18px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
        margin: 10px 0 18px 0;
      }
      html.page-analise-portifolio .mkz-badge{
        display: inline-block;
        font-weight: 700;
        font-size: 12px;
        padding: 3px 10px;
        border-radius: 999px;
        background: #fde68a;
        color: #7c2d12;
        border: 1px solid #fcd34d;
        margin-bottom: 8px;
      }
      html.page-analise-portifolio .mkz-title{
        margin: 0 0 6px 0;
        font-size: 18px;
      }
      html.page-analise-portifolio .mkz-text{
        margin: 0;
        font-size: 14px;
        line-height: 1.55;
        color: #374151;
      }
      html.page-analise-portifolio .layout{
        display: grid;
        grid-template-columns: 360px 1fr;
        gap: 16px;
      }
      @media (max-width: 1080px){ html.page-analise-portifolio .layout{ grid-template-columns: 1fr; } }
      html.page-analise-portifolio .panel{
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 16px 18px;
      }
      html.page-analise-portifolio h1{
        margin: 12px 0;
        font-size: clamp(24px, 3vw, 30px);
        color: var(--accent);
      }
      html.page-analise-portifolio h2{
        margin: 8px 0 12px;
        font-size: 18px;
        color: var(--accent);
      }
      html.page-analise-portifolio label{
        display: block;
        font-weight: 700;
        font-size: 13px;
        margin-bottom: 4px;
      }
      html.page-analise-portifolio input[type="number"], html.page-analise-portifolio select{
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #cfd6e4;
        border-radius: 10px;
        font-size: 14px;
      }
      html.page-analise-portifolio .inline{
        display: grid;
        gap: 10px;
      }
      html.page-analise-portifolio .inline.two{ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
      html.page-analise-portifolio .inline.three{ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
      html.page-analise-portifolio .switch{
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 6px 0;
      }
      html.page-analise-portifolio .btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        padding: 12px 14px;
        margin-top: 14px;
        border: none;
        background: linear-gradient(120deg, #0f2f6e, #0b1d3d);
        color: #fff;
        font-weight: 700;
        border-radius: 12px;
        cursor: pointer;
        transition: transform 0.08s ease, box-shadow 0.12s ease;
        box-shadow: 0 12px 30px rgba(11, 29, 61, 0.18);
      }
      html.page-analise-portifolio .btn:hover{ transform: translateY(-1px); }
      html.page-analise-portifolio .callout{
        border: 1px solid #fde68a;
        background: #fffbeb;
        color: #92400e;
        padding: 12px 12px;
        border-radius: 12px;
        font-size: 14px;
        margin-bottom: 12px;
      }
      html.page-analise-portifolio .callout.error{
        border-color: #fecdd3;
        background: #fef2f2;
        color: #991b1b;
      }
      html.page-analise-portifolio .ticker-box{
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 10px;
        max-height: 420px;
        overflow: auto;
        background: #f8fafc;
      }
      html.page-analise-portifolio .ticker-row{
        display: grid;
        grid-template-columns: 1fr 110px;
        align-items: center;
        gap: 8px;
        padding: 6px 4px;
        border-bottom: 1px dashed var(--line);
      }
      html.page-analise-portifolio .ticker-row:last-child{ border-bottom: none; }
      html.page-analise-portifolio .badge{
        display: inline-block;
        font-size: 12px;
        padding: 3px 8px;
        border-radius: 999px;
        background: #e5edff;
        color: #0f2f6e;
        border: 1px solid #c7d6ff;
      }
      html.page-analise-portifolio .charts{
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
      }
      html.page-analise-portifolio .chart-card img{
        width: 100%;
        display: block;
        border-radius: 10px;
        border: 1px solid #e5e7eb;
        aspect-ratio: 16 / 9;
        object-fit: contain;
      }
      html.page-analise-portifolio .tabs{
        margin-top: 14px;
      }
      html.page-analise-portifolio .tab-nav{
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 10px;
      }
      html.page-analise-portifolio .tab-btn{
        border: 1px solid var(--line);
        background: #eef2ff;
        color: #1d2a5b;
        padding: 8px 12px;
        border-radius: 10px;
        cursor: pointer;
        font-weight: 700;
        transition: all 0.12s ease;
      }
      html.page-analise-portifolio .tab-btn.active{
        background: #0b1d3d;
        color: #fff;
        border-color: #0b1d3d;
        box-shadow: 0 10px 20px rgba(11, 29, 61, 0.18);
      }
      html.page-analise-portifolio .tab-panels{
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
      }
      html.page-analise-portifolio .tab-panel{
        display: none;
        padding: 14px;
      }
      html.page-analise-portifolio .tab-panel.active{ display: block; }
      html.page-analise-portifolio .portfolio-card{
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 12px;
        background: #fff;
      }
      html.page-analise-portifolio table{
        width: 100%;
        border-collapse: collapse;
        font-size: 13px;
      }
      html.page-analise-portifolio table th, html.page-analise-portifolio table td{
        padding: 6px 4px;
        border-bottom: 1px solid #eceff4;
        text-align: left;
      }
      html.page-analise-portifolio table th{ color: #475569; font-weight: 700; }
      html.page-analise-portifolio .muted{ color: var(--muted); }
      html.page-analise-portifolio .pill{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 8px;
        border-radius: 999px;
        background: #eef2ff;
        color: #312e81;
        font-size: 12px;
        margin-right: 6px;
      }

/* page: documentos */
html.page-documentos #pol-manuais .titulo{
        position: relative;
        font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto,
          Arial, sans-serif;
        
        font-size: var(--h1-size, clamp(1.6rem, 2.2vw + 1rem, 2.4rem));
        line-height: 1.15;
        font-weight: 400; 
        margin: 0;
        color: var(--text, inherit);
        padding-left: 25px; 
      }
      html.page-documentos #pol-manuais .titulo::before{
        content: "";
        position: absolute;
        left: 0;
        top: 0.12em;
        bottom: 0.12em;
        width: 4px; 
        background: var(
          --accent,
          #061a3d
        ); 
        border-radius: 3px;
      }
      html.page-documentos .doc-grid{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        width: min(1120px, 100%);
        margin: 0 auto;
        padding: 0 16px;
        align-items: stretch;
        margin-bottom: 48px;
      }
      html.page-documentos .meu-botao{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(135deg, #0b1d3d, #183359);
        color: #f8fafc;
        text-decoration: none;
        padding: 16px 18px;
        border-radius: 16px;
        border: 1px solid rgba(11, 29, 61, 0.15);
        box-shadow: 0 12px 22px rgba(11, 29, 61, 0.15);
        width: 100%;
        min-height: 86px;
        box-sizing: border-box;
        font-family: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
        font-size: 0.98rem;
        line-height: 1.4;
        gap: 10px;
        transition: transform 0.08s ease, box-shadow 0.2s ease,
          background 0.2s ease;
      }
      html.page-documentos .meu-botao:hover{
        background: linear-gradient(135deg, #132a4c, #1f3f6e);
        box-shadow: 0 16px 26px rgba(11, 29, 61, 0.2);
        transform: translateY(-2px);
      }
      html.page-documentos .meu-botao svg{
        flex-shrink: 0;
      }
      html.page-documentos .meu-botao svg text{
        fill: #f28b82;
      }

      
      @media (max-width: 768px){
        
        html.page-documentos #pol-manuais .titulo{
          font-size: clamp(1.25rem, 4.5vw, 1.6rem);
          padding-left: 18px;
        }

        
        html.page-documentos .meu-botao svg{
          width: 28px;
          height: 28px;
          flex-shrink: 0;
        }

        
        
        html.page-documentos .site-header .container{
          padding-left: 12px;
          padding-right: 12px;
        }
        html.page-documentos .site-header nav ul{
          display: flex;
          flex-wrap: wrap; 
          gap: 8px 12px;
        }
        html.page-documentos .site-header nav a{
          padding: 8px 10px;
          font-size: 0.95rem; 
          line-height: 1.2;
        }

        
        html.page-documentos .menu-toggle{
          display: inline-flex;
        }
        
        html.page-documentos .menu-links[aria-hidden="true"]{
          display: none;
        }
      }
      @media (max-width: 1024px){
        html.page-documentos .doc-grid{
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 640px){
        html.page-documentos .doc-grid{
          grid-template-columns: 1fr;
        }
      }

/* page: estrategia-etf */
html.page-estrategia-etf{
        --maxw: 1100px; 
      }

      
      html.page-estrategia-etf .page{
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 0 16px; 
      }

      html.page-estrategia-etf #etfs-rebalanceamento{
        --bg: #ffffff;
        --text: #1f2937;
        --muted: #6b7280;
        --accent: #061a3d;
        --card: #f8fafc;
        --line: #e5e7eb;
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
          Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
          "Segoe UI Emoji", "Segoe UI Symbol";
        color: var(--text);
      }
      html.page-estrategia-etf #etfs-rebalanceamento .wrap{
        max-width: 1100px;
        margin: 0 auto;
        padding: 32px 20px;
      }
      html.page-estrategia-etf #etfs-rebalanceamento h2{
        font-size: clamp(26px, 3.6vw, 38px);
        margin-bottom: 12px;
        color: var(--accent);
      }
      html.page-estrategia-etf #etfs-rebalanceamento p{
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 16px;
      }
      html.page-estrategia-etf #etfs-rebalanceamento .muted{
        color: var(--muted);
      }
      html.page-estrategia-etf #etfs-rebalanceamento .cards{
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      }
      html.page-estrategia-etf #etfs-rebalanceamento .card{
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 20px;
        box-shadow: 0 4px 12px rgba(6, 26, 61, 0.08);
      }
      html.page-estrategia-etf #etfs-rebalanceamento .card h3{
        margin: 0 0 10px 0;
        color: #0f172a;
        font-size: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
      }
      html.page-estrategia-etf #etfs-rebalanceamento .card ul{
        margin: 0 0 8px 18px;
        padding: 0;
      }
      html.page-estrategia-etf #etfs-rebalanceamento .pill{
        display: inline-block;
        font-size: 12px;
        padding: 4px 10px;
        border-radius: 9999px;
        background: #e6eef9;
        color: #0b2e6e;
        border: 1px solid #cfe1ff;
        margin: 0 6px 10px 0;
      }
      
      html.page-estrategia-etf #etfs-rebalanceamento .fx-dot{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ffc107;
        box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.18);
        display: inline-block;
        flex: 0 0 10px;
      }

/* page: estrategia-long-short */
html.page-estrategia-long-short #estrategias{
          --bg: #ffffff;
          --text: #1f2937;
          --muted: #6b7280;
          --accent: #061a3d;
          --card: #f8fafc;
          --line: #e5e7eb;
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
            Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
            "Segoe UI Emoji", "Segoe UI Symbol";
          color: var(--text);
        }
        html.page-estrategia-long-short #estrategias .wrap{
          max-width: 1100px;
          margin: 0 auto;
          padding: 32px 20px;
        }
        
        html.page-estrategia-long-short #estrategias .card{
          background: var(--card);
          border: 1px solid var(--line);
          border-radius: 14px;
          padding: 24px;
          box-shadow: 0 4px 12px rgba(6, 26, 61, 0.08);
        }
        html.page-estrategia-long-short #estrategias .card h2{
          font-size: clamp(26px, 3.6vw, 38px);
          margin: 0 0 10px 0;
          color: var(--accent);
        }
        html.page-estrategia-long-short #estrategias .card p{
          line-height: 1.6;
          font-size: 16px;
          color: var(--text);
          margin: 0 0 16px 0;
        }
        html.page-estrategia-long-short #estrategias .muted{
          color: var(--muted);
        }
        html.page-estrategia-long-short #estrategias .divider{
          height: 1px;
          background: var(--line);
          margin: 14px 0 16px 0;
          border-radius: 1px;
        }
        html.page-estrategia-long-short #estrategias .card h3{
          margin: 0 0 10px 0;
          color: #0f172a;
          font-size: 20px;
        }

/* page: estrategia-opcoes */
html.page-estrategia-opcoes #estrategias{
          --bg: #ffffff;
          --text: #1f2937;
          --muted: #6b7280;
          --accent: #061a3d;
          --card: #f8fafc;
          --line: #e5e7eb;
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
            Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
            "Segoe UI Emoji", "Segoe UI Symbol";
          color: var(--text);
        }
        html.page-estrategia-opcoes #estrategias .wrap{
          max-width: 1100px;
          margin: 0 auto;
          padding: 32px 20px;
        }
        
        html.page-estrategia-opcoes #estrategias .card{
          background: var(--card);
          border: 1px solid var(--line);
          border-radius: 14px;
          padding: 24px;
          box-shadow: 0 4px 12px rgba(6, 26, 61, 0.08);
        }
        html.page-estrategia-opcoes #estrategias .card h2{
          font-size: clamp(26px, 3.6vw, 38px);
          margin: 0 0 10px 0;
          color: var(--accent);
        }
        html.page-estrategia-opcoes #estrategias .card p{
          line-height: 1.6;
          font-size: 16px;
          color: var(--text);
          margin: 0 0 16px 0;
        }
        html.page-estrategia-opcoes #estrategias .muted{
          color: var(--muted);
        }
        html.page-estrategia-opcoes #estrategias .divider{
          height: 1px;
          background: var(--line);
          margin: 14px 0 16px 0;
          border-radius: 1px;
        }
        html.page-estrategia-opcoes #estrategias .card h3{
          margin: 0 0 10px 0;
          color: #0f172a;
          font-size: 20px;
        }

/* page: fundos-exclusivos */
html.page-fundos-exclusivos{
      --fx-primary: #061a3d;   
      --fx-text: #1c1c1c;
      --fx-muted: #5f6b7a;
      --fx-bg: #ffffff;
      --fx-card: #f7f9fc;
      --fx-shadow: 0 12px 30px rgba(6,26,61,0.08);
      --fx-radius: 20px;
      --fx-pad: 22px;
      --fx-maxw: 1000px;
    }

    html.page-fundos-exclusivos #fundos-exclusivos{
      font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--fx-text);
      background: var(--fx-bg);
      display: grid;
      place-items: center;
      padding: 40px 16px;
    }

    html.page-fundos-exclusivos #fundos-exclusivos .fx-wrap{
      width: 100%;
      max-width: var(--fx-maxw);
    }

    
    html.page-fundos-exclusivos #fundos-exclusivos .fx-card{
      background: var(--fx-card);
      border-radius: var(--fx-radius);
      box-shadow: var(--fx-shadow);
      padding: clamp(22px, 3.5vw, 36px);
      border-left: 8px solid var(--fx-primary);
      animation: fx-fadeUp .8s ease-out both;
    }

    @keyframes fx-fadeUp{
      from{ opacity: 0; transform: translateY(14px); }
      to  { opacity: 1; transform: translateY(0);   }
    }

    
    html.page-fundos-exclusivos #fundos-exclusivos h2{
      margin: 0 0 6px;
      font-weight: 700;
      letter-spacing: 0.3px;
      font-size: clamp(26px, 4vw, 36px);
      color: var(--fx-primary);
      line-height: 1.15;
    }
    html.page-fundos-exclusivos #fundos-exclusivos .fx-sub{
      margin: 0 0 18px;
      font-size: clamp(14px, 2.2vw, 16px);
      color: var(--fx-muted);
    }

    
    html.page-fundos-exclusivos #fundos-exclusivos p{
      margin: 14px 0;
      line-height: 1.65;
      font-size: clamp(15px, 2.4vw, 17px);
    }

    
    html.page-fundos-exclusivos #fundos-exclusivos .fx-list{
      margin: 14px 0 0 0;
      padding-left: 22px;              
      list-style: circle;              
    }
    html.page-fundos-exclusivos #fundos-exclusivos .fx-list li{
      margin: 10px 0;
      line-height: 1.6;
      font-size: clamp(15px, 2.4vw, 17px);
    }
    html.page-fundos-exclusivos #fundos-exclusivos .fx-list li::marker{
      color: var(--fx-primary);
    }

    
    html.page-fundos-exclusivos #fundos-exclusivos .fx-block + .fx-block{
      margin-top: 18px;
    }

    @media (min-width: 900px){
      html.page-fundos-exclusivos #fundos-exclusivos .fx-grid{
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 26px;
        align-items: start;
      }
      html.page-fundos-exclusivos #fundos-exclusivos .fx-aside{
        background: #fff;
        border: 1px solid rgba(6,26,61,0.08);
        border-radius: 16px;
        padding: 16px 18px;
      }
      html.page-fundos-exclusivos #fundos-exclusivos .fx-aside h3{
        margin: 0 0 10px;
        font-size: 16px;
        color: var(--fx-primary);
      }
      html.page-fundos-exclusivos #fundos-exclusivos .fx-aside p{
        margin: 8px 0;
        font-size: 14px;
        color: var(--fx-muted);
      }
    }

/* page: index */
html.page-index{
        --fg-primary: #061a3d;
        --dourado: #e6c77a;
        --azul: #0b1a3a; 
        --radius: 28px;
        --shadow: 0 18px 36px rgba(6, 26, 61, 0.25);
        --maxw: 1200px;
      }
      html.page-index, html.page-index body{
        background: #fff;
        margin: 0;
        padding: 0;
        font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto,
          Arial, sans-serif;
        color: #111827;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
      }

      
      html.page-index .container{
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 0 16px;
      }

      
      html.page-index #typing-widget{
        position: relative;
        overflow: hidden;
        height: 900px;
        background: transparent;
      }
      html.page-index #typing-widget .wrap{
        position: relative;
        z-index: 1;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 10px;
        color: #fff;
        text-align: left;
      }
      html.page-index #typing-widget .linha{
        margin: 0;
        white-space: normal;
      }
      html.page-index #typing-widget .line1{
        font-weight: 400;
        font-size: 33.5px;
        letter-spacing: 0.458em;
        line-height: 1.6;
        margin-top: 200px;
      }
      html.page-index #typing-widget .line2{
        font-weight: 700;
        font-size: 33.5px;
        letter-spacing: 0;
        line-height: 1.6;
        color: #ffbf00;
        margin-top: 1px;
      }
      html.page-index #typing-widget .line3{
        font-weight: 400;
        font-size: 21.5px;
        letter-spacing: -0.062em;
        line-height: 1.5;
        margin-top: 230px;
      }
      html.page-index #typing-widget .bg-rotator{
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
      }
      html.page-index #typing-widget .bg-rotator .slide{
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0;
        animation: bg-xfade 21s infinite linear;
      }
      html.page-index #typing-widget .bg-rotator .slide:nth-child(1){
        animation-delay: 0s;
      }
      html.page-index #typing-widget .bg-rotator .slide:nth-child(2){
        animation-delay: 7s;
      }
      html.page-index #typing-widget .bg-rotator .slide:nth-child(3){
        animation-delay: 14s;
      }
      @keyframes bg-xfade{
        0% { opacity: 0; }
        4.7619% { opacity: 1; }
        33.333% { opacity: 1; }
        38.095% { opacity: 0; }
        100% { opacity: 0; }
      }

      
      html.page-index #servicos{
        position: relative;
        z-index: 2;
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 0 16px 56px;
      }
      html.page-index #servicos .cards-row{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin-top: -70px;
        align-items: stretch;
      }
      html.page-index #servicos .card{
        background: var(--azul);
        color: #e7eefc;
        border-radius: var(--radius);
        padding: 28px;
        box-shadow: var(--shadow);
        display: flex;
        flex-direction: column;
        min-height: 260px;
      }
      html.page-index #servicos .card h3{
        margin: 0 0 12px;
        color: var(--dourado);
        letter-spacing: 0.4px;
        font-weight: 800;
        text-transform: uppercase;
      }
      html.page-index #servicos .card p{
        margin: 0 0 16px;
        line-height: 1.55;
        color: #dbe5ff;
      }
      html.page-index #servicos .card a{
        margin-top: auto;
        align-self: flex-start;
        padding-top: 8px;
        color: var(--dourado);
        font-weight: 800;
        text-decoration: none;
      }
      html.page-index #servicos .card a:hover{
        text-decoration: underline;
      }
      html.page-index #servicos .texto-apoio{
        text-align: center;
        margin-top: 36px;
      }
      html.page-index #servicos .texto-apoio h2{
        margin: 0 0 10px;
        color: var(--dourado);
        font-size: clamp(22px, 3.5vw, 34px);
        font-weight: 800;
      }
      html.page-index #servicos .texto-apoio p{
        margin: 0 auto;
        max-width: 900px;
        color: #4b5563;
        line-height: 1.6;
      }
      @media (max-width: 1100px){
        html.page-index #servicos .cards-row{
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 620px){
        html.page-index #servicos .cards-row{
          grid-template-columns: 1fr;
        }
        html.page-index #servicos .card{
          min-height: 0;
        }
      }

      
      html.page-index .blue-section{
        background: var(--azul);
      }
      html.page-index .blue-section .section-inner{
        padding: 40px 0;
      }
      html.page-index #duo-rotator .stage{
        position: relative;
        width: 100%;
        aspect-ratio: 16/9;
        overflow: hidden;
        border-radius: 12px;
        background: #000;
        box-shadow: var(--shadow);
      }
      html.page-index #duo-rotator .stage img{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: var(--fit, cover);
        opacity: 0;
        transition: opacity var(--dur, 900ms) ease;
        display: block;
      }
      html.page-index #duo-rotator .stage img.is-active{
        opacity: 1;
      }
      html.page-index #duo-rotator .slide-link{
        position: absolute;
        inset: 0;
        z-index: 2;
        display: block;
        text-decoration: none;
        cursor: pointer;
      }

      
      html.page-index #perfil-rotator{
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 0 16px 56px;
      }
      html.page-index #perfil-rotator .grid{
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 24px;
        align-items: start;
      }
      html.page-index #perfil-rotator .content{
        min-height: 260px;
        margin-top: 68px;
        position: relative;
        text-align: center;
        align-self: start;
      }
      html.page-index #perfil-rotator .text-wrap{
        position: relative;
        max-width: 560px;
        margin: 0 auto;
        min-height: 260px;
        transition: min-height 0.25s ease;
      }
      html.page-index #perfil-rotator .text-wrap .block{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        opacity: 0;
        transition: opacity var(--dur, 900ms) ease;
      }
      html.page-index #perfil-rotator .text-wrap .block.is-active{
        opacity: 1;
      }
      html.page-index #perfil-rotator .name{
        margin: 0 0 6px;
        font-size: 28px;
        font-weight: 400;
        line-height: 1.3;
        color: #111827;
      }
      html.page-index #perfil-rotator .title{
        margin: 0 0 10px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
        color: #111827;
        opacity: 0.95;
      }
      html.page-index #perfil-rotator .title .brkt{
        color: #ffbd59;
      }
      html.page-index #perfil-rotator .desc{
        margin: 0 0 12px;
        font-size: 16px;
        line-height: 1.6;
        color: #1f2937;
        opacity: 0.9;
      }
      html.page-index #perfil-rotator .social{
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: center;
      }
      html.page-index #perfil-rotator .social a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #061a3d;
        color: #dcb675;
        text-decoration: none;
        border: none;
        transition: transform 0.12s ease, box-shadow 0.2s ease,
          background 0.2s ease;
      }
      html.page-index #perfil-rotator .social a:hover{
        transform: translateY(-1px);
        background: #081e49;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
      }
      html.page-index #perfil-rotator .social a svg{
        width: 20px;
        height: 20px;
        display: block;
      }
      html.page-index #perfil-rotator .stage{
        position: relative;
        width: 80%;
        aspect-ratio: 4/5;
        overflow: hidden;
        border-radius: 16px;
        background: #000;
      }
      html.page-index #perfil-rotator .stage img{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: var(--fit, cover);
        object-position: center top;
        opacity: 0;
        transition: opacity var(--dur, 900ms) ease;
        display: block;
      }
      html.page-index #perfil-rotator .stage img.is-active{
        opacity: 1;
      }
      html.page-index #perfil-rotator .slides{
        display: none;
      }
      @media (max-width: 900px){
        html.page-index #perfil-rotator .content{
          margin-top: 0;
        }
        html.page-index #perfil-rotator .text-wrap{
          min-height: 200px;
        }
        html.page-index #perfil-rotator .stage{
          aspect-ratio: 1/1;
        }
        html.page-index #perfil-rotator .grid{
          gap: 12px;
          grid-template-columns: 1fr;
        }
        html.page-index #perfil-rotator .name{
          font-size: 24px;
        }
        html.page-index #perfil-rotator .title{
          font-size: 18px;
        }
        html.page-index #perfil-rotator .desc{
          font-size: 14px;
        }
      }
      @media (prefers-reduced-motion: reduce){
        html.page-index #perfil-rotator .text-wrap .block{
          transition: none;
        }
        html.page-index #perfil-rotator .stage img{
          transition: none;
        }
      }

      
      html.page-index #contato.blue-section{
        color: #e7eefc;
      }
      html.page-index #contato .section-inner{
        padding: 48px 0;
      }
      html.page-index #contato .card{
        max-width: 640px;
        width: min(640px, 100%);
        margin: 0 auto;
        padding: 24px;
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
        color: #0f2a4a;
      }
      html.page-index #contato label{
        display: block;
        font-weight: 600;
        margin: 14px 0 6px;
      }
      html.page-index #contato input, html.page-index #contato textarea{
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
        font-size: 16px;
        box-sizing: border-box;
      }
      html.page-index #contato .btn{
        margin-top: 18px;
        padding: 10px 16px;
        border: 0;
        border-radius: 10px;
        cursor: pointer;
        font-weight: 700;
        background: #0f2a4a;
        color: #fff;
      }
      html.page-index #contato .msg{
        max-width: 640px;
        margin: 0 auto 14px;
        padding: 12px;
        border-radius: 10px;
        background: #e7f6ed;
        color: #145c2e;
      }
      html.page-index #contato .errors{
        color: #b30017;
        font-size: 14px;
        margin-top: 6px;
      }

      
      html.page-index #contato .card{
        background: #fff;
        color: #0f2a4a;
      }

      html.page-index #contato input, html.page-index #contato textarea, html.page-index #contato select{
        display: block; 
        width: 100%;
        background: #fff; 
        color: #0f2a4a; 
        border: 1px solid #dcdcdc;
        border-radius: 10px;
        padding: 10px 12px;
        font-size: 16px;
        box-shadow: none; 
        outline: none; 
        box-sizing: border-box;
      }

      html.page-index #contato input::placeholder, html.page-index #contato textarea::placeholder{
        color: #6b7280; 
        opacity: 1; 
      }

      html.page-index #contato input:focus, html.page-index #contato textarea:focus, html.page-index #contato select:focus{
        border-color: #0f2a4a;
        box-shadow: 0 0 0 3px rgba(15, 42, 74, 0.12); 
      }

      
      html.page-index input[hidden], html.page-index textarea[hidden], html.page-index select[hidden]{
        display: none !important;
      }

      

      
      html.page-index #perfil-rotator .stage{
        width: 60%;              
        max-width: 420px;        
        aspect-ratio: 3 / 4;     
      }
      
      html.page-index #perfil-rotator .text-wrap{
        min-height: 240px;       
      }

      
      @media (max-width: 900px){
        html.page-index #perfil-rotator .grid{
          grid-template-columns: 1fr 1fr;   
          gap: 16px;
          align-items: center;
        }
        
        html.page-index #perfil-rotator .content{ order: 2; }
        html.page-index #perfil-rotator .stage{ 
          order: 1; 
          width: 100%;
          max-width: 260px;      
          justify-self: center; 
          aspect-ratio: 3 / 4;
        }
        html.page-index #perfil-rotator .text-wrap{
          min-height: auto;      
        }
        html.page-index #perfil-rotator .name{ font-size: 22px; }
        html.page-index #perfil-rotator .title{ font-size: 16px; }
        html.page-index #perfil-rotator .desc{ font-size: 14px; }
      }

      
      @media (max-width: 560px){
        html.page-index #perfil-rotator .grid{
          grid-template-columns: 1fr;
          gap: 12px;
        }
        html.page-index #perfil-rotator .stage{
          order: 1;              
          max-width: 220px;
          margin: 0 auto;
        }
        html.page-index #perfil-rotator .content{ order: 2; }
      }

/* page: menu */
:root{
    --gold:#e6c77a;
    --nav-blue:#0f2a4a;
    --menu-font: 0.90rem;
  }

  .site-header, .site-header *{ box-sizing:border-box; }
  .site-header{
    position: sticky; top:0; z-index:1000;
    background:#fff; border-bottom:1px solid #e8e8e8;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  }
  .site-header .container{
    max-width:1200px; margin:0 auto; padding:10px 16px;
    display:flex; align-items:center; gap:16px;
  }

  .brand{ display:flex; align-items:center; text-decoration:none; }

  .nav-toggle{
    margin-left:auto; display:none; font-size:24px; line-height:1;
    padding:8px 10px; background:transparent; border:1px solid #dcdcdc;
    border-radius:8px; cursor:pointer;
  }

  .nav{ margin-left: 0; }
  .nav ul{
    list-style:none; margin:0; padding:0;
    display:flex; align-items:center; gap:28px;
  }

  .nav > ul > li > a,
  .nav > ul > li .top-link,
  .nav > ul > li .submenu-toggle{
    font-size: var(--menu-font);
  }

  .nav a{
    text-decoration:none; letter-spacing:.02em; font-weight:600;
    color:var(--nav-blue);
    transition: color .15s ease-in-out, outline-color .15s ease-in-out;
  }
  .nav a:hover{ color:var(--gold); text-decoration:none; }
  .nav a:focus-visible{ color:var(--gold); outline:2px solid var(--gold); outline-offset:2px; text-decoration:none; }
  .nav a[data-active="true"], .nav a.active{ color:var(--gold); font-weight:700; }

  
  .nav ul li.has-submenu{ position:relative; }

  .nav ul li.has-submenu .trigger{
    display:inline-flex; align-items:center; gap:4px;
    height:44px; white-space:nowrap;
  }
  .nav a, .nav .submenu-toggle{
    display:inline-flex; align-items:center; height:44px; line-height:1; padding:0;
  }

  .nav .submenu-toggle{
    appearance:none; background:transparent; border:1px solid transparent;
    border-radius:8px; color:var(--nav-blue); cursor:pointer;
    margin:0; min-width:auto;
  }
  .nav .submenu-toggle:hover,
  .nav .submenu-toggle:focus-visible{
    color:var(--gold); outline:2px solid var(--gold); outline-offset:2px;
  }

  .nav .submenu-toggle .caret{
    display:inline-block; width:0; height:0;
    border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid currentColor;
    transform-origin:50% 45%; transition:transform .15s ease;
  }

  .nav .submenu{
    position:absolute; left:0; top:calc(100% + 8px); min-width:240px;
    background:#fff; border:1px solid #e8e8e8; border-radius:10px;
    box-shadow:0 12px 24px rgba(0,0,0,.08);
    padding:8px; margin:0; list-style:none; display:none; z-index:1001;
  }
  .nav .submenu a{
    display:block; padding:10px 12px; border-radius:8px; color:var(--nav-blue); text-decoration:none; font-weight:600;
  }
  .nav .submenu a:hover, .nav .submenu a:focus-visible{ background:#f5f7fb; color:var(--gold); outline:none; }

  
  @media (min-width:901px){
    
    .nav ul li.has-submenu:hover > .submenu,
    .nav ul li.has-submenu:focus-within > .submenu{ display:block; }

    
    .nav ul li.has-submenu.open > .submenu{ display:block; }
    .nav ul li.has-submenu.open > .trigger .submenu-toggle .caret{ transform:rotate(180deg); }

    .nav ul{ flex-wrap: nowrap; }
    .nav > ul > li,
    .nav > ul > li > a,
    .nav > ul > li .trigger,
    .nav > ul > li .top-link,
    .nav > ul > li .submenu-toggle{ white-space: nowrap; }
  }

  
  @media (max-width:900px){
    .nav-toggle{ display:inline-block; }
    .nav{ display:none; width:100%; }
    .nav.open{ display:block; }
    .nav ul{ flex-direction:column; align-items:flex-start; gap:14px; padding:14px 0; }

    .nav ul li.has-submenu{ display:block; }
    .nav ul li.has-submenu .trigger{ width:100%; justify-content:flex-start; }
    .nav .submenu{
      position:static; box-shadow:none; border-radius:8px; border:1px solid #e8e8e8;
      margin-top:6px; display:none;
    }
    .nav ul li.has-submenu.open > .submenu{ display:block; }
    .nav ul li.has-submenu.open .submenu-toggle .caret{ transform:rotate(180deg); }
  }

/* page: mundo-dos-etfs */
html.page-mundo-dos-etfs #mundo-etf .chipbar{ display:flex; gap:10px; flex-wrap:wrap; margin:12px 0 }
    html.page-mundo-dos-etfs #mundo-etf .chip{ padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:#fff; cursor:pointer }
    html.page-mundo-dos-etfs #mundo-etf .chip.is-active{ background:#eef2ff; border-color:#c7d2fe }
    html.page-mundo-dos-etfs #mundo-etf .chip:hover{ background:#f8fafc }

    html.page-mundo-dos-etfs #mundo-etf #glossario details{ margin:8px 0 }

    
    html.page-mundo-dos-etfs #mundo-etf .risk-legend{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:10px 0 14px }
    html.page-mundo-dos-etfs #mundo-etf .risk-legend .risk-note{ color:var(--muted); margin-left:6px }
    html.page-mundo-dos-etfs #mundo-etf .risk{ font-size:12px; font-weight:700; padding:2px 8px; border-radius:999px; margin-right:6px; border:1px solid }
    html.page-mundo-dos-etfs #mundo-etf .risk-low{ background:#e7f6ed; color:#0a7a3b; border-color:#bfe7cc }
    html.page-mundo-dos-etfs #mundo-etf .risk-mid{ background:#fff7e6; color:#995f00; border-color:#ffe0a3 }
    html.page-mundo-dos-etfs #mundo-etf .risk-high{ background:#feeaea; color:#a80f0f; border-color:#f5b0b0 }

    
    html.page-mundo-dos-etfs #mundo-etf table th, html.page-mundo-dos-etfs #mundo-etf table td{
      text-align: center !important;
      vertical-align: middle !important;
    }
    html.page-mundo-dos-etfs #mundo-etf table td:first-child, html.page-mundo-dos-etfs #mundo-etf table th:first-child{
      text-align: center;
      font-weight: bold;
      vertical-align: middle;
    }


html.page-mundo-dos-etfs #mundo-etf .sub-col{
  font-size: 12px;   
  font-weight: normal;
  color: var(--muted); 
  margin-top: 2px;
}

    
    html.page-mundo-dos-etfs #mundo-etf{ --bg:#ffffff; --text:#1f2937; --muted:#6b7280; --accent:#061a3d; --card:#f8fafc; --line:#e5e7eb; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; color:var(--text); }
    html.page-mundo-dos-etfs #mundo-etf a{ color:var(--accent); text-decoration:none }
    html.page-mundo-dos-etfs #mundo-etf a:hover{ text-decoration:underline }
    html.page-mundo-dos-etfs #mundo-etf .wrap{ max-width:1100px; margin:0 auto; padding:32px 20px }

    
    html.page-mundo-dos-etfs #mundo-etf .hero{ background:linear-gradient(135deg, var(--accent) 0%, #0b2b7a 100%); color:#fff; border-radius:16px; padding:32px; box-shadow:0 8px 24px rgba(6,26,61,.25) }
    html.page-mundo-dos-etfs #mundo-etf h1{ font-size: clamp(28px, 4vw, 44px); margin:0 0 6px }
    html.page-mundo-dos-etfs #mundo-etf .subtitle{ margin:0; font-size:clamp(14px,1.8vw,18px); opacity:.9 }

    
    html.page-mundo-dos-etfs #mundo-etf .toc{ display:grid; gap:12px; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); margin:24px 0 12px }
    html.page-mundo-dos-etfs #mundo-etf .toc a{ display:flex; gap:10px; align-items:center; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px 14px; transition:.2s; font-weight:600 }
    html.page-mundo-dos-etfs #mundo-etf .toc a:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(6,26,61,.10)}

    
    html.page-mundo-dos-etfs #mundo-etf h2{ font-size: clamp(22px,3.2vw,30px); margin:28px 0 8px; color:var(--accent); border-bottom:2px solid var(--line); padding-bottom:6px }
    html.page-mundo-dos-etfs #mundo-etf h3{ font-size: clamp(18px,2.4vw,22px); margin:20px 0 8px; color:#0f172a }
    html.page-mundo-dos-etfs #mundo-etf p{ line-height:1.6 }
    html.page-mundo-dos-etfs #mundo-etf ol{ padding-left:20px; margin:16px 0 }
    html.page-mundo-dos-etfs #mundo-etf ol li{ margin-bottom:8px; line-height:1.6 }
    html.page-mundo-dos-etfs #mundo-etf ul{ list-style:disc; padding-left:20px; margin:16px 0 }
    html.page-mundo-dos-etfs #mundo-etf ul li{ margin-bottom:6px; line-height:1.6 }

    
    html.page-mundo-dos-etfs #mundo-etf .cards{ display:grid; gap:16px; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)) }
    html.page-mundo-dos-etfs #mundo-etf .card{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px }
    html.page-mundo-dos-etfs #mundo-etf .badge{ display:inline-block; font-size:12px; padding:4px 8px; border-radius:999px; background:#e6ecff; color:#0b2b7a; border:1px solid #c6d4ff; font-weight:600 }

    
    html.page-mundo-dos-etfs #mundo-etf .table-wrap{ overflow:auto; border:1px solid var(--line); border-radius:14px; background:#fff }
    html.page-mundo-dos-etfs #mundo-etf table{ width:100%; border-collapse:separate; border-spacing:0 }
    html.page-mundo-dos-etfs #mundo-etf th, html.page-mundo-dos-etfs #mundo-etf td{ padding:12px 14px; border-bottom:1px solid var(--line) }
    html.page-mundo-dos-etfs #mundo-etf thead th{ position:sticky; top:0; background:#f3f4f6; text-align:left; font-size:14px; letter-spacing:.02em; z-index:1 }

    
    html.page-mundo-dos-etfs #mundo-etf details{ border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:#fff }
    html.page-mundo-dos-etfs #mundo-etf summary{ cursor:pointer; font-weight:700; color:#0f172a }
    html.page-mundo-dos-etfs #mundo-etf details + details{ margin-top:10px }

    
    html.page-mundo-dos-etfs #mundo-etf .faq li{ margin-bottom:10px }

    
    html.page-mundo-dos-etfs #mundo-etf .note{ font-size:13px; color:#6b7280 }

/* page: nossas-estrategias */
html.page-nossas-estrategias{
        --es-primary: #061a3d;
        --es-text: #1c1c1c;
        --es-muted: #5f6b7a;
        --es-bg: #ffffff;
        --es-card: #f7f9fc;
        --es-shadow: 0 12px 30px rgba(6,26,61,0.08);
        --es-radius: 20px;
        --es-maxw: 1000px;
      }

      html.page-nossas-estrategias #estrategias{
        font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
        color: var(--es-text);
        background: var(--es-bg);
        display: grid;
        place-items: center;
        padding: 40px 16px;
      }

      html.page-nossas-estrategias #estrategias .es-wrap{
        width: 100%;
        max-width: var(--es-maxw);
      }

      
      html.page-nossas-estrategias #estrategias .es-card{
        background: var(--es-card);
        border-radius: var(--es-radius);
        box-shadow: var(--es-shadow);
        padding: clamp(22px, 3.5vw, 36px);
        border-left: 8px solid var(--es-primary);
        animation: es-fadeUp .8s ease-out both;
      }
      @keyframes es-fadeUp{
        from{ opacity: 0; transform: translateY(14px); }
        to  { opacity: 1; transform: translateY(0); }
      }

      
      html.page-nossas-estrategias #estrategias h2{
        margin: 0 0 6px;
        font-weight: 700;
        letter-spacing: 0.3px;
        font-size: clamp(26px, 4vw, 36px);
        color: var(--es-primary);
        line-height: 1.15;
      }
      html.page-nossas-estrategias #estrategias .es-sub{
        margin: 0 0 18px;
        font-size: clamp(14px, 2.2vw, 16px);
        color: var(--es-muted);
      }

      
      html.page-nossas-estrategias #estrategias p{
        margin: 14px 0;
        line-height: 1.65;
        font-size: clamp(15px, 2.4vw, 17px);
      }
      html.page-nossas-estrategias #estrategias .divider{
        height: 1px; background: #e5e7eb; margin: 16px 0; border-radius: 1px;
      }

      
      html.page-nossas-estrategias #estrategias .es-block + .es-block{ margin-top: 18px; }
      html.page-nossas-estrategias #estrategias h3{
        margin: 16px 0 8px;
        color: var(--es-primary);
        font-size: clamp(18px, 2.8vw, 22px);
      }

      
      html.page-nossas-estrategias #estrategias .es-actions{
        display: grid;
        place-items: center;
        margin-top: 10px;
      }
      html.page-nossas-estrategias #estrategias .es-btn{
        display: inline-block;
        padding: 10px 18px;
        background-color: var(--es-primary);
        color: #fff;
        text-decoration: none;
        border-radius: 6px;
        font-weight: 600;
        transition: transform .12s ease, box-shadow .2s ease, background-color .2s ease;
      }
      html.page-nossas-estrategias #estrategias .es-btn:hover{
        background-color: #0b255d;
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(6,26,61,.16);
      }
      html.page-nossas-estrategias #estrategias .es-btn:active{
        transform: translateY(0);
        box-shadow: none;
      }

/* page: nossos-fundos */
html.page-nossos-fundos{
      --fg-primary: #061a3d;
      --fg-text: #1c1c1c;
      --fg-muted: #5f6b7a;
      --fg-bg: #ffffff;
      --fg-card: #f7f9fc;
      --fg-shadow: 0 12px 30px rgba(6,26,61,0.08);
      --fg-radius: 20px;
      --fg-maxw: 1000px;
    }

    html.page-nossos-fundos #fundos-geridos{
      font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--fg-text);
      background: var(--fg-bg);
      display: grid;
      place-items: center;
      padding: 40px 16px;
    }

    html.page-nossos-fundos #fundos-geridos .fg-wrap{ width:100%; max-width: var(--fg-maxw); }

    
    html.page-nossos-fundos #fundos-geridos .fg-card{
      background: var(--fg-card);
      border-radius: var(--fg-radius);
      box-shadow: var(--fg-shadow);
      padding: clamp(22px, 3.5vw, 36px);
      border-left: 8px solid var(--fg-primary);
      animation: fg-fadeUp .8s ease-out both;
    }
    @keyframes fg-fadeUp{
      from{ opacity:0; transform: translateY(14px); }
      to  { opacity:1; transform: translateY(0); }
    }

    
    html.page-nossos-fundos #fundos-geridos h2{
      margin: 0 0 10px;
      font-weight: 700;
      letter-spacing: .3px;
      font-size: clamp(26px, 4vw, 36px);
      color: var(--fg-primary);
      line-height: 1.15;
    }
    html.page-nossos-fundos #fundos-geridos .fg-sub{
      margin: 0 0 18px;
      font-size: clamp(14px, 2.2vw, 16px);
      color: var(--fg-muted);
    }

    
    html.page-nossos-fundos #fundos-geridos .fg-grid{
      display: grid;
      gap: 14px;
      margin-top: 12px;
    }
    @media (min-width: 800px){
      html.page-nossos-fundos #fundos-geridos .fg-grid{
        grid-template-columns: 1fr 1fr;
      }
    }

    
    html.page-nossos-fundos .fundo-item{
      background: #fff;
      border: 1px solid rgba(6,26,61,0.10);
      border-radius: 14px;
      padding: 14px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    html.page-nossos-fundos .fundo-item .fundo-nome{
      font-size: clamp(16px, 2.6vw, 18px);
      font-weight: 600;
      color: #0f1a2b;
      line-height: 1.3;
      letter-spacing: .2px;
    }

    
    html.page-nossos-fundos .fg-btn{
      appearance: none;
      border: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      border-radius: 999px;
      background: var(--fg-primary);
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      text-decoration: none;
      transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
      box-shadow: 0 6px 16px rgba(6,26,61,0.18);
      white-space: nowrap;
    }
    html.page-nossos-fundos .fg-btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(6,26,61,0.22); }
    html.page-nossos-fundos .fg-btn:active{ transform: translateY(0); opacity: .9; }

/* page: para-sua-empresa */
html.page-para-sua-empresa{
      --bg:#ffffff; --text:#1f2937; --muted:#6b7280; --accent:#061a3d; --card:#f8fafc;
      --h1-size:clamp(1.6rem,2.2vw + 1rem,2.4rem);
      --h2-size:clamp(1.2rem,1.2vw + 1rem,1.6rem);
      --p-size:clamp(0.95rem,0.4vw + 0.8rem,1.05rem);
      --li-gap:0.6rem; --radius:16px; --maxw:1000px;
      --shadow:0 10px 24px rgba(2,6,23,.08);
      --border:1px solid rgba(15,23,42,.06);
    }

    
    html.page-para-sua-empresa #fidc-bloco{
      background:var(--bg); color:var(--text);
      font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif;
      display:grid; place-items:center; padding:40px 16px;
    }
    html.page-para-sua-empresa .fidc-wrap{ width:100%; max-width:var(--maxw); display:grid; gap:24px; }

    html.page-para-sua-empresa .fidc-header{ display:grid; gap:10px; padding:18px 20px 6px; border-left:4px solid var(--accent); }
    html.page-para-sua-empresa #fidc-titulo{ font-size:var(--h1-size); line-height:1.15; margin:0; color:var(--text); }
    html.page-para-sua-empresa .fidc-sub{ color:var(--muted); font-size:var(--p-size); margin:0; }

    html.page-para-sua-empresa .fidc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    @media (max-width:900px){ html.page-para-sua-empresa .fidc-grid{ grid-template-columns:1fr; } }

    html.page-para-sua-empresa .fidc-card{
      background:var(--card); border:var(--border); border-radius:var(--radius);
      padding:20px 18px; box-shadow:var(--shadow);
      opacity:0; transform:translateY(10px);
      animation:fadeUp 800ms ease-out forwards; animation-delay:var(--delay,0ms);
    }
    html.page-para-sua-empresa .fidc-card h2{ font-size:var(--h2-size); margin:0 0 8px; color:var(--text); }
    html.page-para-sua-empresa .fidc-card p{ font-size:var(--p-size); color:var(--text); margin:0 0 12px; }

    html.page-para-sua-empresa .fidc-list{
      display:grid; gap:var(--li-gap); margin:0; padding-left:1.1rem;
      font-size:var(--p-size); list-style:disc;
    }
    html.page-para-sua-empresa .fidc-note{ font-size:var(--p-size); color:var(--muted); margin-top:10px; }

    @keyframes fadeUp{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }
    @media (prefers-reduced-motion: reduce){ html.page-para-sua-empresa .fidc-card{ animation:none; opacity:1; transform:none; } }

    
    html.page-para-sua-empresa .wm-video{ margin-top:16px; }
    html.page-para-sua-empresa .wm-video .video{
      width:100%; max-width:var(--maxw); margin:0 auto;
      aspect-ratio:16 / 9; background:#000;
      border-radius:12px; box-shadow:var(--shadow);
      overflow:hidden; position:relative;
    }
    html.page-para-sua-empresa .wm-video iframe{
      position:absolute; inset:0; width:100%; height:100%;
      display:block; border:0;
    }

/* page: para-voce */
html.page-para-voce{
      
      --bg: #ffffff;
      --text: #1f2937;         
      --muted: #6b7280;        
      --accent: #061a3d;       
      --card: #f8fafc;         

      
      --h1-size: clamp(1.6rem, 2.2vw + 1rem, 2.4rem);
      --h2-size: clamp(1.2rem, 1.2vw + 1rem, 1.6rem);
      --p-size: clamp(0.95rem, 0.4vw + 0.8rem, 1.05rem);
      --li-gap: 0.6rem;
      --radius: 16px;
      --maxw: 1000px;
      --shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
      --border: 1px solid rgba(15, 23, 42, 0.06);
    }

    html.page-para-voce #wm-bloco{
      background: var(--bg);
      color: var(--text);
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
      display: grid;
      place-items: center;
      padding: 40px 16px;
    }

    html.page-para-voce .wm-wrap{
      width: 100%;
      max-width: var(--maxw);
      display: grid;
      gap: 24px;
    }

    html.page-para-voce .wm-header{
      display: grid;
      gap: 10px;
      padding: 18px 20px 6px;
      border-left: 4px solid var(--accent);
    }

    html.page-para-voce #wm-titulo{
      font-size: var(--h1-size);
      line-height: 1.15;
      margin: 0;
      color: var(--text);
    }

    html.page-para-voce .wm-sub{
      color: var(--muted);
      font-size: var(--p-size);
      margin: 0;
    }

    html.page-para-voce .wm-grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
    }

    @media (max-width: 900px){
      html.page-para-voce .wm-grid{ grid-template-columns: 1fr; }
    }

    html.page-para-voce .wm-card{
      background: var(--card);
      border: var(--border);
      border-radius: var(--radius);
      padding: 20px 18px;
      box-shadow: var(--shadow);
      opacity: 0;            
      transform: translateY(10px);
      animation: wmFadeUp 800ms ease-out forwards;
      animation-delay: var(--delay, 0ms);
    }

    html.page-para-voce .wm-card h2{
      font-size: var(--h2-size);
      margin: 0 0 8px;
      color: var(--text);
    }

    html.page-para-voce .wm-card p{
      font-size: var(--p-size);
      color: var(--text);
      margin: 0 0 12px;
    }

    html.page-para-voce .wm-list{
      display: grid;
      gap: var(--li-gap);
      margin: 0;
      padding-left: 1.1rem;
      font-size: var(--p-size);
      list-style-type: disc;
    }

    html.page-para-voce .wm-bullet{
      margin: 0;
      color: var(--text);
    }

    html.page-para-voce .wm-note{
      font-size: var(--p-size);
      color: var(--muted);
      margin-top: 10px;
    }

    
    @keyframes wmFadeUp{
      from{ opacity: 0; transform: translateY(14px); }
      to  { opacity: 1; transform: translateY(0); }
    }
    @media (prefers-reduced-motion: reduce){
      html.page-para-voce .wm-card{ animation: none; opacity: 1; transform: none; }
    }

    
    html.page-para-voce .wm-video{
      margin-top: 6px;
      display: grid;
      gap: 8px;
    }
    html.page-para-voce .wm-video .video{
      position: relative;
      width: 100%;
      max-width: var(--maxw);
      margin: 0 auto;
    }
    html.page-para-voce .wm-video .video::before{
      content:"";
      display:block;
      padding-top:56.25%; 
    }
    html.page-para-voce .wm-video iframe{
      position:absolute; inset:0;
      width:100%; height:100%;
      border:0; border-radius: 12px;
      box-shadow: var(--shadow);
      background:#000;
    }

/* page: perfil-do-investidor */
html.page-perfil-do-investidor{
        --fg-primary: #061a3d;
        --fg-question: #5f6b7a;
        --fg-card: #f7f9fc;
        --fg-shadow: 0 12px 30px rgba(6, 26, 61, 0.08);
        --fg-radius: 18px;
        --fg-maxw: 900px;
        --white: #ffffff;
        --maxw: 1100px;
      }
      html.page-perfil-do-investidor .page{
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 0 16px;
      }
      html.page-perfil-do-investidor .optimizer-stack{
        display:flex;
        flex-direction:column;
        gap:24px;
      }
      html.page-perfil-do-investidor, html.page-perfil-do-investidor body{
        background: #f5f7fb;
        margin: 0;
        padding: 0;
        font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto,
          Arial, sans-serif;
        color: var(--fg-question);
        min-height:100vh;
        display:flex;
        flex-direction:column;
      }
      html.page-perfil-do-investidor .site-main{
        flex:1;
        width:100%;
      }
      html.page-perfil-do-investidor footer{
        margin-top:40px;
      }
      html.page-perfil-do-investidor .wrap{
        width: 100%;
        max-width: var(--fg-maxw);
        margin: 32px auto;
        padding: 0 16px;
      }
      html.page-perfil-do-investidor .layout-block{
        width:100%;
        max-width:var(--maxw);
        margin:32px auto;
        padding:0 16px;
      }
      html.page-perfil-do-investidor .layout-block:last-of-type{
        margin-bottom:140px;
        padding-bottom:40px;
      }
      html.page-perfil-do-investidor .section-block{
        margin: 40px auto;
      }
      html.page-perfil-do-investidor .card{
        background: var(--fg-card);
        border-left: 8px solid var(--fg-primary);
        border-radius: var(--fg-radius);
        box-shadow: var(--fg-shadow);
        padding: clamp(20px, 3vw, 30px);
        margin: 16px 0;
        animation: fadeUp 0.5s ease-out both;
      }
      html.page-perfil-do-investidor .card.quiz-card{
        border-left:none;
      }
      html.page-perfil-do-investidor .simulation-block{
        margin-top:32px;
        padding-top:24px;
        border-top:1px solid rgba(6,26,61,.08);
      }
      @keyframes fadeUp{
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      html.page-perfil-do-investidor .title{
        margin: 0 0 8px 0;
        font-weight: 800;
        letter-spacing: 0.3px;
        font-size: clamp(22px, 3vw, 28px);
        color: var(--fg-primary);
      }
      html.page-perfil-do-investidor .sub{
        margin: 0;
        color: var(--fg-question);
        font-size: 14px;
      }
      html.page-perfil-do-investidor .h3{
        margin: 6px 0 6px;
        font-weight: 700;
        color: var(--fg-primary);
      }
      html.page-perfil-do-investidor .card.intro h3 + p{
        margin-top:4px;
      }
      html.page-perfil-do-investidor .badge{
        display: inline-block;
        padding: 4px 10px;
        border-radius: 999px;
        background: var(--fg-primary);
        color: #fff;
        font-weight: 700;
        font-size: 12px;
      }
      html.page-perfil-do-investidor .btnbar{
        display: flex;
        gap: 10px;
        margin-top: 14px;
        flex-wrap: wrap;
      }
      html.page-perfil-do-investidor button{
        border-radius: 999px;
        padding: 10px 16px;
        font-weight: 700;
        border: 1px solid transparent;
        cursor: pointer;
        transition: transform 0.05s ease, filter 0.12s ease, 
        background 0.12s ease, color 0.12s ease;
      }
      html.page-perfil-do-investidor button:active{
        transform: scale(0.98);
      }
      html.page-perfil-do-investidor .btn-primary{
        background: #fff;
        color: #000;
        border-color: #000;
      }
      html.page-perfil-do-investidor .btn-primary:hover{
        filter: brightness(0.96);
      }
      html.page-perfil-do-investidor .btn-secondary{
        background: var(--fg-primary);
        color: #fff;
        border-color: var(--fg-primary);
      }
      html.page-perfil-do-investidor .btn-secondary:hover{
        filter: brightness(1.06);
      }
      html.page-perfil-do-investidor .small-muted{
        font-size: 12px;
        color: #8a95a3;
      }
      html.page-perfil-do-investidor .hr{
        height: 1px;
        background: #e9eef5;
        margin: 14px 0;
        border: 0;
      }
      html.page-perfil-do-investidor .card.intro{
        min-height: 420px;
        background: #061a3d;
        color: #f4f7ff;
        border-left: none;
      }
      html.page-perfil-do-investidor .card.intro .title, html.page-perfil-do-investidor .card.intro .sub, html.page-perfil-do-investidor .card.intro h3, html.page-perfil-do-investidor .card.intro p{
        color: #f4f7ff;
      }
      html.page-perfil-do-investidor .card.intro .h3{
        background: rgba(255, 255, 255, 0.1);
        border-left: none;
        color: #ffffff;
      }
      html.page-perfil-do-investidor .quiz-card{
        display:flex;
        flex-direction:column;
        gap:18px;
      }
      html.page-perfil-do-investidor .quiz-card #app{
        margin-top:0;
        border-radius:16px;
        border:1px solid rgba(6,26,61,.08);
        padding:8px;
        background:#fff;
      }
      html.page-perfil-do-investidor .progress{
        width: 100%;
        height: 8px;
        background: #e9eef5;
        border-radius: 999px;
        overflow: hidden;
        margin: 10px 0 14px;
      }
      html.page-perfil-do-investidor .progress > div{
        height: 100%;
        width: 0%;
        background: var(--fg-primary);
        transition: width 0.25s ease;
      }
      html.page-perfil-do-investidor .q-text{
        margin: 10px 0 6px;
        color: var(--fg-question);
      }
      html.page-perfil-do-investidor .options{
        margin-top: 8px;
      }
      html.page-perfil-do-investidor .option{
        display: flex;
        align-items: flex-start;
        gap: 8px;
        margin: 8px 0;
        line-height: 1.35;
      }
      html.page-perfil-do-investidor .option label{
        cursor: pointer;
      }
      html.page-perfil-do-investidor .chip-perfil{
        display: inline-block;
        padding: 8px 14px;
        border-radius: 999px;
        background: #061a3d;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        box-shadow: 0 8px 18px rgba(6, 26, 61, 0.18);
      }
      html.page-perfil-do-investidor .sbar-wrap{
        margin: 28px 0 6px;
      }
      html.page-perfil-do-investidor .sbar{
        position: relative;
        height: 22px;
        border-radius: 999px;
        overflow: visible;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
        display: flex;
        width: 100%;
      }
      html.page-perfil-do-investidor .sseg{
        height: 100%;
      }
      html.page-perfil-do-investidor .sseg.cons{
        background: #39ff14;
      }
      html.page-perfil-do-investidor .sseg.mod{
        background: #fff200;
      }
      html.page-perfil-do-investidor .sseg.arro{
        background: #ff073a;
      }
      html.page-perfil-do-investidor .marker{
        position: absolute;
        top: -22px;
        transform: translateX(-50%);
        pointer-events: none;
      }
      html.page-perfil-do-investidor .marker i{
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 14px solid #061a3d;
      }
      html.page-perfil-do-investidor .marker span{
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 12px;
        background: #061a3d;
        color: #fff;
        padding: 2px 8px;
        border-radius: 999px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
        white-space: nowrap;
      }
      html.page-perfil-do-investidor .slabels{
        display: flex;
        justify-content: space-between;
        gap: 8px;
        font-size: 12px;
        color: var(--fg-question);
        margin-top: 8px;
      }
      html.page-perfil-do-investidor .metric{
        margin: 10px 0 6px;
        display: flex;
        align-items: baseline;
        gap: 12px;
      }
      html.page-perfil-do-investidor .metric .label{
        font-size: 14px;
        color: var(--fg-question);
      }
      html.page-perfil-do-investidor .metric .value{
        font-size: 24px;
        font-weight: 800;
        color: var(--fg-primary);
      }
      html.page-perfil-do-investidor .answer-item{
        margin-bottom: 8px;
      }
      html.page-perfil-do-investidor .answer-item b{
        color: var(--fg-question);
      }
      html.page-perfil-do-investidor .warn{
        color: #b00020;
        font-weight: 600;
        margin-top: 6px;
      }
      html.page-perfil-do-investidor .input{
        flex: 1;
        min-width: 240px;
        padding: 10px 12px;
        border-radius: 12px;
        border: 1px solid #c9d1e2;
      }
      html.page-perfil-do-investidor .input:focus{
        outline: none;
        box-shadow: 0 0 0 3px rgba(6, 26, 61, 0.12);
      }
      html.page-perfil-do-investidor .form-row{
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        width: 100%;
        margin: 10px 0 0;
      }
      
      html.page-perfil-do-investidor .grid-2{
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
      }
      @media (min-width: 800px){
        html.page-perfil-do-investidor .grid-2{
          grid-template-columns: 1fr 1fr;
        }
      }
      html.page-perfil-do-investidor table{
        width: 100%;
        border-collapse: collapse;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
      }
      html.page-perfil-do-investidor thead th{
        text-align: left;
        background: #eef2f8;
        padding: 10px 12px;
        color: #061a3d;
        font-weight: 700;
      }
      html.page-perfil-do-investidor tbody td{
        padding: 10px 12px;
        border-top: 1px solid #eef2f8;
      }
      
      html.page-perfil-do-investidor .push-right{ 
        margin-left: auto; 
      }

/* page: rebal_etf (scoped to estrategia-etf) */
html.page-estrategia-etf{
    --site-blue: #0e3a8a;
    --accent: #f59e0b;
    --card: #f8fafc;
    --card-border: #e5e7eb;
    --ink: #0f172a;
    --muted: #6b7280;
    --shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
    --radius: 14px;
  }
  html.page-estrategia-etf *{
    box-sizing: border-box;
  }
  html.page-estrategia-etf, html.page-estrategia-etf body{
    margin: 0;
    background: #fff;
    color: var(--ink);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }
  html.page-estrategia-etf .page{
    max-width: 1600px;
    margin: 0 auto;
    padding: 24px 16px;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 18px;
  }
  @media (max-width: 980px){
    html.page-estrategia-etf .page{
      grid-template-columns: 1fr;
    }
    html.page-estrategia-etf .sidebar{
      position: static;
    }
  }

  html.page-estrategia-etf .sidebar{
    position: sticky;
    top: 18px;
    align-self: start;
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 14px 16px;
  }
  html.page-estrategia-etf .brand{
    margin: 0 0 6px;
    color: var(--site-blue);
    font-weight: 800;
    font-size: clamp(18px, 2.6vw, 22px);
  }
  html.page-estrategia-etf .caption{
    margin: 0 0 8px;
    color: var(--muted);
    font-size: 13px;
  }

  html.page-estrategia-etf label{
    font-weight: 700;
    font-size: 13px;
    display: block;
    margin: 10px 0 6px;
  }
  html.page-estrategia-etf input[type="number"], html.page-estrategia-etf input[type="date"], html.page-estrategia-etf input[type="text"], html.page-estrategia-etf input[type="email"]{
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #cfd6e4;
    border-radius: 10px;
    background: #fff;
    outline: none;
  }
  html.page-estrategia-etf .row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  html.page-estrategia-etf .btn{
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 800;
    cursor: pointer;
    border: 1px solid transparent;
  }
  html.page-estrategia-etf .btn.primary{
    background: var(--site-blue);
    color: #fff;
    border-color: var(--site-blue);
  }
  html.page-estrategia-etf .btn.secondary{
    background: #fff;
    color: #000;
    border-color: #000;
  }
  html.page-estrategia-etf .actions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
  }
  html.page-estrategia-etf .hr{
    height: 1px;
    background: #e9eef5;
    border: 0;
    margin: 12px 0;
  }

  html.page-estrategia-etf .card{
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 16px 18px;
  }
  html.page-estrategia-etf h1{
    margin: 0 0 4px;
    color: var(--site-blue);
  }
  html.page-estrategia-etf .sub{
    margin: 0 0 12px;
    color: var(--muted);
  }

  html.page-estrategia-etf .kpis{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin-top: 8px;
  }
  html.page-estrategia-etf .kpi{
    background: #fff;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    padding: 10px 12px;
  }
  html.page-estrategia-etf .kpi .lab{
    font-size: 12px;
    color: var(--muted);
    margin: 0 0 4px;
  }
  html.page-estrategia-etf .kpi .val{
    font-size: clamp(18px, 3vw, 28px);
    font-weight: 800;
    margin: 0;
  }

  html.page-estrategia-etf .charts img{
    width: 100%;
    height: auto;
    max-height: 520px;
    display: block;
    border-radius: 12px;
    border: 1px solid var(--card-border);
    background: var(--site-blue);
  }
  html.page-estrategia-etf .table-wrap{
    background: #fff;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    overflow: auto;
  }
  html.page-estrategia-etf th, html.page-estrategia-etf td{
    padding: 8px 10px;
    border-bottom: 1px solid var(--card-border);
  }
  html.page-estrategia-etf th{
    background: #f3f6fb;
    text-align: left;
  }
  html.page-estrategia-etf .errors{
    color: #b00020;
    font-weight: 800;
    margin-top: 10px;
  }

  
  html.page-estrategia-etf .multi-wrap{
    background: #fff;
    border: 1px solid #cfd6e4;
    border-radius: 10px;
    padding: 10px;
  }
  html.page-estrategia-etf .multi-top{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }
  html.page-estrategia-etf .multi-top input{
    flex: 1;
    padding: 8px 10px;
    border: 1px solid #d7deea;
    border-radius: 8px;
  }
  html.page-estrategia-etf .multi-top .small{
    color: var(--muted);
    font-size: 12px;
  }
  html.page-estrategia-etf .chipbox{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
  }
  html.page-estrategia-etf .chip{
    background: #eef2ff;
    border: 1px solid #dbe3ff;
    color: #273361;
    padding: 4px 8px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 12px;
  }
  html.page-estrategia-etf .list{
    max-height: 260px;
    overflow: auto;
    border: 1px solid #eef2f7;
    border-radius: 8px;
  }
  html.page-estrategia-etf .row-item{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid #f1f4f8;
  }
  html.page-estrategia-etf .row-item:last-child{
    border-bottom: 0;
  }
  html.page-estrategia-etf .row-item input{
    width: 16px;
    height: 16px;
  }
  html.page-estrategia-etf .list .empty{
    padding: 10px;
    color: var(--muted);
    font-size: 13px;
  }
  html.page-estrategia-etf .multi-actions{
    display: flex;
    gap: 10px;
    margin-top: 8px;
    flex-wrap: wrap;
  }
  html.page-estrategia-etf .counter{
    color: var(--muted);
    font-size: 12px;
    margin-left: auto;
  }

/* page: rio-amazonas */
html.page-rio-amazonas #fundo-rio-amazonas{
          --fx-primary: #061a3d;
          --fx-text: #1c1c1c;
          --fx-muted: #5f6b7a;
          --fx-bg: #ffffff;
          --fx-card: #f7f9fc;
          --fx-shadow: 0 12px 30px rgba(6, 26, 61, 0.08);
          --fx-radius: 20px;
          --fx-maxw: 900px;

          font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto,
            Arial, sans-serif;
          color: var(--fx-text);
          background: var(--fx-bg);
          display: grid;
          place-items: center;
          padding: 40px 16px;
        }
        html.page-rio-amazonas #fundo-rio-amazonas .fx-wrap{
          width: 100%;
          max-width: var(--fx-maxw);
        }

        html.page-rio-amazonas #fundo-rio-amazonas .fx-card{
          background: var(--fx-card);
          border-radius: var(--fx-radius);
          box-shadow: var(--fx-shadow);
          padding: clamp(22px, 3.5vw, 36px);
          border-left: 8px solid var(--fx-primary);
          animation: fx-fadeUp 0.8s ease-out both;
        }
        @keyframes fx-fadeUp{
          from {
            opacity: 0;
            transform: translateY(14px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        html.page-rio-amazonas #fundo-rio-amazonas h2{
          margin: 0 0 6px;
          font-weight: 700;
          letter-spacing: 0.3px;
          font-size: clamp(26px, 4vw, 36px);
          color: var(--fx-primary);
          line-height: 1.15;
        }
        html.page-rio-amazonas #fundo-rio-amazonas .fx-sub{
          margin: 0 0 18px;
          font-size: clamp(14px, 2.2vw, 16px);
          color: var(--fx-muted);
        }

        html.page-rio-amazonas #fundo-rio-amazonas .fx-status{
          display: inline-flex;
          align-items: center;
          gap: 10px;
          background: #fff;
          border: 1px solid rgba(6, 26, 61, 0.15);
          border-radius: 999px;
          padding: 10px 14px;
          margin-top: 8px;
          box-shadow: 0 6px 16px rgba(6, 26, 61, 0.08);
          font-size: 14px;
          font-weight: 600;
          color: #0f1a2b;
        }
        html.page-rio-amazonas #fundo-rio-amazonas .fx-dot{
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #ffc107; 
          box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.18);
        }
        html.page-rio-amazonas #fundo-rio-amazonas .fx-note{
          margin-top: 12px;
          color: var(--fx-muted);
          font-size: 14px;
          line-height: 1.6;
        }

/* page: rio-purus */
html.page-rio-purus #fundo-rio-purus{
          --fx-primary: #061a3d;
          --fx-text: #1c1c1c;
          --fx-muted: #5f6b7a;
          --fx-bg: #ffffff;
          --fx-card: #f7f9fc;
          --fx-shadow: 0 12px 30px rgba(6, 26, 61, 0.08);
          --fx-radius: 20px;
          --fx-maxw: 900px;

          font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto,
            Arial, sans-serif;
          color: var(--fx-text);
          background: var(--fx-bg);
          display: grid;
          place-items: center;
          padding: 40px 16px;
        }
        html.page-rio-purus #fundo-rio-purus .fx-wrap{
          width: 100%;
          max-width: var(--fx-maxw);
        }

        html.page-rio-purus #fundo-rio-purus .fx-card{
          background: var(--fx-card);
          border-radius: var(--fx-radius);
          box-shadow: var(--fx-shadow);
          padding: clamp(22px, 3.5vw, 36px);
          border-left: 8px solid var(--fx-primary);
          animation: fx-fadeUp 0.8s ease-out both;
        }
        @keyframes fx-fadeUp{
          from {
            opacity: 0;
            transform: translateY(14px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        html.page-rio-purus #fundo-rio-purus h2{
          margin: 0 0 6px;
          font-weight: 700;
          letter-spacing: 0.3px;
          font-size: clamp(26px, 4vw, 36px);
          color: var(--fx-primary);
          line-height: 1.15;
        }
        html.page-rio-purus #fundo-rio-purus .fx-sub{
          margin: 0 0 18px;
          font-size: clamp(14px, 2.2vw, 16px);
          color: var(--fx-muted);
        }

        html.page-rio-purus #fundo-rio-purus .fx-status{
          display: inline-flex;
          align-items: center;
          gap: 10px;
          background: #fff;
          border: 1px solid rgba(6, 26, 61, 0.15);
          border-radius: 999px;
          padding: 10px 14px;
          margin-top: 8px;
          box-shadow: 0 6px 16px rgba(6, 26, 61, 0.08);
          font-size: 14px;
          font-weight: 600;
          color: #0f1a2b;
        }
        html.page-rio-purus #fundo-rio-purus .fx-dot{
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #ffc107; 
          box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.18);
        }
        html.page-rio-purus #fundo-rio-purus .fx-note{
          margin-top: 12px;
          color: var(--fx-muted);
          font-size: 14px;
          line-height: 1.6;
        }

/* page: rodape */
:root{
    --brand:#061a3d;     
    --gold:#e6c77a;      
    --muted:#6b7280;     
    --border:#e8e8e8;    
    --bg:#ffffff;
  }

  .site-footer, .site-footer *{ box-sizing:border-box; }
  .site-footer{
    font-family:'Montserrat',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:#1f2937; background:var(--bg); border-top:1px solid var(--border);
  }
  .site-footer .container{
    max-width:1200px; margin:0 auto; padding:36px 16px;
  }

  
  .footer-badges{
    display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
    align-items:center; justify-items:center;
  }
  .footer-badges img{
    max-width:220px; height:auto; display:block; object-fit:contain;
    filter:none;
  }

  
  .footer-contacts{
    display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
    text-align:center; margin-top:28px;
  }
  .footer-contacts h3{
    margin:10px 0 10px; font-size:1.05rem; color:var(--brand); letter-spacing:.02em;
  }
  .footer-contacts p{ margin:4px 0; }
  .footer-contacts a{
    color:var(--brand); text-decoration:none; font-weight:600;
    transition: color .15s ease-in-out;
  }
  .footer-contacts a:hover{ color:var(--gold); }

  
  .footer-disclaimer{
    margin-top:36px; text-align:center;
  }
  .footer-logo{
    width:200px; height:200px; border-radius:50%; display:inline-block;
    background:#f5f7fa center/cover no-repeat;
    margin:0 auto 8px; overflow:hidden;
  }
  .footer-logo img{ width:100%; height:100%; object-fit:cover; display:block; }

  .footer-disclaimer small{ display:block; color:#7a8596; margin-bottom:10px; }
  .footer-disclaimer p{
    max-width:900px; margin:0 auto; line-height:1.6; color:var(--muted);
    font-size:.95rem;
  }

  
  .footer-bottom{
    margin-top:28px; padding-top:18px; border-top:1px solid var(--border);
    text-align:center; color:#7a8596; font-size:.92rem;
  }
  .footer-bottom .sep{ display:block; margin-top:6px; }

  
  @media (max-width: 960px){
    .footer-badges{ grid-template-columns:1fr 1fr; }
    .footer-contacts{ grid-template-columns:1fr; }
  }
  @media (max-width: 640px){
    .footer-badges{ grid-template-columns:1fr; }
    .footer-logo{ width:90px; height:90px; }
  }

/* page: widget-whatsapp */
.whats-widget{ position:fixed; right:16px; bottom:16px; z-index:1000; font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
  .whats-fab{
    display:inline-flex; align-items:center; gap:.5rem;
    background:#061a3d; color:#fff; border:none; border-radius:999px; padding:.6rem .9rem;
    box-shadow:0 10px 30px rgba(6,26,61,.25); cursor:pointer;
  }
  .whats-fab .badge{
    background:#1dbf73; color:#061a3d; font-weight:700; font-size:.7rem; border-radius:999px; padding:.15rem .5rem;
  }
  .whats-panel{ margin-top:.5rem; }
  .whats-panel .card{
    width: 280px; background:#fff; color:#061a3d; border:1px solid #e8e8e8; border-radius:16px; padding:14px;
    box-shadow:0 16px 40px rgba(6,26,61,.18);
  }
  .whats-panel .header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:.25rem; }
  .whats-panel .msg{ margin:.25rem 0 .75rem; color:#5f6b7a; }
  .whats-panel .cta{
    display:block; text-align:center; text-decoration:none; font-weight:700;
    background:#e6c77a; color:#061a3d; padding:.6rem .8rem; border-radius:10px; border:1px solid #d8b86c;
  }
  .whats-panel .cta:hover{ filter:brightness(1.03); }
  .whats-panel .foot{ display:block; color:#8b96a6; margin-top:.5rem; }
  @media (max-width: 480px){
    .whats-widget{ right:12px; bottom:12px; }
    .whats-panel .card{ width: 88vw; }
  }