.elementor-335 .elementor-element.elementor-element-4561527{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-335 .elementor-element.elementor-element-4561527:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-4561527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://attiswealth.com/wp-content/uploads/2025/10/commodit-sem-texto-1.png");background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-12ea102{text-align:center;}.elementor-335 .elementor-element.elementor-element-12ea102 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:70px;font-weight:600;color:var( --e-global-color-134df17 );}.elementor-335 .elementor-element.elementor-element-58f9ea4{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-335 .elementor-element.elementor-element-58f9ea4:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-58f9ea4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0129;}.elementor-335 .elementor-element.elementor-element-b93db57{text-align:center;}.elementor-335 .elementor-element.elementor-element-b93db57 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:70px;font-weight:600;color:var( --e-global-color-134df17 );}.elementor-335 .elementor-element.elementor-element-f9d0b97{--display:flex;--min-height:172px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-23a24ff{text-align:start;}.elementor-335 .elementor-element.elementor-element-23a24ff .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:39px;font-weight:600;color:var( --e-global-color-11a885f );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-ff61250{font-family:"Playfair Display", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-26a2c6f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-335 .elementor-element.elementor-element-9a83e45{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-335 .elementor-element.elementor-element-04b0f55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-44c8f26{font-family:"Inter", Sans-serif;font-size:21px;font-weight:400;}.elementor-335 .elementor-element.elementor-element-968cc01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-7e21727{font-family:"Inter", Sans-serif;font-size:21px;font-weight:400;}.elementor-335 .elementor-element.elementor-element-cb9e52b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-782389c{font-family:"Inter", Sans-serif;font-size:21px;font-weight:400;}.elementor-335 .elementor-element.elementor-element-450a005{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-94d2759 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:27px;font-weight:600;}.elementor-335 .elementor-element.elementor-element-bdd62c8{--display:flex;--min-height:120px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-bdd62c8:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-bdd62c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0129;}.elementor-335 .elementor-element.elementor-element-113f4aa{text-align:center;}.elementor-335 .elementor-element.elementor-element-113f4aa .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:39px;font-weight:600;color:var( --e-global-color-134df17 );}.elementor-335 .elementor-element.elementor-element-135cb3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-b4e23db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-da88cc4{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-widget-progress .elementor-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar{background-color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-2826212 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-2826212 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-dfbaaba{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-5c784ba .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-5c784ba .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-acd1dfb .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-acd1dfb .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-7d19cfa .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-7d19cfa .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-4dda5e4 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-4dda5e4 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-09892ff .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-09892ff .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-5eee306{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-1d6ea7f .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-1d6ea7f .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-224b448 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-224b448 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-855663f .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-855663f .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-8ec9155{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-38fcda8 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-38fcda8 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-682a293 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-682a293 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-7053b08 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-7053b08 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-38f2281 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-38f2281 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-05ba3bf .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-05ba3bf .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-9f66974 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-9f66974 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-61aab30 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-61aab30 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-7acd118{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-eb0e448 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-eb0e448 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-ce9efeb .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-ce9efeb .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-eedaef9 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-eedaef9 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-6f42f49 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-6f42f49 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-340f003 .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-340f003 .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-278519c .elementor-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-335 .elementor-element.elementor-element-278519c .elementor-progress-wrapper{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-91fe0d5{--display:flex;--min-height:101px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-91fe0d5:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-91fe0d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-134df17 );}.elementor-335 .elementor-element.elementor-element-53419f3{width:var( --container-widget-width, 98.018% );max-width:98.018%;--container-widget-width:98.018%;--container-widget-flex-grow:0;text-align:center;}.elementor-335 .elementor-element.elementor-element-53419f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-335 .elementor-element.elementor-element-53419f3 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-0553de4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-e5f33a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:88px;}.elementor-335 .elementor-element.elementor-element-e5f33a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-335 .elementor-element.elementor-element-1a9e4ca{text-align:center;}.elementor-335 .elementor-element.elementor-element-1a9e4ca .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-335 .elementor-element.elementor-element-9b16e24 .elementor-button{background-color:#010740;font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:600;border-radius:15px 15px 15px 15px;}.elementor-335 .elementor-element.elementor-element-9b16e24 .elementor-button:hover, .elementor-335 .elementor-element.elementor-element-9b16e24 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-9b16e24{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-335 .elementor-element.elementor-element-d3d8866{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-d3d8866.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-335 .elementor-element.elementor-element-8f2a9fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-4fd0fca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-335 .elementor-element.elementor-element-dfbaaba{--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-5eee306{--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-8ec9155{--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-7acd118{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-335 .elementor-element.elementor-element-12ea102 .elementor-heading-title{font-size:50px;}.elementor-335 .elementor-element.elementor-element-b93db57 .elementor-heading-title{font-size:50px;}.elementor-335 .elementor-element.elementor-element-dfbaaba{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-5eee306{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-8ec9155{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-335 .elementor-element.elementor-element-7acd118{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-335 .elementor-element.elementor-element-04b0f55{--width:33.3333%;}.elementor-335 .elementor-element.elementor-element-968cc01{--width:33.3333%;}.elementor-335 .elementor-element.elementor-element-cb9e52b{--width:33.3333%;}.elementor-335 .elementor-element.elementor-element-b4e23db{--content-width:1215px;}.elementor-335 .elementor-element.elementor-element-e5f33a7{--width:44%;}.elementor-335 .elementor-element.elementor-element-d3d8866{--width:50.423%;}}/* Start custom CSS for html, class: .elementor-element-506d86f *//* ========================================================================= */
/* VARIÁVEIS EXTRAS PARA GRÁFICO DOUGHNUT */
/* ========================================================================= */
:root {
    /* Cores do Gráfico Doughnut (Novas e Reutilizadas) */
    --primary-navy-dark: #010740; /* 40% - Mais escuro */
    --primary-navy: #1a237e;     /* 25% - Navy */
    --primary-gold: #d4af37;     /* 15% - Gold */
    --primary-gold-light: #e6c866; /* 15% - Gold Mais claro */
    --charcoal: #1a202c;         /* 5% - Base Escura */

    /* Classes de tipografia (ajuste conforme seu global.css) */
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Inter', sans-serif;
}

/* Utilitários de Cor para o Gráfico */
.color-navy { background-color: var(--primary-navy-dark); }
.color-gold { background-color: var(--primary-gold); }
.color-navy-light { background-color: var(--primary-navy); }
.color-gold-light { background-color: var(--primary-gold-light); }
.color-charcoal { background-color: var(--charcoal); }

/* Utilitários de Layout */
.doughnut-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
}
.border-top-navy { border-top: 2px solid var(--primary-navy); }
.pt-2 { padding-top: 0.5rem; }
.mt-2 { margin-top: 0.5rem; }


