.elementor-2094 .elementor-element.elementor-element-4d85a6a{--display:flex;--min-height:47vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.13;--padding-top:174px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2094 .elementor-element.elementor-element-4d85a6a:not(.elementor-motion-effects-element-type-background), .elementor-2094 .elementor-element.elementor-element-4d85a6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-2094 .elementor-element.elementor-element-4d85a6a::before, .elementor-2094 .elementor-element.elementor-element-4d85a6a > .elementor-background-video-container::before, .elementor-2094 .elementor-element.elementor-element-4d85a6a > .e-con-inner > .elementor-background-video-container::before, .elementor-2094 .elementor-element.elementor-element-4d85a6a > .elementor-background-slideshow::before, .elementor-2094 .elementor-element.elementor-element-4d85a6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2094 .elementor-element.elementor-element-4d85a6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2094 .elementor-element.elementor-element-847c67b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2094 .elementor-element.elementor-element-e77e25f > .elementor-widget-container{background-color:#A876060D;padding:7px 7px 7px 7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F4A80030;border-radius:1px 1px 1px 1px;}.elementor-2094 .elementor-element.elementor-element-e77e25f.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-e77e25f .elementor-icon-list-icon i{color:#F4A800;transition:color 0.3s;}.elementor-2094 .elementor-element.elementor-element-e77e25f .elementor-icon-list-icon svg{fill:#F4A800;transition:fill 0.3s;}.elementor-2094 .elementor-element.elementor-element-e77e25f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2094 .elementor-element.elementor-element-e77e25f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2094 .elementor-element.elementor-element-e77e25f .elementor-icon-list-item > a{font-weight:400;text-transform:uppercase;letter-spacing:2.5px;}.elementor-2094 .elementor-element.elementor-element-e77e25f .elementor-icon-list-text{color:#F4A800;transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-2094 .elementor-element.elementor-element-85a3ef4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-85a3ef4.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-85a3ef4{text-align:center;}.elementor-2094 .elementor-element.elementor-element-85a3ef4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:900;text-transform:uppercase;line-height:47px;letter-spacing:0.4px;color:#FFFFFF;}.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-2094 .elementor-element.elementor-element-9ddbd89{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0.1px;color:#F3F3F3AD;}.elementor-2094 .elementor-element.elementor-element-9ddbd89.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-f2c59f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2094 .elementor-element.elementor-element-f2c59f7:not(.elementor-motion-effects-element-type-background), .elementor-2094 .elementor-element.elementor-element-f2c59f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-2094 .elementor-element.elementor-element-3d50b0e{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-2094 .elementor-element.elementor-element-3d50b0e > .elementor-widget-container{background-color:#242424;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F4A80052;}.elementor-2094 .elementor-element.elementor-element-3d50b0e.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-3d50b0e .elementor-counter-number-wrapper{color:#F4A800;font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:600;letter-spacing:0.1px;}.elementor-2094 .elementor-element.elementor-element-3d50b0e .elementor-counter-title{color:#DADADA;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:0.4px;}.elementor-2094 .elementor-element.elementor-element-46a87cb{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-2094 .elementor-element.elementor-element-46a87cb > .elementor-widget-container{background-color:#242424;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F4A80052;}.elementor-2094 .elementor-element.elementor-element-46a87cb.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-46a87cb .elementor-counter-number-wrapper{color:#F4A800;font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:600;letter-spacing:0.1px;}.elementor-2094 .elementor-element.elementor-element-46a87cb .elementor-counter-title{color:#DADADA;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:0.4px;}.elementor-2094 .elementor-element.elementor-element-d24778a{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-2094 .elementor-element.elementor-element-d24778a > .elementor-widget-container{background-color:#242424;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F4A80052;}.elementor-2094 .elementor-element.elementor-element-d24778a.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-d24778a .elementor-counter-number-wrapper{color:#F4A800;font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:600;letter-spacing:0.1px;}.elementor-2094 .elementor-element.elementor-element-d24778a .elementor-counter-title{color:#DADADA;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:0.4px;}.elementor-2094 .elementor-element.elementor-element-9983776{--display:flex;--min-height:46vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.13;--padding-top:80px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2094 .elementor-element.elementor-element-9983776:not(.elementor-motion-effects-element-type-background), .elementor-2094 .elementor-element.elementor-element-9983776 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-2094 .elementor-element.elementor-element-9983776::before, .elementor-2094 .elementor-element.elementor-element-9983776 > .elementor-background-video-container::before, .elementor-2094 .elementor-element.elementor-element-9983776 > .e-con-inner > .elementor-background-video-container::before, .elementor-2094 .elementor-element.elementor-element-9983776 > .elementor-background-slideshow::before, .elementor-2094 .elementor-element.elementor-element-9983776 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2094 .elementor-element.elementor-element-9983776 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2094 .elementor-element.elementor-element-49da5ad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2094 .elementor-element.elementor-element-f1988a1 > .elementor-widget-container{background-color:#A876060D;padding:7px 7px 7px 7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F4A80030;border-radius:1px 1px 1px 1px;}.elementor-2094 .elementor-element.elementor-element-f1988a1.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-f1988a1 .elementor-icon-list-icon i{color:#F4A800;transition:color 0.3s;}.elementor-2094 .elementor-element.elementor-element-f1988a1 .elementor-icon-list-icon svg{fill:#F4A800;transition:fill 0.3s;}.elementor-2094 .elementor-element.elementor-element-f1988a1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2094 .elementor-element.elementor-element-f1988a1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2094 .elementor-element.elementor-element-f1988a1 .elementor-icon-list-item > a{font-weight:400;text-transform:uppercase;letter-spacing:2.5px;}.elementor-2094 .elementor-element.elementor-element-f1988a1 .elementor-icon-list-text{color:#F4A800;transition:color 0.3s;}.elementor-2094 .elementor-element.elementor-element-13ad8d9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-13ad8d9.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-13ad8d9{text-align:center;}.elementor-2094 .elementor-element.elementor-element-13ad8d9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:900;text-transform:uppercase;line-height:47px;letter-spacing:0.4px;color:#FFFFFF;}.elementor-2094 .elementor-element.elementor-element-aae87ad{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0.1px;color:#F3F3F3AD;}.elementor-2094 .elementor-element.elementor-element-aae87ad.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-c12866a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;}.elementor-2094 .elementor-element.elementor-element-91126dc.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-f2be5c2.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-911041a.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-ef29575.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-57911e5.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-0b1b10b.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-50cefe6.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-4c78f2d.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-f75890b.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-cd995d7.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-19ff8aa.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-551b332.elementor-element{--align-self:flex-start;}.elementor-2094 .elementor-element.elementor-element-d1dbd8b{--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;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-2094 .elementor-element.elementor-element-d1dbd8b:not(.elementor-motion-effects-element-type-background), .elementor-2094 .elementor-element.elementor-element-d1dbd8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2094 .elementor-element.elementor-element-108ce87 > .elementor-widget-container{margin:0px 0px 14px 0px;padding:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-108ce87.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-108ce87{text-align:center;}.elementor-2094 .elementor-element.elementor-element-108ce87 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:60px;letter-spacing:0.4px;color:#FFFFFF;}.elementor-2094 .elementor-element.elementor-element-c9ffd19{width:var( --container-widget-width, 535px );max-width:535px;--container-widget-width:535px;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0.1px;color:#F3F3F3AD;}.elementor-2094 .elementor-element.elementor-element-c9ffd19.elementor-element{--align-self:center;}.elementor-2094 .elementor-element.elementor-element-e3e52ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-2094 .elementor-element.elementor-element-10a0739 .elementor-button{background-color:#F4A800;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.1px;fill:#000000;color:#000000;border-radius:41px 41px 41px 41px;padding:20px 40px 20px 40px;}.elementor-2094 .elementor-element.elementor-element-10a0739.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2094 .elementor-element.elementor-element-4d85a6a{--padding-top:90px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2094 .elementor-element.elementor-element-85a3ef4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-85a3ef4 .elementor-heading-title{font-size:45px;line-height:1.2em;}.elementor-2094 .elementor-element.elementor-element-f2c59f7{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-2094 .elementor-element.elementor-element-3d50b0e{width:100%;max-width:100%;}.elementor-2094 .elementor-element.elementor-element-46a87cb{width:100%;max-width:100%;}.elementor-2094 .elementor-element.elementor-element-d24778a{width:100%;max-width:100%;}.elementor-2094 .elementor-element.elementor-element-9983776{--padding-top:60px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-2094 .elementor-element.elementor-element-13ad8d9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-13ad8d9 .elementor-heading-title{font-size:45px;line-height:1.2em;}.elementor-2094 .elementor-element.elementor-element-aae87ad{width:100%;max-width:100%;}.elementor-2094 .elementor-element.elementor-element-108ce87{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;}.elementor-2094 .elementor-element.elementor-element-108ce87 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-108ce87 .elementor-heading-title{font-size:45px;line-height:1.2em;}}@media(max-width:767px){.elementor-2094 .elementor-element.elementor-element-4d85a6a{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2094 .elementor-element.elementor-element-847c67b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2094 .elementor-element.elementor-element-85a3ef4{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;text-align:center;}.elementor-2094 .elementor-element.elementor-element-85a3ef4 > .elementor-widget-container{margin:0px 20px 0px 20px;}.elementor-2094 .elementor-element.elementor-element-85a3ef4 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-2094 .elementor-element.elementor-element-9ddbd89 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-9ddbd89{--container-widget-width:92%;--container-widget-flex-grow:0;width:var( --container-widget-width, 92% );max-width:92%;text-align:center;font-size:19px;line-height:1.6em;}.elementor-2094 .elementor-element.elementor-element-f2c59f7{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-2094 .elementor-element.elementor-element-3d50b0e{width:100%;max-width:100%;}.elementor-2094 .elementor-element.elementor-element-46a87cb{width:100%;max-width:100%;}.elementor-2094 .elementor-element.elementor-element-d24778a{width:100%;max-width:100%;}.elementor-2094 .elementor-element.elementor-element-9983776{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2094 .elementor-element.elementor-element-49da5ad{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2094 .elementor-element.elementor-element-13ad8d9{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;text-align:center;}.elementor-2094 .elementor-element.elementor-element-13ad8d9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-13ad8d9 .elementor-heading-title{font-size:28px;line-height:1.3em;}.elementor-2094 .elementor-element.elementor-element-aae87ad{width:100%;max-width:100%;text-align:center;font-size:19px;line-height:1.6em;}.elementor-2094 .elementor-element.elementor-element-aae87ad > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-c12866a{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-2094 .elementor-element.elementor-element-d1dbd8b{--padding-top:50px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2094 .elementor-element.elementor-element-108ce87{width:100%;max-width:100%;text-align:center;}.elementor-2094 .elementor-element.elementor-element-108ce87 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-108ce87 .elementor-heading-title{font-size:28px;line-height:1.3em;}.elementor-2094 .elementor-element.elementor-element-c9ffd19 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-c9ffd19{--container-widget-width:92%;--container-widget-flex-grow:0;width:var( --container-widget-width, 92% );max-width:92%;text-align:center;font-size:19px;line-height:1.6em;}.elementor-2094 .elementor-element.elementor-element-10a0739 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2094 .elementor-element.elementor-element-10a0739 .elementor-button{line-height:1.5em;padding:20px 20px 20px 20px;}}@media(min-width:768px){.elementor-2094 .elementor-element.elementor-element-847c67b{--width:100%;}.elementor-2094 .elementor-element.elementor-element-f2c59f7{--content-width:1188px;}.elementor-2094 .elementor-element.elementor-element-9983776{--content-width:1240px;}.elementor-2094 .elementor-element.elementor-element-49da5ad{--width:100%;}.elementor-2094 .elementor-element.elementor-element-d1dbd8b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2094 .elementor-element.elementor-element-d1dbd8b{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-f2c59f7 */.elementor-2094 .elementor-element.elementor-element-f2c59f7 {
    border-style: solid;
    border-width: 1px 0; /* 1px em cima e embaixo, 0 nas laterais */
    border-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(191, 126, 65, 1), rgba(0, 0, 0, 1)) 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91126dc *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-91126dc .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-91126dc .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Lucca-2.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-91126dc .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/lucca-3.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-91126dc .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-91126dc .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-91126dc .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222;
  font-family: 'Inter', sans-serif;
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-91126dc .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41;
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-91126dc .card-header-img {
  position: relative;
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-91126dc .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent);
}