/* ========================================================================= */
/* 1. DOUGHNUT CHART - ESTILIZAÇÃO CSS PURA */
/* ========================================================================= */
.doughnut-chart-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.chart-wrapper {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 0 10px var(--light-gray);
}

.doughnut-chart {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    /* LÓGICA DO GRÁFICO: CONIC-GRADIENT (5 CATEGORIAS) */
    background: conic-gradient(
        /* Metais Preciosos (40%) */
        var(--primary-navy-dark) 0% 40%, 
        /* Lastros Estratégicos (15%) */
        var(--primary-gold) 40% 55%, 
        /* Commodities Agrícolas (25%) */
        var(--primary-navy) 55% 80%, 
        /* Metais Industriais (15%) */
        var(--primary-gold-light) 80% 95%, 
        /* Energia (5%) */
        var(--charcoal) 95% 100% 
    );
}

.chart-center {
    width: 60%;
    height: 60%;
    background: var(--cream); /* Fundo do "buraco" do doughnut */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}


/* ========================================================================= */
/* 2. LEGENDA (LISTA DE CORES) */
/* ========================================================================= */
.legend-list {
    list-style: none;
    padding: 0;
}

.legend-item {
    font-family: var(--font-body);
    font-size: 1.1rem;
    padding: 10px 15px;
    margin-bottom: 8px;
    border-radius: 4px;
    color: white;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}
.legend-item .percent {
    font-family: var(--font-mono);
}


/* ========================================================================= */
/* 3. LISTA DE DETALHES INDIVIDUAIS (17 ATIVOS) */
/* ========================================================================= */
.detail-list-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 40px;
}
.detail-card {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--subtle);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.detail-card h4 {
    border-bottom: 2px solid var(--subtle);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: var(--font-heading);
    font-size: 1.3rem;
}
.detail-line {
    font-family: var(--font-body);
    font-size: 0.95rem;
    color: var(--dark-gray);
    margin-bottom: 4px;
}
.border-top {
    border-top: 1px dotted var(--medium-gray);
}


/* ========================================================================= */
/* 4. RESPONSIVIDADE */
/* ========================================================================= */

@media (max-width: 900px) {
    /* Tablet: Quebra o Doughnut e a Legenda em duas linhas */
    .doughnut-content-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .doughnut-chart-container {
        order: -1; /* Coloca o gráfico acima da legenda */
    }
    .detail-list-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas em tablet */
    }
}

@media (max-width: 550px) {
    /* Mobile: Gráfico menor e 1 coluna para os detalhes */
    .chart-wrapper {
        width: 250px;
        height: 250px;
    }
    .detail-list-grid {
        grid-template-columns: 1fr; /* 1 coluna em mobile */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c98487f *//* ========================================================================= */
/* 1. VARIÁVEIS DE DESIGN E CORES INSTITUCIONAIS */
/* ========================================================================= */
:root {
    --primary-navy-dark: #010740; /* Novo Azul para Títulos Principais */
    --primary-navy: #1a237e;     /* Azul Institucional */
    --primary-gold: #d4af37;     /* Gold */
    --cream: #fefcf8;            
    --pearl: #f8f6f0;            
    --light-gray: #f5f5f5;
    --medium-gray: #6b7280;
    --dark-gray: #2d3748;
    --subtle: #e5e7eb;
    
    --font-display: 'Playfair Display', serif;
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Inter', sans-serif;
    /* Tamanhos básicos de tipografia (ajuste conforme seu global.css) */
    --size-h1: 2.5rem; 
    --size-h2: 2rem;
    --size-body-large: 1.125rem;
    --size-body-super-large: 1.25rem;
}

/* Utilitários de Layout (Definidos em Elementor Pro) */
.section-padding { padding: 80px 0; }
.bg-cream { background-color: var(--cream); }
.text-navy-dark { color: var(--primary-navy-dark); font-family: var(--font-display); }
.text-primary-gold { color: var(--primary-gold); }
.text-dark-gray { color: var(--dark-gray); }
.text-navy { color: var(--primary-navy); }
.body-super-large { font-size: var(--size-body-super-large); }
.body-large { font-size: var(--size-body-large); }

/* Tipografia (ajuste se suas classes do Elementor forem diferentes) */
.heading-1 { font-family: var(--font-display); font-size: var(--size-h1); font-weight: 700; }
.heading-2 { font-family: var(--font-heading); font-size: var(--size-h2); font-weight: 700; }


/* ========================================================================= */
/* ESTILOS DA SEÇÃO PRESENÇA GLOBAL (ACORDEÃO DE PAÍSES) */
/* ========================================================================= */

.container-global {
    max-width: 1000px;
    margin: 0 auto;
}

/* Estilo do Título de Região */
.region-title-styled {
    font-family: var(--font-display);
    color: var(--primary-gold);
    border-bottom: 2px solid var(--primary-gold);
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-top: 35px;
}

/* 1. Estrutura do Item (Acordeão) */
.country-item {
    border: 1px solid var(--subtle);
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: box-shadow 0.3s, border-color 0.3s;
}

/* Esconde o checkbox */
.country-toggle {
    display: none; 
}

/* 2. Estilo do Cabeçalho (Área Clicável) */
.country-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    background-color: white;
    cursor: pointer;
    font-weight: 600;
    color: var(--primary-navy);
    transition: background-color 0.3s;
}

.country-header:hover {
    background-color: var(--light-gray);
}

.country-name {
    /* Nome do país com a fonte maior e mais elegante */
    font-family: var(--font-heading);
    font-size: 1.4rem;
    flex-grow: 1;
    text-align: left;
}
.country-role {
    font-size: 0.95rem;
    color: var(--medium-gray);
    max-width: 50%;
    text-align: right;
}

/* Ícone de Expansão (Seta) */
.country-header::after {
    content: '▼';
    font-size: 0.7rem;
    margin-left: 15px;
    color: var(--primary-gold);
    transition: transform 0.3s;
}

/* 3. Estilo Ativo: DESTAQUE GOLD QUANDO EXPANDIDO */
.country-toggle:checked ~ .country-header {
    background-color: var(--light-gray);
    /* Borda inferior dourada para destaque */
    border-bottom: 2px solid var(--primary-gold); 
}

.country-toggle:checked + .country-header::after {
    transform: rotate(180deg);
}

.country-toggle:checked ~ .country-details {
    /* ADICIONA O BOX SHADOW GOLD QUANDO ATIVA */
    box-shadow: 0 0 0 2px var(--primary-gold); 
    border-radius: 0 0 8px 8px;
    background-color: var(--light-gray);
}


/* 4. Estilo da Área de Detalhes (Resposta) */
.country-details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    padding: 0 25px;
    background-color: var(--light-gray);
}