/* Etiqueta de posição (MEIA ATACANTE, LATERAL, etc.) com Glassmorphism */
.elementor-2094 .elementor-element.elementor-element-91126dc .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #ffffff !important;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-91126dc .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-91126dc .card-atleta:hover .btn-expandir {
  background-color: #F4A800;
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-91126dc .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-91126dc .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-91126dc .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff;
}

.elementor-2094 .elementor-element.elementor-element-91126dc .idade-atleta {
  font-size: 12px;
  color: #f8f8f8;
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-91126dc .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-91126dc .label-info { 
  color: #666666;
}

.elementor-2094 .elementor-element.elementor-element-91126dc .valor-info { 
  font-weight: 600; 
  color: #ffffff;
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-91126dc .valor-destaque { 
  color: #F4A800;
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-91126dc .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-91126dc .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222;
  color: #F4A800;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

/* Ícone da seta SVG customizada */
.elementor-2094 .elementor-element.elementor-element-91126dc .icone-seta-transferencia {
  width: 12px;
  height: 12px;
  display: inline-block;
  object-fit: contain;
  flex-shrink: 0;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL GLOBAL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px;
  background-color: #161616;
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333;
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) - Estado Padrão */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
  border: none !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
  outline: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Botão no HOVER (Apenas ao passar o mouse fica amarelo) */
.nav-btn:hover {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

/* Remove a cor rosa ao focar/clicar (Estado Active e Focus) */
.nav-btn:focus,
.nav-btn:active,
.nav-btn:focus-visible {
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Botão de Fechar [X] - Estado Padrão */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  opacity: 0.8;
  outline: none !important;
  box-shadow: none !important;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Botão de Fechar no HOVER */
.btn-fechar-popup:hover {
  background: transparent !important;
  color: #FFD700 !important;
  opacity: 1 !important;
  transform: scale(1.15);
}

/* Remove a cor rosa ao focar/clicar no Fechar */
.btn-fechar-popup:focus,
.btn-fechar-popup:active,
.btn-fechar-popup:focus-visible {
  background: transparent !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2be5c2 *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/atila-2.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/atila-3.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-f2be5c2 .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f2be5c2 .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-911041a *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-911041a .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-911041a .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Lucas-Araujo-3.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-911041a .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Lucas-Araujo-5.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-911041a .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-911041a .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-911041a .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-911041a .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-911041a .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-911041a .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-911041a .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-911041a .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-911041a .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-911041a .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-911041a .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-911041a .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-911041a .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-911041a .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-911041a .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-911041a .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-911041a .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-911041a .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-911041a .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef29575 *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-ef29575 .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-ef29575 .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Eduardo-Ferraz-2.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-ef29575 .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Eduardo-Ferraz-3.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-ef29575 .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-ef29575 .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-ef29575 .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-ef29575 .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-ef29575 .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-ef29575 .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-ef29575 .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-ef29575 .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-ef29575 .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-ef29575 .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-ef29575 .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57911e5 *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-57911e5 .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-57911e5 .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Igor-Souza-2.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-57911e5 .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Igor-Souza-5.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-57911e5 .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-57911e5 .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-57911e5 .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-57911e5 .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-57911e5 .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-57911e5 .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-57911e5 .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-57911e5 .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-57911e5 .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-57911e5 .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-57911e5 .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b1b10b *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Barreto-3.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Barreto-5.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-0b1b10b .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-0b1b10b .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-0b1b10b .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-0b1b10b .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-0b1b10b .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50cefe6 *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/PH-3.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/PH-5.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-50cefe6 .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-50cefe6 .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-50cefe6 .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-50cefe6 .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-50cefe6 .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c78f2d *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Thiago-3.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Thiago-5.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-4c78f2d .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-4c78f2d .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-4c78f2d .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-4c78f2d .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-4c78f2d .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f75890b *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-f75890b .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-f75890b .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/DSC00155-scaled.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-f75890b .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/DSC00155-scaled.jpg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-f75890b .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-f75890b .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f75890b .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-f75890b .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-f75890b .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-f75890b .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-f75890b .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-f75890b .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-f75890b .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-f75890b .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f75890b .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-f75890b .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-f75890b .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-f75890b .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-f75890b .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-f75890b .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-f75890b .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f75890b .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-f75890b .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd995d7 *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/WhatsApp-Image-2026-08-11-at-17.15.55.jpeg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/WhatsApp-Image-2026-08-11-at-17.28.41.jpeg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-cd995d7 .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-cd995d7 .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-cd995d7 .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-cd995d7 .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-cd995d7 .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ff8aa *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/WhatsApp-Image-2025-09-01-at-16.55.42-3.jpeg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/WhatsApp-Image-2026-08-11-at-17.27.28.jpeg'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-19ff8aa .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-19ff8aa .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-19ff8aa .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-19ff8aa .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-19ff8aa .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-551b332 *//* ============================================================
   1. ESTRUTURA E FOTOS DE TRÁS (EFEITO PILHA / STACK)
   ============================================================ */

/* Envoltório do card (Dá espaço para as fotos de trás aparecerem) */
.elementor-2094 .elementor-element.elementor-element-551b332 .card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}

/* Segunda foto da pilha (Foto do Meio / Inclinada para a esquerda) */
.elementor-2094 .elementor-element.elementor-element-551b332 .card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/PHOTO-2025-03-12-12-58-40.jpg'); /* FOTO 2 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1); /* Cor da borda suave */
}

/* Terceira foto da pilha (Foto do Fundo / Inclinada para a direita) */
.elementor-2094 .elementor-element.elementor-element-551b332 .card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a; /* Cor de fundo de segurança */
  background-image: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Snapinsta.app_468504618_453841787407651_1407376092452068313_n_1024.webp'); /* FOTO 3 DE TRÁS */
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05); /* Cor da borda suave */
}

/* Efeito ao passar o mouse (Hover): As fotos de trás abrem um pouco mais */
.elementor-2094 .elementor-element.elementor-element-551b332 .card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.elementor-2094 .elementor-element.elementor-element-551b332 .card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}


/* ============================================================
   2. CARD PRINCIPAL DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-551b332 .card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111; /* COR DE FUNDO DO CARD */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222; /* COR DA BORDA PADRÃO DO CARD */
  font-family: 'Inter', sans-serif;
  color: #ffffff; /* COR DO TEXTO PRINCIPAL */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Efeito ao passar o mouse sobre o Card */
.elementor-2094 .elementor-element.elementor-element-551b332 .card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41; /* COR DA BORDA AO PASSAR O MOUSE (DOURADO/BRONZE) */
}

/* Área da foto principal no topo do card */
.elementor-2094 .elementor-element.elementor-element-551b332 .card-header-img {
  position: relative;
  width: 100%;
  height: 240px; /* ALTURA DA FOTO DO TOPO DO CARD */
  background-size: cover;
  background-position: center;
}

/* Degradê de fusão da foto com as informações abaixo */
.elementor-2094 .elementor-element.elementor-element-551b332 .card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent); /* DEGRADÊ DE FUSÃO (Mantenha a cor do card aqui) */
}

/* Etiqueta de posição (ex: MEIA ATACANTE) */
.elementor-2094 .elementor-element.elementor-element-551b332 .badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: #00000070; /* COR DE FUNDO DA TAG */
  color: #ffffff; /* COR DO TEXTO DA TAG */
  backdrop-filter: blur(8px);
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}

/* Botão/Seta de expansão no canto do card */
.elementor-2094 .elementor-element.elementor-element-551b332 .btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5); /* COR DE FUNDO DO BOTAO DA SETA */
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-2094 .elementor-element.elementor-element-551b332 .card-atleta:hover .btn-expandir {
  background-color: #F4A800; /* COR DO BOTÃO AO PASSAR O MOUSE */
  transform: scale(1.1);
}

.elementor-2094 .elementor-element.elementor-element-551b332 .btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff; /* COR DO ÍCONE DA SETA */
  stroke-width: 2;
}