.country-toggle:checked ~ .country-details {
    max-height: 500px; /* Suficiente para caber o conteúdo */
    padding-bottom: 15px;
}

.details-grid {
    display: grid;
    /* Divide em duas colunas, mas Commodities e AUM/Clientes em 100% no final */
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 30px;
    padding: 15px 0;
    font-size: 0.9rem;
    color: var(--dark-gray);
    border-top: 1px dotted var(--subtle);
}

.detail-item {
    line-height: 1.4;
}

/* Garante que o AUM/Clientes/Funcionários ocupe a linha inteira */
.detail-item-full {
    grid-column: 1 / -1; 
    font-weight: 600;
    margin-top: 5px;
    border-top: 1px dotted var(--subtle);
    padding-top: 5px;
}


/* ========================================================================= */
/* RESPONSIVIDADE */
/* ========================================================================= */

@media (max-width: 768px) {
    
    .country-header {
        flex-wrap: wrap;
        padding: 15px 20px;
    }
    .country-name {
        font-size: 1.2rem;
        width: 100%;
        margin-bottom: 5px;
    }
    .country-role {
        font-size: 0.85rem;
        width: 100%;
        text-align: left;
        max-width: 100%;
    }
    .country-header::after {
        position: absolute;
        right: 15px;
        top: 15px;
    }
    
    /* Detalhes em Coluna Única no Mobile */
    .details-grid {
        grid-template-columns: 1fr; 
        gap: 5px 0;
    }
    
    .detail-item-full {
        margin-top: 10px;
        padding-top: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-beaa7f3 *//* ========================================================================= */
/* ESTILOS DA SEÇÃO PORTFÓLIO VISUAL */
/* ========================================================================= */

/* Contêiner principal e utilitários de cor */
.container-portfolio-visual {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 24px;
}
.bg-cream { background-color: var(--cream); }
.bg-primary-navy { background-color: var(--primary-navy); }
.bg-primary-gold { background-color: var(--primary-gold); }
.text-white { color: white; }
.text-navy-dark { color: var(--primary-navy-dark); font-family: var(--font-display); }

/* Estrutura do Grupo de Ativos */
.asset-group {
    margin-bottom: 30px;
    border: 1px solid var(--subtle);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* Cabeçalho do Grupo (Navy) */
.group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    font-family: var(--font-heading);
}
.group-allocation {
    font-size: 1.1rem;
    font-weight: 600;
}

/* Layout da Grade de Itens */
.asset-grid {
    display: grid;
    /* Padrão: 4 colunas em desktop */
    grid-template-columns: repeat(4, 1fr); 
    gap: 10px;
    padding: 20px 25px;
    background-color: white;
}

/* Classes para layouts de grupo específicos */
.grid-2-col-fixed { grid-template-columns: repeat(2, 1fr); }
.grid-6-col-fixed { grid-template-columns: repeat(6, 1fr); }
.grid-1-col-fixed { grid-template-columns: 1fr; max-width: 500px; }


/* Estilo do Item Individual */
.asset-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.asset-name {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1rem;
    color: var(--dark-gray);
    margin-bottom: 5px;
}

/* 1. Contêiner da Barra (Fundo claro) */
.asset-bar-container {
    width: 100%;
    height: 25px;
    background-color: var(--light-gray);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

/* 2. Barra de Progresso (Gold) */
.asset-bar {
    display: block;
    height: 100%;
    /* A largura (width) é definida no HTML inline (style="width: X%") */
    transition: width 1.5s ease-out;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    box-sizing: border-box;
    color: var(--primary-navy-dark);
    font-weight: 700;
    font-size: 0.9rem;
}


/* ========================================================================= */
/* RESPONSIVIDADE (DESTAQUE PARA CELULAR) */
/* ========================================================================= */

@media (max-width: 1024px) {
    /* Tablet: Padrão para 3 colunas, exceto onde é fixo */
    .asset-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-6-col-fixed {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    /* Celular: Padrão para 2 colunas */
    .asset-grid, .grid-2-col-fixed, .grid-6-col-fixed {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Itens únicos (como Energia) ocupam 100% da largura em mobile */
    .grid-1-col-fixed {
        grid-template-columns: 1fr;
        max-width: 100%; 
    }
    
    .group-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 20px;
    }
    .group-allocation {
        margin-top: 5px;
        font-size: 0.95rem;
        opacity: 0.8;
    }
    
    .asset-grid {
        padding: 15px 10px;
    }
}/* End custom CSS */