/* ============================================================
   3. INFORMAÇÕES E DADOS DO ATLETA
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-551b332 .card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.elementor-2094 .elementor-element.elementor-element-551b332 .nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff; /* COR DO NOME DO ATLETA */
}

.elementor-2094 .elementor-element.elementor-element-551b332 .idade-atleta {
  font-size: 12px;
  color: #f8f8f8; /* COR DA IDADE DO ATLETA */
  margin-bottom: 16px;
}

.elementor-2094 .elementor-element.elementor-element-551b332 .info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.elementor-2094 .elementor-element.elementor-element-551b332 .label-info { 
  color: #666666; /* COR DOS RÓTULOS (Clube de Origem, Clube Atual...) */
}

.elementor-2094 .elementor-element.elementor-element-551b332 .valor-info { 
  font-weight: 600; 
  color: #ffffff; /* COR DOS VALORES NORMRAIS */
  display: flex; 
  align-items: center; 
  gap: 6px; 
}

.elementor-2094 .elementor-element.elementor-element-551b332 .valor-destaque { 
  color: #F4A800; /* COR DO NOME DO CLUBE DE DESTAQUE */
  font-weight: 700; 
}


/* ============================================================
   4. PONTO VERDE PISCANDO (AO VIVO)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-551b332 .ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66; /* COR DO PONTO PISCANDO (VERDE NEON) */
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}


/* ============================================================
   5. RODAPÉ DO CARD (TRANSFERÊNCIA)
   ============================================================ */

.elementor-2094 .elementor-element.elementor-element-551b332 .badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222; /* COR DA LINHA DIVISÓRIA */
  color: #F4A800; /* COR DO TEXTO DA TRANSFERÊNCIA */
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* ============================================================
   6. POPUP MODAL COM CARROSSEL
   ============================================================ */

/* Fundo escuro atrás do Popup (Overlay) */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85); /* COR DO DESFOCADO/ESCURECIDO AO FUNDO */
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* Caixa de conteúdo do Popup */
.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px; /* LARGURA DO POPUP */
  background-color: #161616; /* COR DE FUNDO DO POPUP */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333; /* COR DA BORDA DO POPUP */
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

/* Botão de Fechar [X] */
.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: #ffffff; /* COR DO XIS DE FECHAR */
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

/* Container do Carrossel (Centraliza qualquer tamanho de imagem) */
.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  
  /* Centraliza a imagem na vertical e na horizontal */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

/* Imagem ajustada sem cortar nem deformar */
.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
  /* Mantém a proporção exata da foto sem cortar */
  object-fit: contain !important; 
  border-radius: 20px !important;
}

/* Botões de Navegação (Anterior / Próxima) */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6); /* COR DO FUNDO DAS SETAS */
  color: #ffffff; /* COR DA SETA */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

/* Cor do fundo e da seta do botão de navegação no HOVER */
.nav-btn:hover {
  background-color: #FFD700 !important; /* Fundo amarelo (Gold) ao passar o mouse */
  color: #000000 !important;            /* Cor do ícone da seta (Preto para dar contraste) */
}


/* Estado normal do botão de fechar */
.btn-fechar-popup {
  color: #ffffff !important;
  opacity: 0.8;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* Estado no HOVER do botão de fechar */
.btn-fechar-popup:hover {
  background: transparent !important; /* Mantém o fundo transparente */
  color: #FFD700 !important;          /* Deixa o Xis amarelo (Gold) */
  opacity: 1 !important;
  transform: scale(1.15);              /* Dá um leve destaque ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9983776 */.elementor-2094 .elementor-element.elementor-element-9983776 {
    border-style: solid;
    border-width: 1px 0; /* 1px em cima e embaixo, 0 nas laterais */
    border-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(191, 126, 65, 1), rgba(0, 0, 0, 1)) 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1dbd8b */.elementor-2094 .elementor-element.elementor-element-d1dbd8b{
    background: linear-gradient(135deg, #111 0%, #1A1400 100%);
}/* End custom CSS */
/* Start custom CSS */.amarelo{
    color: #F4A800;
}

html, body{
    overflow-x: hidden;
    width: 100%;
}


/* ============================================================
   ESTILOS GLOBAIS - CARDS DE ATLETAS & POPUP GALERIA
   ============================================================ */

/* 1. ESTRUTURA E PILHA DE FOTOS */
.card-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
  touch-action: manipulation !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.card-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(-3deg) translate(-6px, -4px);
  z-index: 1;
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  transform: rotate(4deg) translate(8px, -6px);
  z-index: 0;
  opacity: 0.4;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.card-wrapper:hover::after {
  transform: rotate(-6deg) translate(-12px, -8px);
  opacity: 0.9;
}

.card-wrapper:hover::before {
  transform: rotate(8deg) translate(14px, -10px);
  opacity: 0.6;
}

/* 2. CARD PRINCIPAL */
.card-atleta {
  position: relative;
  width: 100%;
  background-color: #111111;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #222222;
  font-family: 'Inter', sans-serif;
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 2;
  cursor: pointer;
  touch-action: manipulation !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.card-atleta:hover {
  transform: translateY(-2px);
  border-color: #BF7E41;
}

.card-header-img {
  position: relative;
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
}

.card-header-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, #111111, transparent);
}

/* 3. ETIQUETAS E ELEMENTOS DO CARD */
.badge-posicao {
  position: absolute;
  top: 8px;
  left: 6px;
  background-color: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #ffffff !important;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.btn-expandir {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 0.3s ease, transform 0.3s ease;
  touch-action: manipulation !important;
}

.card-atleta:hover .btn-expandir {
  background-color: #F4A800;
  transform: scale(1.1);
}

.btn-expandir svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
}

.card-body {
  position: relative;
  padding: 0 16px 16px 16px;
  z-index: 2;
  margin-top: -30px;
}

.nome-atleta {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: #ffffff;
}

.idade-atleta {
  font-size: 12px;
  color: #f8f8f8;
  margin-bottom: 16px;
}

.info-linha {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}

.label-info { color: #666666; }
.valor-info { font-weight: 600; color: #ffffff; display: flex; align-items: center; gap: 6px; }
.valor-destaque { color: #F4A800; font-weight: 700; }

.ponto-vivo {
  width: 7px;
  height: 7px;
  background-color: #00ff66;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8);
  animation: pulsar 1.6s infinite ease-in-out;
}

@keyframes pulsar {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.8); }
  70% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }
}

.badge-transferencia {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #222222;
  color: #F4A800;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.icone-seta-transferencia {
  width: 12px;
  height: 12px;
  display: inline-block;
  object-fit: contain;
  flex-shrink: 0;
}

/* 4. POPUP & CARROSSEL GLOBAL */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 99999;
  touch-action: manipulation !important;
}

.popup-overlay.ativo {
  opacity: 1;
  pointer-events: auto;
}

.popup-conteudo {
  position: relative;
  width: 90%;
  max-width: 480px;
  background-color: #161616;
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #333333;
  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
  text-align: center;
}

.carrossel-container {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 16px;
  border-radius: 20px !important;
  overflow: hidden;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
}

.carrossel-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain !important;
  border-radius: 20px !important;
}

.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
  border: none !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 3;
  outline: none !important;
  box-shadow: none !important;
  touch-action: manipulation !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.nav-btn.prev { left: 10px; }
.nav-btn.next { right: 10px; }

.nav-btn:hover {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

.nav-btn:focus,
.nav-btn:active,
.nav-btn:focus-visible {
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

.btn-fechar-popup {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  opacity: 0.8;
  outline: none !important;
  box-shadow: none !important;
  touch-action: manipulation !important;
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.btn-fechar-popup:hover {
  background: transparent !important;
  color: #FFD700 !important;
  opacity: 1 !important;
  transform: scale(1.15);
}

.btn-fechar-popup:focus,
.btn-fechar-popup:active,
.btn-fechar-popup:focus-visible {
  background: transparent !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Montserrat-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Montserrat-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Montserrat-Medium-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://triumfagency.com.br/wp-content/uploads/2026/08/Montserrat-Light-1.woff2') format('woff2');
}
/* End Custom Fonts CSS */