.elementor-15069 .elementor-element.elementor-element-1c228d1{--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:space-between;--align-items:center;--flex-wrap:wrap;--align-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--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-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button{background-color:#3A00FF;font-family:"Gotham", Sans-serif;font-size:14px;font-weight:400;border-radius:0px 0px 20px 20px;}.elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button-content-wrapper{flex-direction:row;}.elementor-15069 .elementor-element.elementor-element-fa814dc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#585858;--border-color:#585858;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-15069 .elementor-element.elementor-element-fa814dc:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-fa814dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000006B;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-15069 .elementor-element.elementor-element-2847819 > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-2847819.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-15069 .elementor-element.elementor-element-2847819.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-15069 .elementor-element.elementor-element-2847819.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-title{font-family:"Gotham", Sans-serif;font-size:28px;font-weight:bold;line-height:120%;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-2847819:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-2847819:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-description{font-family:"Gotham", Sans-serif;font-size:20px;font-weight:500;line-height:140%;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-3136199 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;line-height:120%;fill:#D82F13;color:#D82F13;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-15069 .elementor-element.elementor-element-3136199 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-3136199.elementor-element{--align-self:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-15069 .elementor-element.elementor-element-fa062f1{width:initial;max-width:initial;}.elementor-15069 .elementor-element.elementor-element-fa062f1 > .elementor-widget-container{margin:-101px 2px -113px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-fa062f1.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-fa062f1 .elementor-icon-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-fa062f1 .elementor-icon{font-size:232px;}.elementor-15069 .elementor-element.elementor-element-fa062f1 .elementor-icon svg{height:232px;}.elementor-15069 .elementor-element.elementor-element-6e10e7b{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-bea0764{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15069 .elementor-element.elementor-element-ecf2e5c{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-ecf2e5c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-ecf2e5c .elementor-heading-title{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-15069 .elementor-element.elementor-element-fa76c98{--display:flex;--min-height:894px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-4c6b5de{width:var( --container-widget-width, 452px );max-width:452px;--container-widget-width:452px;--container-widget-flex-grow:0;z-index:1;}.elementor-15069 .elementor-element.elementor-element-4c6b5de .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-4f69fe7 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:20px;font-weight:bold;line-height:120%;fill:#D82F13;color:#D82F13;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-15069 .elementor-element.elementor-element-4f69fe7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-4f69fe7.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-4f69fe7{z-index:9999;}.elementor-15069 .elementor-element.elementor-element-8f94d28 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-8f94d28 .elementor-icon-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-8f94d28 .elementor-icon{font-size:1920px;}.elementor-15069 .elementor-element.elementor-element-8f94d28 .elementor-icon svg{height:1920px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15069 .elementor-element.elementor-element-c6a7159{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-1295f78{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-1295f78 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-1295f78.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-1295f78.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-1295f78.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-1295f78.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-title{margin-bottom:0px;font-size:71px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-1295f78:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-1295f78:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15069 .elementor-element.elementor-element-43e36c5{width:var( --container-widget-width, 366px );max-width:366px;--container-widget-width:366px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-43e36c5 > .elementor-widget-container{margin:24px 0px -60px 0px;}.elementor-15069 .elementor-element.elementor-element-43e36c5.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-1d5e11d > .elementor-widget-container{margin:-355px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-6f26e8c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-f5a65ea{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-f5a65ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-f5a65ea.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-f5a65ea.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-f5a65ea.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-f5a65ea.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-title{margin-bottom:0px;font-size:71px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-f5a65ea:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-f5a65ea:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-153f074{width:var( --container-widget-width, 366px );max-width:366px;--container-widget-width:366px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-153f074 > .elementor-widget-container{margin:24px 0px -60px 0px;}.elementor-15069 .elementor-element.elementor-element-153f074.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-4ca843d > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-2585f5e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-4d67347{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-4d67347 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-4d67347.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-4d67347.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-4d67347.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-4d67347.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-title{margin-bottom:0px;font-size:71px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-4d67347:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-4d67347:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-63fc877{width:var( --container-widget-width, 366px );max-width:366px;--container-widget-width:366px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-63fc877 > .elementor-widget-container{margin:24px 0px -60px 0px;}.elementor-15069 .elementor-element.elementor-element-63fc877.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-7452849 > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-241f4c2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-2051586{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-2051586 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-2051586.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-2051586.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-2051586.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-2051586.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-title{margin-bottom:0px;font-size:71px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-2051586:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-2051586:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-43708e9{width:var( --container-widget-width, 366px );max-width:366px;--container-widget-width:366px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-43708e9 > .elementor-widget-container{margin:24px 0px -60px 0px;}.elementor-15069 .elementor-element.elementor-element-43708e9.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-a879206 > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-1d816e3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-bf67023{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-bf67023 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-bf67023.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-bf67023.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-bf67023.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-bf67023.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-title{margin-bottom:0px;font-size:71px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-bf67023:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-bf67023:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-2660a11{width:var( --container-widget-width, 366px );max-width:366px;--container-widget-width:366px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-2660a11 > .elementor-widget-container{margin:24px 0px -60px 0px;}.elementor-15069 .elementor-element.elementor-element-2660a11.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-7db45d6 > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-8ecda0c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-277e710{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-277e710 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-277e710.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-277e710.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-277e710.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-277e710.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-title{margin-bottom:0px;font-size:71px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-277e710:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-277e710:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-1e10516{width:var( --container-widget-width, 366px );max-width:366px;--container-widget-width:366px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-1e10516 > .elementor-widget-container{margin:24px 0px -60px 0px;}.elementor-15069 .elementor-element.elementor-element-1e10516.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-c780c2d > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-62b89be{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-63fafa7{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-63fafa7 > .elementor-widget-container{margin:90px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-63fafa7.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-63fafa7.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-63fafa7.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-63fafa7.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-title{margin-bottom:0px;font-size:54px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-63fafa7:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-63fafa7:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-57608bc > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-e7a94ca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-6297a5e{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-6297a5e > .elementor-widget-container{margin:90px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-6297a5e.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-6297a5e.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-6297a5e.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-6297a5e.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-title{margin-bottom:0px;font-size:54px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-6297a5e:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-6297a5e:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-a69c8a9 > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-189b12f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-b4e7c03{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 > .elementor-widget-container{margin:90px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-b4e7c03.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-b4e7c03.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-b4e7c03.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-b4e7c03.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-title{margin-bottom:0px;font-size:54px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-b4e7c03:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-b4e7c03:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-8a6d7f8 > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-22ed472{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-06e5801{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-06e5801 > .elementor-widget-container{margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-06e5801.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-06e5801.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-06e5801.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-06e5801.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-title{margin-bottom:0px;font-size:54px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-06e5801:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-06e5801:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-654d50f > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-ff78ec2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-6b209b6{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-6b209b6 > .elementor-widget-container{margin:90px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-6b209b6.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-6b209b6.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-6b209b6.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-6b209b6.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-title{margin-bottom:0px;font-size:54px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-6b209b6:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-6b209b6:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-f5377f2 > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-879c3d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-60b55f9{width:var( --container-widget-width, 365px );max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-60b55f9 > .elementor-widget-container{margin:90px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-60b55f9.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-60b55f9.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-15069 .elementor-element.elementor-element-60b55f9.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-15069 .elementor-element.elementor-element-60b55f9.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-title{margin-bottom:0px;font-size:48px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-60b55f9:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-60b55f9:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-description{font-size:14px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-75d01ad > .elementor-widget-container{margin:-354px 0px 0px -59px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-5d1c05c{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:6px;--n-tabs-gap:0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;}.elementor-15069 .elementor-element.elementor-element-5d1c05c > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FF000000;}.elementor-15069 .elementor-element.elementor-element-5d1c05c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;}.elementor-15069 .elementor-element.elementor-element-5d1c05c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-15069 .elementor-element.elementor-element-5d1c05c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}.elementor-15069 .elementor-element.elementor-element-5d1c05c > .elementor-widget-container{margin:-230px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-1af4a51{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-ac41e76 .elementor-image-box-title{margin-bottom:1px;font-family:"Gotham", Sans-serif;font-size:32px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-ac41e76:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-ac41e76:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-ac41e76 .elementor-image-box-description{font-size:16px;color:#D0D0D0;}.elementor-15069 .elementor-element.elementor-element-8a8d57f{--display:flex;--min-height:820px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--align-content:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#373737;--border-color:#373737;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-15069 .elementor-element.elementor-element-8a8d57f:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-8a8d57f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B50;}.elementor-15069 .elementor-element.elementor-element-2352d20{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-b42a032{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-b42a032.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-b42a032.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-b42a032.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-b42a032:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-b42a032:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-fca0ae0{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-fca0ae0.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-fca0ae0.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-fca0ae0.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-fca0ae0:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-fca0ae0:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-5fb9f46{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-5fb9f46.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-5fb9f46.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-5fb9f46.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-5fb9f46:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-5fb9f46:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-d4b41b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-42388a8{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-42388a8.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-42388a8.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-42388a8.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-42388a8:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-42388a8:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-897dc27{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-897dc27.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-897dc27.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-897dc27.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-897dc27:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-897dc27:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-98ebc32{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-98ebc32.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-98ebc32.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-98ebc32.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-98ebc32:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-98ebc32:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-9ec8c39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-bfdc5db{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-bfdc5db.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-bfdc5db.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-bfdc5db.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-bfdc5db:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-bfdc5db:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-7f47e46{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-7f47e46.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-7f47e46.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-7f47e46.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-7f47e46:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-7f47e46:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-42354aa{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-42354aa.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-42354aa.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-42354aa.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-42354aa:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-42354aa:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-bf07dc3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-09d9204{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-09d9204.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-09d9204.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-09d9204.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-09d9204:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-09d9204:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-54cfa14{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-accent );--e-n-carousel-arrow-hover-color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-54cfa14 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-caa73fa .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;line-height:120%;fill:#D82F13;color:#D82F13;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-15069 .elementor-element.elementor-element-caa73fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-caa73fa.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-b5feb21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--align-content:flex-start;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#373737;--border-color:#373737;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-15069 .elementor-element.elementor-element-80f6b03{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-80f6b03.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-80f6b03.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-80f6b03.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-80f6b03:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-80f6b03:has(:focus) .elementor-image-box-title{color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-58f1e11{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-58f1e11.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-58f1e11.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-58f1e11.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-58f1e11:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-58f1e11:has(:focus) .elementor-image-box-title{color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-7071d24{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-7071d24.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-7071d24.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-7071d24.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-7071d24:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-7071d24:has(:focus) .elementor-image-box-title{color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-eccb7fd{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-eccb7fd.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-eccb7fd.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-eccb7fd.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-eccb7fd:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-eccb7fd:has(:focus) .elementor-image-box-title{color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-54cd8eb{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-54cd8eb.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-54cd8eb.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-54cd8eb.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-54cd8eb:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-54cd8eb:has(:focus) .elementor-image-box-title{color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-92e974e{width:var( --container-widget-width, 337px );max-width:337px;--container-widget-width:337px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-92e974e.elementor-position-right .elementor-image-box-img{margin-left:2px;}.elementor-15069 .elementor-element.elementor-element-92e974e.elementor-position-left .elementor-image-box-img{margin-right:2px;}.elementor-15069 .elementor-element.elementor-element-92e974e.elementor-position-top .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-title{margin-bottom:6px;font-size:18px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-wrapper .elementor-image-box-img{width:337px;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-92e974e:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-92e974e:has(:focus) .elementor-image-box-title{color:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-description{font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-ddc671d .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;line-height:120%;fill:#D82F13;color:#D82F13;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-15069 .elementor-element.elementor-element-ddc671d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-ddc671d.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-2cf5169{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;z-index:99;--n-tabs-gap:0px;--n-tabs-title-border-radius:20px 20px 0px 0px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-2cf5169 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#15005D;}.elementor-15069 .elementor-element.elementor-element-2cf5169.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#2E00C9;}.elementor-15069 .elementor-element.elementor-element-2cf5169.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-15069 .elementor-element.elementor-element-2cf5169.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#2700AC;}.elementor-15069 .elementor-element.elementor-element-2cf5169 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-76e53cf{--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;--overlay-opacity:1;--margin-top:-444px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1200px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-76e53cf:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-76e53cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elmetodo.pro/wp-content/uploads/2025/01/fondo-nuevo.webp");background-position:top center;background-repeat:no-repeat;background-size:1920px auto;}.elementor-15069 .elementor-element.elementor-element-76e53cf::before, .elementor-15069 .elementor-element.elementor-element-76e53cf > .elementor-background-video-container::before, .elementor-15069 .elementor-element.elementor-element-76e53cf > .e-con-inner > .elementor-background-video-container::before, .elementor-15069 .elementor-element.elementor-element-76e53cf > .elementor-background-slideshow::before, .elementor-15069 .elementor-element.elementor-element-76e53cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-15069 .elementor-element.elementor-element-76e53cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 82%, #000000 100%);}.elementor-15069 .elementor-element.elementor-element-fd518ba{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#585858;--border-color:#585858;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-15069 .elementor-element.elementor-element-fd518ba:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-fd518ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000006B;}.elementor-15069 .elementor-element.elementor-element-169abae{width:var( --container-widget-width, 549px );max-width:549px;--container-widget-width:549px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-169abae > .elementor-widget-container{margin:-113px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-169abae.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-169abae.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-15069 .elementor-element.elementor-element-169abae.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-15069 .elementor-element.elementor-element-169abae.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-description{font-size:28px;font-weight:900;text-transform:uppercase;line-height:1.2em;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-6fa6750 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;line-height:120%;fill:#D82F13;color:#D82F13;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-15069 .elementor-element.elementor-element-6fa6750 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-6fa6750.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-53ffab6{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-53ffab6 > .elementor-widget-container{margin:-101px 0px -113px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-53ffab6 .elementor-icon-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-53ffab6 .elementor-icon{font-size:232px;}.elementor-15069 .elementor-element.elementor-element-53ffab6 .elementor-icon svg{height:232px;}.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-15069 .elementor-element.elementor-element-f71f775{width:var( --container-widget-width, 494px );max-width:494px;--container-widget-width:494px;--container-widget-flex-grow:0;text-align:center;font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-f71f775 > .elementor-widget-container{margin:0px 0px -5px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-fa49520{--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;--align-items:center;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-b1848e0{width:100%;max-width:100%;text-align:center;}.elementor-15069 .elementor-element.elementor-element-b1848e0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 250px 0px 250px;}.elementor-15069 .elementor-element.elementor-element-b1848e0 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;line-height:1.2em;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-d5b50bf{--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:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-d5b50bf.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-15069 .elementor-element.elementor-element-059f7c6{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-0a190fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-25d80fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-9628091{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-928c4c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-8888c0f{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-53px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:60px;--e-n-carousel-arrow-normal-color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-8888c0f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-d431b05{--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:flex-end;--align-items:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:364px;--padding-bottom:281px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-d431b05:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-d431b05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elmetodo.pro/wp-content/uploads/2025/01/fondo-hero-completa.webp");background-position:top center;background-repeat:no-repeat;background-size:1920px auto;}.elementor-15069 .elementor-element.elementor-element-d431b05::before, .elementor-15069 .elementor-element.elementor-element-d431b05 > .elementor-background-video-container::before, .elementor-15069 .elementor-element.elementor-element-d431b05 > .e-con-inner > .elementor-background-video-container::before, .elementor-15069 .elementor-element.elementor-element-d431b05 > .elementor-background-slideshow::before, .elementor-15069 .elementor-element.elementor-element-d431b05 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15069 .elementor-element.elementor-element-d431b05 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elmetodo.pro/wp-content/uploads/2025/01/hero-montana.webp");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:1920px auto;}.elementor-15069 .elementor-element.elementor-element-11e0a61{z-index:1;}.elementor-15069 .elementor-element.elementor-element-5bbe303{z-index:10;}.elementor-15069 .elementor-element.elementor-element-59d4f29{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#585858;--border-color:#585858;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-15069 .elementor-element.elementor-element-59d4f29:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-59d4f29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000006B;}.elementor-15069 .elementor-element.elementor-element-59eeb8c{width:var( --container-widget-width, 549px );max-width:549px;--container-widget-width:549px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-59eeb8c > .elementor-widget-container{margin:-113px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-59eeb8c.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-59eeb8c.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-15069 .elementor-element.elementor-element-59eeb8c.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-15069 .elementor-element.elementor-element-59eeb8c.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-59eeb8c:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-59eeb8c:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-description{font-size:32px;font-weight:900;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-0cf9cb0 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;line-height:120%;fill:#D82F13;color:#D82F13;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-15069 .elementor-element.elementor-element-0cf9cb0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-0cf9cb0.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-c38d694{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-c38d694 > .elementor-widget-container{margin:-101px 0px -113px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-c38d694 .elementor-icon-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-c38d694 .elementor-icon{font-size:232px;}.elementor-15069 .elementor-element.elementor-element-c38d694 .elementor-icon svg{height:232px;}.elementor-15069 .elementor-element.elementor-element-e6659de{width:var( --container-widget-width, 494px );max-width:494px;--container-widget-width:494px;--container-widget-flex-grow:0;text-align:center;font-size:16px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-e6659de > .elementor-widget-container{margin:0px 0px -5px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-fc5e5f3{--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:flex-start;--flex-wrap:wrap;--align-content:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-c81cf86{width:100%;max-width:100%;text-align:center;}.elementor-15069 .elementor-element.elementor-element-c81cf86 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 250px 0px 250px;}.elementor-15069 .elementor-element.elementor-element-c81cf86 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;line-height:1.2em;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-97530f8{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-97530f8 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-97530f8 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-97530f8 .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-97530f8:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-97530f8:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-97530f8 .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-ce542a0{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-ce542a0 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-ce542a0 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-ce542a0 .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-ce542a0:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-ce542a0:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-ce542a0 .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-d3c8c8c:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-d3c8c8c .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-4e8b1a9:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-2f18b99{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-2f18b99 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-2f18b99 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-2f18b99 .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-2f18b99:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-2f18b99:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-2f18b99 .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-62a160f{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-62a160f > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-62a160f .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-62a160f .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-62a160f:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-62a160f:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-62a160f .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-941d11b{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-941d11b > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-941d11b .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-941d11b .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-941d11b:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-941d11b:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-941d11b .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-8235911{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-15069 .elementor-element.elementor-element-8235911 > .elementor-widget-container{margin:0px 0px 24px 0px;padding:5px 5px 5px 5px;}.elementor-15069 .elementor-element.elementor-element-8235911 .elementor-image-box-wrapper{text-align:start;}.elementor-15069 .elementor-element.elementor-element-8235911 .elementor-image-box-title{font-size:18px;color:#FFFFFF;}.elementor-15069 .elementor-element.elementor-element-8235911:has(:hover) .elementor-image-box-title, .elementor-15069 .elementor-element.elementor-element-8235911:has(:focus) .elementor-image-box-title{color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-8235911 .elementor-image-box-description{color:#BFBFBF;}.elementor-15069 .elementor-element.elementor-element-7d0c64d .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;line-height:120%;fill:#D82F13;color:#D82F13;border-radius:0px 0px 0px 0px;padding:20px 40px 20px 40px;}.elementor-15069 .elementor-element.elementor-element-7d0c64d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-7d0c64d.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-f9db446{--display:flex;--min-height:30vh;--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;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-15069 .elementor-element.elementor-element-f9db446:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-f9db446 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15069 .elementor-element.elementor-element-ae7787f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-9fccd3b{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-9fccd3b:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-9fccd3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E600;}.elementor-15069 .elementor-element.elementor-element-9fccd3b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15069 .elementor-element.elementor-element-575c7eb{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-575c7eb:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-575c7eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E600;}.elementor-15069 .elementor-element.elementor-element-02b0778.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-02b0778{text-align:center;}.elementor-15069 .elementor-element.elementor-element-02b0778 img{max-width:54%;}.elementor-15069 .elementor-element.elementor-element-1992411{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15069 .elementor-element.elementor-element-09d9443{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-15069 .elementor-element.elementor-element-09d9443 .elementor-widget-container{text-align:center;}.elementor-15069 .elementor-element.elementor-element-09d9443 .elementor-social-icon{background-color:var( --e-global-color-f1e795e );}.elementor-15069 .elementor-element.elementor-element-09d9443 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-15069 .elementor-element.elementor-element-09d9443 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-15069 .elementor-element.elementor-element-fc45123{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15069 .elementor-element.elementor-element-583dd72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0%;--margin-bottom:-3%;--margin-left:0%;--margin-right:0%;}.elementor-15069 .elementor-element.elementor-element-583dd72.e-con{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-52cd1e2 .elementor-button{background-color:#61CE7000;font-family:"Archivo", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-15069 .elementor-element.elementor-element-421772e .elementor-button{background-color:#61CE7000;font-family:"Archivo", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-15069 .elementor-element.elementor-element-d9839a4 .elementor-button{background-color:#61CE7000;font-family:"Archivo", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-15069 .elementor-element.elementor-element-19a462e .elementor-button{background-color:#61CE7000;font-family:"Archivo", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-15069 .elementor-element.elementor-element-01ba366 .elementor-button{background-color:#61CE7000;font-family:"Archivo", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-15069 .elementor-element.elementor-element-829ad4b{--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;--margin-top:0%;--margin-bottom:-3%;--margin-left:0%;--margin-right:0%;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-15069 .elementor-element.elementor-element-c6aaab8{--divider-border-style:solid;--divider-color:#525252;--divider-border-width:1px;}.elementor-15069 .elementor-element.elementor-element-c6aaab8 .elementor-divider-separator{width:100%;}.elementor-15069 .elementor-element.elementor-element-c6aaab8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-15069 .elementor-element.elementor-element-fc06dfb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15069 .elementor-element.elementor-element-077b12a > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-077b12a.elementor-element{--order:-99999 /* order start hack */;}.elementor-15069 .elementor-element.elementor-element-077b12a{text-align:center;font-family:"Archivo", Sans-serif;font-size:12px;font-weight:400;font-style:italic;line-height:14px;color:#797979;}body.elementor-page-15069:not(.elementor-motion-effects-element-type-background), body.elementor-page-15069 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-15069 .elementor-element.elementor-element-1c228d1{--flex-direction:column-reverse;--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;--padding-top:12vw;--padding-bottom:7vw;--padding-left:7vw;--padding-right:7vw;}.elementor-15069 .elementor-element.elementor-element-1f3ca99 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button{font-size:1.7vw;}.elementor-15069 .elementor-element.elementor-element-fa814dc{--margin-top:6vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:5vw;--padding-bottom:7vw;--padding-left:3vw;--padding-right:3vw;}.elementor-15069 .elementor-element.elementor-element-2847819 > .elementor-widget-container{margin:0vw 0vw 1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-wrapper .elementor-image-box-img{width:64vw;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-title{font-size:4.2vw;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-description{font-size:2vw;}.elementor-15069 .elementor-element.elementor-element-3136199.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-3136199 .elementor-button{font-size:3.118vw;padding:2.3vw 4.6vw 2.6vw 4.6vw;}.elementor-15069 .elementor-element.elementor-element-ecf2e5c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-ecf2e5c{text-align:start;}.elementor-15069 .elementor-element.elementor-element-fa76c98{--min-height:118vw;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:11vw;--padding-bottom:0vw;--padding-left:7.5vw;--padding-right:7.5vw;}.elementor-15069 .elementor-element.elementor-element-4c6b5de{--container-widget-width:81vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 81vw );max-width:81vw;}.elementor-15069 .elementor-element.elementor-element-4c6b5de .elementor-heading-title{font-size:3.2vw;}.elementor-15069 .elementor-element.elementor-element-4f69fe7.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-4f69fe7 .elementor-button{font-size:3.118vw;padding:2.3vw 4.6vw 2.6vw 4.6vw;}.elementor-15069 .elementor-element.elementor-element-8f94d28 > .elementor-widget-container{margin:-46vw 0vw -50vw 0vw;}.elementor-15069 .elementor-element.elementor-element-8f94d28 .elementor-icon{font-size:100vw;}.elementor-15069 .elementor-element.elementor-element-8f94d28 .elementor-icon svg{height:100vw;}.elementor-15069 .elementor-element.elementor-element-1295f78 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-1295f78{--container-widget-width:40vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 40vw );max-width:40vw;}.elementor-15069 .elementor-element.elementor-element-1295f78.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-43e36c5 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-15069 .elementor-element.elementor-element-43e36c5{--container-widget-width:47vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 47vw );max-width:47vw;z-index:99;}.elementor-15069 .elementor-element.elementor-element-43e36c5.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-1d5e11d{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-1d5e11d > .elementor-widget-container{margin:-41vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-1d5e11d.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-1d5e11d img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-f5a65ea > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-f5a65ea.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-153f074 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-15069 .elementor-element.elementor-element-153f074{--container-widget-width:47vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 47vw );max-width:47vw;z-index:99;}.elementor-15069 .elementor-element.elementor-element-153f074.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-4ca843d{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-4ca843d > .elementor-widget-container{margin:-41vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-4ca843d.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-4ca843d img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-4d67347 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-4d67347.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-63fc877 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-15069 .elementor-element.elementor-element-63fc877{--container-widget-width:47vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 47vw );max-width:47vw;z-index:99;}.elementor-15069 .elementor-element.elementor-element-63fc877.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-7452849{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-7452849 > .elementor-widget-container{margin:-41vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-7452849.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-7452849 img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-2051586 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-2051586.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-43708e9 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-15069 .elementor-element.elementor-element-43708e9{--container-widget-width:47vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 47vw );max-width:47vw;z-index:99;}.elementor-15069 .elementor-element.elementor-element-43708e9.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-a879206{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-a879206 > .elementor-widget-container{margin:-41vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-a879206.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-a879206 img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-bf67023 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-bf67023.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-2660a11 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-15069 .elementor-element.elementor-element-2660a11{--container-widget-width:47vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 47vw );max-width:47vw;z-index:99;}.elementor-15069 .elementor-element.elementor-element-2660a11.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-7db45d6{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-7db45d6 > .elementor-widget-container{margin:-41vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-7db45d6.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-7db45d6 img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-277e710 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-277e710.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-1e10516 > .elementor-widget-container{margin:0px 0px -28px 0px;}.elementor-15069 .elementor-element.elementor-element-1e10516{--container-widget-width:47vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 47vw );max-width:47vw;z-index:99;}.elementor-15069 .elementor-element.elementor-element-1e10516.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-c780c2d{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-c780c2d > .elementor-widget-container{margin:-41vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-c780c2d.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-c780c2d img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-63fafa7 > .elementor-widget-container{margin:0vw 0vw 11vw 0vw;}.elementor-15069 .elementor-element.elementor-element-63fafa7.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-title{margin-bottom:0;font-size:6.5vw;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-57608bc{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-57608bc > .elementor-widget-container{margin:-33vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-57608bc.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-57608bc img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-6297a5e > .elementor-widget-container{margin:0vw 0vw 7vw 0vw;}.elementor-15069 .elementor-element.elementor-element-6297a5e.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-a69c8a9{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-a69c8a9 > .elementor-widget-container{margin:-33vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-a69c8a9.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-a69c8a9 img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 > .elementor-widget-container{margin:0vw 0vw 9vw 0vw;}.elementor-15069 .elementor-element.elementor-element-b4e7c03.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-8a6d7f8{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-8a6d7f8 > .elementor-widget-container{margin:-33vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-8a6d7f8.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-8a6d7f8 img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-06e5801 > .elementor-widget-container{margin:0vw 0vw 16vw 0vw;}.elementor-15069 .elementor-element.elementor-element-06e5801.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-654d50f{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-654d50f > .elementor-widget-container{margin:-41vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-654d50f.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-654d50f img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-6b209b6 > .elementor-widget-container{margin:0vw 0vw 9vw 0vw;}.elementor-15069 .elementor-element.elementor-element-6b209b6.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-f5377f2{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-f5377f2 > .elementor-widget-container{margin:-33vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-f5377f2.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-f5377f2 img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-60b55f9 > .elementor-widget-container{margin:0vw 0vw -2vw 0vw;}.elementor-15069 .elementor-element.elementor-element-60b55f9.elementor-element{--align-self:flex-start;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-title{margin-bottom:0;font-size:8vw;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-description{font-size:1.6vw;}.elementor-15069 .elementor-element.elementor-element-75d01ad{width:var( --container-widget-width, 91vw );max-width:91vw;--container-widget-width:91vw;--container-widget-flex-grow:0;text-align:end;}.elementor-15069 .elementor-element.elementor-element-75d01ad > .elementor-widget-container{margin:-33vw -8vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-75d01ad.elementor-element{--align-self:flex-end;}.elementor-15069 .elementor-element.elementor-element-75d01ad img{width:69vw;}.elementor-15069 .elementor-element.elementor-element-5d1c05c{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-15069 .elementor-element.elementor-element-5d1c05c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-1af4a51{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:7.5vw;--padding-right:7.5vw;}.elementor-15069 .elementor-element.elementor-element-ac41e76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:9.3vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-ac41e76 .elementor-image-box-title{font-size:3.8vw;}.elementor-15069 .elementor-element.elementor-element-ac41e76 .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-8a8d57f{--min-height:118vw;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4vw;--padding-bottom:0vw;--padding-left:4vw;--padding-right:4vw;}.elementor-15069 .elementor-element.elementor-element-2352d20{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-b42a032{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-fca0ae0{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-5fb9f46{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-42388a8{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-897dc27{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-98ebc32{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-bfdc5db{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-7f47e46{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-42354aa{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-09d9204{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-54cfa14{--e-n-carousel-swiper-slides-to-display:2;}.elementor-15069 .elementor-element.elementor-element-54cfa14 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-caa73fa.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-caa73fa .elementor-button{font-size:3.118vw;padding:2.3vw 4.6vw 2.6vw 4.6vw;}.elementor-15069 .elementor-element.elementor-element-b5feb21{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--align-content:flex-start;}.elementor-15069 .elementor-element.elementor-element-80f6b03{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-58f1e11{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-7071d24{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-eccb7fd{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-54cd8eb{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-92e974e > .elementor-widget-container{margin:0vw 0vw 4vw 0vw;}.elementor-15069 .elementor-element.elementor-element-92e974e{--container-widget-width:36.5vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 36.5vw );max-width:36.5vw;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-title{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-description{font-size:1.6vw;line-height:2.1vw;}.elementor-15069 .elementor-element.elementor-element-ddc671d > .elementor-widget-container{margin:0vw 0vw 0vw 13vw;}.elementor-15069 .elementor-element.elementor-element-ddc671d.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-ddc671d .elementor-button{font-size:3.118vw;padding:2.3vw 4.6vw 2.6vw 4.6vw;}.elementor-15069 .elementor-element.elementor-element-2cf5169{--n-tabs-title-font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-76e53cf{--min-height:0px;--justify-content:flex-start;--margin-top:-26vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:75vw;--padding-bottom:9.6vw;--padding-left:7.5vw;--padding-right:7.5vw;}.elementor-15069 .elementor-element.elementor-element-76e53cf:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-76e53cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:100vw auto;}.elementor-15069 .elementor-element.elementor-element-fd518ba{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:7vw;--padding-left:3vw;--padding-right:3vw;}.elementor-15069 .elementor-element.elementor-element-169abae.elementor-position-right .elementor-image-box-img{margin-left:1vw;}.elementor-15069 .elementor-element.elementor-element-169abae.elementor-position-left .elementor-image-box-img{margin-right:1vw;}.elementor-15069 .elementor-element.elementor-element-169abae.elementor-position-top .elementor-image-box-img{margin-bottom:1vw;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-wrapper .elementor-image-box-img{width:19vw;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-description{font-size:3.4vw;}.elementor-15069 .elementor-element.elementor-element-6fa6750.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-6fa6750 .elementor-button{font-size:3.118vw;padding:2.3vw 4.6vw 2.6vw 4.6vw;}.elementor-15069 .elementor-element.elementor-element-f71f775 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-f71f775{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-719efdc img{width:40vw;}.elementor-15069 .elementor-element.elementor-element-b1848e0 > .elementor-widget-container{padding:0vw 4vw 0vw 4vw;}.elementor-15069 .elementor-element.elementor-element-b1848e0 .elementor-heading-title{font-size:3.2vw;}.elementor-15069 .elementor-element.elementor-element-d5b50bf{--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:space-evenly;--align-items:center;}.elementor-15069 .elementor-element.elementor-element-8888c0f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-15069 .elementor-element.elementor-element-8888c0f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-8888c0f.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-d431b05:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-d431b05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elmetodo.pro/wp-content/uploads/2025/01/fondohero-tablet.webp");background-size:100% auto;}.elementor-15069 .elementor-element.elementor-element-d431b05{--overlay-opacity:0;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:50vw;--padding-bottom:8.3vw;--padding-left:0vw;--padding-right:0vw;}.elementor-15069 .elementor-element.elementor-element-59d4f29{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:7vw;--padding-left:3vw;--padding-right:3vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c.elementor-position-right .elementor-image-box-img{margin-left:1vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c.elementor-position-left .elementor-image-box-img{margin-right:1vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c.elementor-position-top .elementor-image-box-img{margin-bottom:1vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-wrapper .elementor-image-box-img{width:36vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-description{font-size:2.8vw;}.elementor-15069 .elementor-element.elementor-element-0cf9cb0.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-0cf9cb0 .elementor-button{font-size:3.118vw;padding:2.3vw 4.6vw 2.6vw 4.6vw;}.elementor-15069 .elementor-element.elementor-element-e6659de > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-e6659de{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-fc5e5f3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:11.6vw;--padding-bottom:8vw;--padding-left:7.5vw;--padding-right:7.5vw;}.elementor-15069 .elementor-element.elementor-element-c81cf86 > .elementor-widget-container{padding:0vw 4vw 0vw 4vw;}.elementor-15069 .elementor-element.elementor-element-c81cf86 .elementor-heading-title{font-size:3.2vw;}.elementor-15069 .elementor-element.elementor-element-97530f8 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-97530f8{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-97530f8 .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-97530f8 .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-ce542a0 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-ce542a0{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-ce542a0 .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-ce542a0 .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-2f18b99 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-2f18b99{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-2f18b99 .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-2f18b99 .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-62a160f > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-62a160f{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-62a160f .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-62a160f .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-941d11b > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-941d11b{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-941d11b .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-941d11b .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-8235911 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-8235911{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-8235911 .elementor-image-box-title{margin-bottom:1vw;font-size:2.2vw;}.elementor-15069 .elementor-element.elementor-element-8235911 .elementor-image-box-description{font-size:1.9vw;}.elementor-15069 .elementor-element.elementor-element-7d0c64d.elementor-element{--align-self:center;}.elementor-15069 .elementor-element.elementor-element-7d0c64d .elementor-button{font-size:3.118vw;padding:2.3vw 4.6vw 2.6vw 4.6vw;}}@media(max-width:767px){.elementor-15069 .elementor-element.elementor-element-1c228d1{--flex-direction:column-reverse;--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;--align-items:flex-start;--padding-top:19vw;--padding-bottom:10vw;--padding-left:7vw;--padding-right:7vw;}.elementor-15069 .elementor-element.elementor-element-1f3ca99 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button{font-size:4.1vw;border-radius:0px 0px 0px 20px;}.elementor-15069 .elementor-element.elementor-element-fa814dc{--border-radius:30px 30px 30px 30px;}.elementor-15069 .elementor-element.elementor-element-2847819 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-img{margin-bottom:15px;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-wrapper .elementor-image-box-img{width:75vw;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-title{font-size:4.9vw;}.elementor-15069 .elementor-element.elementor-element-2847819 .elementor-image-box-description{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-3136199{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-3136199 .elementor-button{font-size:5.128vw;padding:4.5vw 0vw 4.5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-fa062f1 > .elementor-widget-container{margin:-23vw 0vw -23vw 0vw;}.elementor-15069 .elementor-element.elementor-element-fa062f1 .elementor-icon{font-size:49vw;}.elementor-15069 .elementor-element.elementor-element-fa062f1 .elementor-icon svg{height:49vw;}.elementor-15069 .elementor-element.elementor-element-bea0764{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15069 .elementor-element.elementor-element-ecf2e5c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-fa76c98{--padding-top:13vw;--padding-bottom:20vw;--padding-left:7.5vw;--padding-right:7.5vw;}.elementor-15069 .elementor-element.elementor-element-4c6b5de{--container-widget-width:85vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 85vw );max-width:85vw;}.elementor-15069 .elementor-element.elementor-element-4c6b5de .elementor-heading-title{font-size:5vw;}.elementor-15069 .elementor-element.elementor-element-4f69fe7{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-4f69fe7 .elementor-button{font-size:5.128vw;padding:4.5vw 0vw 4.5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-1295f78 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-1295f78{--container-widget-width:56vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 56vw );max-width:56vw;z-index:1;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-1295f78 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-43e36c5 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-43e36c5{--container-widget-width:69vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 69vw );max-width:69vw;}.elementor-15069 .elementor-element.elementor-element-1d5e11d > .elementor-widget-container{margin:-80vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-1d5e11d{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-1d5e11d img{width:100%;}.elementor-15069 .elementor-element.elementor-element-f5a65ea > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-f5a65ea{--container-widget-width:53vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 53vw );max-width:53vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-f5a65ea .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-153f074 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-153f074{--container-widget-width:69vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 69vw );max-width:69vw;}.elementor-15069 .elementor-element.elementor-element-4ca843d > .elementor-widget-container{margin:-80vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-4ca843d{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-4ca843d img{width:100%;}.elementor-15069 .elementor-element.elementor-element-4d67347 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-4d67347{--container-widget-width:55vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 55vw );max-width:55vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-4d67347 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-63fc877 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-63fc877{--container-widget-width:69vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 69vw );max-width:69vw;}.elementor-15069 .elementor-element.elementor-element-7452849 > .elementor-widget-container{margin:-80vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-7452849{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-7452849 img{width:100%;}.elementor-15069 .elementor-element.elementor-element-2051586 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-2051586{--container-widget-width:53vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 53vw );max-width:53vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-2051586 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-43708e9 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-43708e9{--container-widget-width:69vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 69vw );max-width:69vw;}.elementor-15069 .elementor-element.elementor-element-a879206 > .elementor-widget-container{margin:-80vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-a879206{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-a879206 img{width:100%;}.elementor-15069 .elementor-element.elementor-element-bf67023 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-bf67023{--container-widget-width:53vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 53vw );max-width:53vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-bf67023 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-2660a11 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-2660a11{--container-widget-width:69vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 69vw );max-width:69vw;}.elementor-15069 .elementor-element.elementor-element-7db45d6 > .elementor-widget-container{margin:-76vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-7db45d6{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-7db45d6 img{width:100%;}.elementor-15069 .elementor-element.elementor-element-277e710 > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-277e710{--container-widget-width:53vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 53vw );max-width:53vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-277e710 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-1e10516 > .elementor-widget-container{margin:-2vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-1e10516{--container-widget-width:69vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 69vw );max-width:69vw;}.elementor-15069 .elementor-element.elementor-element-c780c2d > .elementor-widget-container{margin:-76vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-c780c2d{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-c780c2d img{width:100%;}.elementor-15069 .elementor-element.elementor-element-63fafa7 > .elementor-widget-container{margin:0vw 0vw 10vw 0vw;}.elementor-15069 .elementor-element.elementor-element-63fafa7{--container-widget-width:46vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 46vw );max-width:46vw;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-title{margin-bottom:0;font-size:8.2vw;}.elementor-15069 .elementor-element.elementor-element-63fafa7 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-57608bc > .elementor-widget-container{margin:-78vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-57608bc{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-57608bc img{width:100%;}.elementor-15069 .elementor-element.elementor-element-6297a5e > .elementor-widget-container{margin:0vw 0vw 3vw 0vw;}.elementor-15069 .elementor-element.elementor-element-6297a5e{--container-widget-width:46vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 46vw );max-width:46vw;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-6297a5e .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-a69c8a9 > .elementor-widget-container{margin:-78vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-a69c8a9{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-a69c8a9 img{width:100%;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 > .elementor-widget-container{margin:0vw 0vw 8vw 0vw;}.elementor-15069 .elementor-element.elementor-element-b4e7c03{--container-widget-width:49vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 49vw );max-width:49vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-b4e7c03 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-8a6d7f8 > .elementor-widget-container{margin:-78vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-8a6d7f8{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-8a6d7f8 img{width:100%;}.elementor-15069 .elementor-element.elementor-element-06e5801 > .elementor-widget-container{margin:0vw 0vw 2vw 0vw;}.elementor-15069 .elementor-element.elementor-element-06e5801{--container-widget-width:47vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 47vw );max-width:47vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-06e5801 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-654d50f > .elementor-widget-container{margin:-78vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-654d50f{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-654d50f img{width:100%;}.elementor-15069 .elementor-element.elementor-element-6b209b6 > .elementor-widget-container{margin:0vw 0vw 5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-6b209b6{--container-widget-width:46vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 46vw );max-width:46vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-6b209b6 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-f5377f2 > .elementor-widget-container{margin:-78vw -37vw -1vw 0vw;}.elementor-15069 .elementor-element.elementor-element-f5377f2{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-f5377f2 img{width:100%;}.elementor-15069 .elementor-element.elementor-element-60b55f9 > .elementor-widget-container{margin:0vw 0vw 9vw 0vw;}.elementor-15069 .elementor-element.elementor-element-60b55f9{--container-widget-width:57vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 57vw );max-width:57vw;z-index:2;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-img{margin-bottom:-10px;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-title{margin-bottom:0;font-size:13vw;}.elementor-15069 .elementor-element.elementor-element-60b55f9 .elementor-image-box-description{font-size:3.1vw;}.elementor-15069 .elementor-element.elementor-element-75d01ad > .elementor-widget-container{margin:-89vw -37vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-75d01ad{--container-widget-width:63vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 63vw );max-width:63vw;}.elementor-15069 .elementor-element.elementor-element-75d01ad img{width:100%;}.elementor-15069 .elementor-element.elementor-element-5d1c05c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;}.elementor-15069 .elementor-element.elementor-element-5d1c05c > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-1af4a51{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10vw;--padding-bottom:7.5vw;--padding-left:7.5vw;--padding-right:7.5vw;}.elementor-15069 .elementor-element.elementor-element-ac41e76 .elementor-image-box-title{margin-bottom:1vw;font-size:4.6vw;}.elementor-15069 .elementor-element.elementor-element-ac41e76 .elementor-image-box-description{font-size:3.8vw;}.elementor-15069 .elementor-element.elementor-element-8a8d57f{--min-height:190vw;--border-radius:0px 0px 30px 30px;--padding-top:5vw;--padding-bottom:8vw;--padding-left:5vw;--padding-right:5vw;}.elementor-15069 .elementor-element.elementor-element-b42a032{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-b42a032 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-fca0ae0{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-fca0ae0 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-5fb9f46{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-5fb9f46 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-42388a8{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-42388a8 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-897dc27{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-897dc27 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-98ebc32{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-98ebc32 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-bfdc5db{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-bfdc5db .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-7f47e46{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-7f47e46 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-42354aa{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-42354aa .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-09d9204{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-09d9204 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-54cfa14{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0vw;--e-n-carousel-arrow-prev-top-position:70vw;--e-n-carousel-arrow-next-right-position:0vw;--e-n-carousel-arrow-next-top-position:70vw;--e-n-carousel-arrow-size:14vw;}.elementor-15069 .elementor-element.elementor-element-54cfa14 > .elementor-widget-container{margin:0vw 0vw 30vw 0vw;}.elementor-15069 .elementor-element.elementor-element-caa73fa{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-caa73fa .elementor-button{font-size:5.128vw;padding:4.5vw 0vw 4.5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-b5feb21{--gap:3vw 0vw;--row-gap:3vw;--column-gap:0vw;--border-radius:0px 00px 20px 20px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-15069 .elementor-element.elementor-element-80f6b03{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-80f6b03 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-58f1e11{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-58f1e11 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-7071d24{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-7071d24 .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-eccb7fd{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-eccb7fd .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-54cd8eb{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-54cd8eb .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-92e974e{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-img{margin-bottom:2px;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-title{font-size:3.7vw;}.elementor-15069 .elementor-element.elementor-element-92e974e .elementor-image-box-description{font-size:3.5vw;line-height:4vw;}.elementor-15069 .elementor-element.elementor-element-ddc671d{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-ddc671d > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-ddc671d .elementor-button{font-size:5.128vw;padding:4.5vw 0vw 4.5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-2cf5169{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-title-padding-top:8vw;--n-tabs-title-padding-right:5vw;--n-tabs-title-padding-bottom:2vw;--n-tabs-title-padding-left:5vw;--n-tabs-title-font-size:3.6vw;}.elementor-15069 .elementor-element.elementor-element-76e53cf:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-76e53cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:130% auto;}.elementor-15069 .elementor-element.elementor-element-76e53cf{--padding-top:108vw;--padding-bottom:18vw;--padding-left:7.5vw;--padding-right:7.5vw;}.elementor-15069 .elementor-element.elementor-element-fd518ba{--border-radius:30px 30px 30px 30px;}.elementor-15069 .elementor-element.elementor-element-169abae > .elementor-widget-container{margin:-26vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-img{margin-bottom:1vw;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-wrapper .elementor-image-box-img{width:39vw;}.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-description{font-size:3.9vw;}.elementor-15069 .elementor-element.elementor-element-6fa6750{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-6fa6750 .elementor-button{font-size:5.128vw;padding:4.5vw 0vw 4.5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-53ffab6 > .elementor-widget-container{margin:-23vw 0vw -23vw 0vw;}.elementor-15069 .elementor-element.elementor-element-53ffab6 .elementor-icon{font-size:49vw;}.elementor-15069 .elementor-element.elementor-element-53ffab6 .elementor-icon svg{height:49vw;}.elementor-15069 .elementor-element.elementor-element-f71f775{font-size:3vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-719efdc img{width:63vw;}.elementor-15069 .elementor-element.elementor-element-b1848e0{width:var( --container-widget-width, 64vw );max-width:64vw;--container-widget-width:64vw;--container-widget-flex-grow:0;text-align:start;}.elementor-15069 .elementor-element.elementor-element-b1848e0 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-b1848e0 .elementor-heading-title{font-size:4.3vw;}.elementor-15069 .elementor-element.elementor-element-d5b50bf{--width:70vw;--padding-top:0vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:0vw;--z-index:4;}.elementor-15069 .elementor-element.elementor-element-8888c0f{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-next-right-position:-11vw;--e-n-carousel-arrow-size:10vw;}.elementor-15069 .elementor-element.elementor-element-d431b05:not(.elementor-motion-effects-element-type-background), .elementor-15069 .elementor-element.elementor-element-d431b05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elmetodo.pro/wp-content/uploads/2025/01/fondohero.webp");}.elementor-15069 .elementor-element.elementor-element-d431b05{--gap:0vw 0vw;--row-gap:0vw;--column-gap:0vw;--padding-top:77vw;--padding-bottom:18vw;--padding-left:5vw;--padding-right:5vw;}.elementor-15069 .elementor-element.elementor-element-11e0a61 img{width:100vw;}.elementor-15069 .elementor-element.elementor-element-5bbe303 img{width:130vw;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-59d4f29{--border-radius:30px 30px 30px 30px;}.elementor-15069 .elementor-element.elementor-element-59eeb8c > .elementor-widget-container{margin:-26vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-wrapper{text-align:center;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-img{margin-bottom:1vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-wrapper .elementor-image-box-img{width:39vw;}.elementor-15069 .elementor-element.elementor-element-59eeb8c .elementor-image-box-description{font-size:5vw;}.elementor-15069 .elementor-element.elementor-element-0cf9cb0{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-0cf9cb0 .elementor-button{font-size:5.128vw;padding:4.5vw 0vw 4.5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-c38d694 > .elementor-widget-container{margin:-23vw 0vw -23vw 0vw;}.elementor-15069 .elementor-element.elementor-element-c38d694 .elementor-icon{font-size:49vw;}.elementor-15069 .elementor-element.elementor-element-c38d694 .elementor-icon svg{height:49vw;}.elementor-15069 .elementor-element.elementor-element-e6659de{font-size:3vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-fc5e5f3{--justify-content:flex-start;--padding-top:0vw;--padding-bottom:10vw;--padding-left:7vw;--padding-right:7vw;}.elementor-15069 .elementor-element.elementor-element-c81cf86{width:var( --container-widget-width, 64vw );max-width:64vw;--container-widget-width:64vw;--container-widget-flex-grow:0;text-align:start;}.elementor-15069 .elementor-element.elementor-element-c81cf86 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-15069 .elementor-element.elementor-element-c81cf86 .elementor-heading-title{font-size:4.3vw;}.elementor-15069 .elementor-element.elementor-element-97530f8 .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-97530f8 .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-ce542a0 .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-ce542a0 .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-d3c8c8c .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-4e8b1a9 .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-2f18b99 .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-2f18b99 .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-62a160f .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-62a160f .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-941d11b .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-941d11b .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-8235911 .elementor-image-box-title{font-size:4vw;}.elementor-15069 .elementor-element.elementor-element-8235911 .elementor-image-box-description{font-size:3.2vw;line-height:1.2em;}.elementor-15069 .elementor-element.elementor-element-7d0c64d{width:100%;max-width:100%;}.elementor-15069 .elementor-element.elementor-element-7d0c64d .elementor-button{font-size:5.128vw;padding:4.5vw 0vw 4.5vw 0vw;}.elementor-15069 .elementor-element.elementor-element-9fccd3b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15069 .elementor-element.elementor-element-575c7eb{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15069 .elementor-element.elementor-element-fc45123{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15069 .elementor-element.elementor-element-077b12a{text-align:center;}}@media(min-width:768px){.elementor-15069 .elementor-element.elementor-element-1c228d1{--content-width:1300px;}.elementor-15069 .elementor-element.elementor-element-fa814dc{--width:520px;}.elementor-15069 .elementor-element.elementor-element-2352d20{--width:100%;}.elementor-15069 .elementor-element.elementor-element-fd518ba{--width:66%;}.elementor-15069 .elementor-element.elementor-element-d431b05{--content-width:1920px;}.elementor-15069 .elementor-element.elementor-element-59d4f29{--width:626px;}.elementor-15069 .elementor-element.elementor-element-9fccd3b{--width:30.702%;}.elementor-15069 .elementor-element.elementor-element-575c7eb{--content-width:750px;}}@media(max-width:1024px) and (min-width:768px){.elementor-15069 .elementor-element.elementor-element-fa814dc{--width:84vw;}.elementor-15069 .elementor-element.elementor-element-76e53cf{--content-width:100vw;}.elementor-15069 .elementor-element.elementor-element-fd518ba{--width:84vw;}.elementor-15069 .elementor-element.elementor-element-d5b50bf{--width:90vw;}.elementor-15069 .elementor-element.elementor-element-59d4f29{--width:84vw;}}/* Start custom CSS for button, class: .elementor-element-1f3ca99 */.elementor-15069 .elementor-element.elementor-element-1f3ca99 svg{ width: 23px; margin-top: -4px } .elementor-15069 .elementor-element.elementor-element-1f3ca99{ position: absolute; top: 0; z-index: 99; right: calc(50% - 570px); } .elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button{ padding: 10px 30px !important; } .elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button:hover{ padding: 17px 30px !important; } /*Celular*/ @media (max-width:767px){ .elementor-15069 .elementor-element.elementor-element-1f3ca99{ position: absolute; top: 0; z-index: 99; right: 0vw; } .elementor-15069 .elementor-element.elementor-element-1f3ca99 svg{ width: 6vw; margin-top: -1vw } .elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button{ padding: 2vw 3vw !important; } .elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button:hover{ padding: 3vw 3vw !important; } } /*Tablet*/ @media (min-width:768px) and (max-width:1024px){ .elementor-15069 .elementor-element.elementor-element-1f3ca99{ position: absolute; top: 0; z-index: 99; right: calc(50% - 49vw); } .elementor-15069 .elementor-element.elementor-element-1f3ca99 svg{ width: 3vw; margin-top: -0.5vw } .elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button{ padding: 1.5vw 4vw 1vw !important; } .elementor-15069 .elementor-element.elementor-element-1f3ca99 .elementor-button:hover{ padding: 2vw 4vw !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2847819 */.elementor-15069 .elementor-element.elementor-element-2847819 img{ padding: 10px 15px; border: solid 1px #535353; border-radius: 35px; background: #00000020; backdrop-filter: blur(10px); width: 540px }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a8b4179 */.degradado2 { color:#14DF13 ; font-size:160px; align-content: center; } .bloque-precio { text-align: center; } /* Tablet */ @media (max-width: 1024px) { .degradado2 { font-size: 18vw; } } /* Mobile */ @media (max-width: 767px) { .degradado2 { font-size: 28vw; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3136199 */.botonsaso{ clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); transition: 0.5s ease-in-out; } .botonsaso:hover{ transform: scale(1.10) } .botonsaso:after{ content:""; width: 40px; height: 250px; background: #FFF8BF; position: absolute; top:-30px; left: -60px; transform: rotate(15deg); animation: reflejo 4s infinite linear; filter: blur(10px); } @keyframes reflejo{ 0%{ left: 0%; } 30%,100%{ left: 110%; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-fa062f1 */.elementor-15069 .elementor-element.elementor-element-fa062f1{ opacity: 0.4; pointer-events: none; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fa814dc */.elementor-15069 .elementor-element.elementor-element-fa814dc{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6e10e7b */.elementor-custom-embed-play{ background: #D9D9D920; width: 167px !important; height: 167px !important; padding: 45px; border-radius: 150px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .elementor-15069 .elementor-element.elementor-element-6e10e7b svg{ padding-left: 10px } .elementor-15069 .elementor-element.elementor-element-6e10e7b{ transform: rotate(-0.8deg); } .elementor-15069 .elementor-element.elementor-element-6e10e7b:before { content: ""; position: absolute; background-image: url('https://elmetodo.pro/wp-content/uploads/2025/11/el-metodo-png-raw.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 150px; height: 150px; top: -100px; left: 10px; z-index: 10; transform: rotate(0.8deg); pointer-events: none } .elementor-15069 .elementor-element.elementor-element-6e10e7b:after{ content:""; width: 600px !important; height: 358px !important; position: absolute; top:-8px; left:-8px; background: #441CCC; z-index: -1; transform: rotate(0.8deg); } /*Tablet*/ @media (min-width:768px) and (max-width:1024px){ /* Ajuste de la M en Tablet */ .elementor-15069 .elementor-element.elementor-element-6e10e7b:before { width: 15vw; height: 15vw; top: -10vw; left: 2vw; } .elementor-15069 .elementor-element.elementor-element-6e10e7b:after{ content:""; width: 67.5vw !important; height: 39.2vw !important; position: absolute; top:-8px; left:-8px; background: #441CCC; z-index: -1; transform: rotate(0.8deg); } .elementor-custom-embed-play{ width: 18vw !important; height: 18vw !important; padding: 5vw; } } /*Celular*/ @media (max-width:767px){ /* Ajuste de la M en Celular */ .elementor-15069 .elementor-element.elementor-element-6e10e7b:before { width: 15vw; height: 25vw; top: -15vw; left: 12vw; } .elementor-15069 .elementor-element.elementor-element-6e10e7b:after{ width: 85vw !important; height: 50vw !important; position: absolute; top:-8px; left: -4px; background: #441CCC; z-index: -1; transform: rotate(0.8deg); } .elementor-custom-embed-play{ width: 22vw !important; height: 22vw !important; padding: 5vw; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c228d1 */@property --x { syntax: ''; inherits: false; initial-value: 0%; } .elementor-15069 .elementor-element.elementor-element-1c228d1 { background: radial-gradient(ellipse farthest-corner at var(--x) 0%, #60f 0%, #5200CC 20%, #290066 55%, #140033 82.5%, #140033 100%); animation: colorChange 5s infinite alternate; } @keyframes colorChange { 0% { --x:0%; } 50% { --x:50%; } 100% { --x:100%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ecf2e5c */.elementor-15069 .elementor-element.elementor-element-ecf2e5c .elementor-heading-title{ white-space: nowrap; margin-left: -390px; width: max-content; animation: cinta-infinita-de-texto 30s infinite linear; background: #441CCC; padding: 20px 0px; } @keyframes cinta-infinita-de-texto { from { transform: translateX(0); } to { transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-8f94d28 */.elementor-15069 .elementor-element.elementor-element-8f94d28{ position: absolute; bottom:-946px; left: calc(50% - 960px); z-index: 99; } /*Tablet*/ @media (min-width:768px) and (max-width:1024px){ .elementor-15069 .elementor-element.elementor-element-8f94d28{ position: absolute; bottom: 0vw; left: calc(50% - 50vw); z-index: 99; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1d5e11d */.skin{ animation: entrada 0.4s forwards; } @keyframes entrada{ 0%{ transform: translateY(100px); filter: blur(5px) brightness(150%); } 100%{ transform: translateY(0px); filter: blur(0px) brightness(100%); } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5d1c05c */.elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tabs-heading img{ width: 185px; margin-bottom: 5px; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tabs-heading{ position: absolute; bottom: 130px; z-index: 999 } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title{ transition: 0.5s !important; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title[aria-selected=true]:after{ content:""; width: 191px; height: 115px; background: white; clip-path: polygon( 8.958% 0%,99.792% 0%,92.5% 99.648%,0% 99.648%,8.958% 0% ); position: absolute; z-index: -1; left: -3px; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title[aria-selected=false]{ filter: saturate(0); } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title:hover{ filter: saturate(1); } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title:hover:after{ content: ""; width: 191px; height: 115px; background: white; clip-path: polygon(8.958% 0%, 99.792% 0%, 92.5% 99.648%, 0% 99.648%, 8.958% 0%); position: absolute; z-index: -1; left: -3px; animation: comienzo 0.8s forwards; /* Animación de entrada */ } @keyframes comienzo{ 0%{ opacity:0; } 99%{ opacity:1; } } /*Tablet*/ @media (min-width:768px) and (max-width:1024px){ .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tabs-heading img{ width: 20.2vw; margin-bottom: 0.4vw; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title[aria-selected=true]:after{ width: 21vw; height: 13vw; left: -0.4vw; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title:hover:after{ width: 21vw; height: 13vw; left: -0.4vw; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tabs-heading{ position: absolute; bottom: 10vw; z-index: 999 } } /*Celular*/ @media (max-width:767px){ .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tabs-heading img{ width: 27vw; margin-bottom: 2vw; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title[aria-selected=true]:after{ width: 28vw; height: 18vw; left: -0.4vw; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tab-title:hover:after{ width: 28vw; height: 18vw; left: -0.4vw; } .elementor-15069 .elementor-element.elementor-element-5d1c05c .e-n-tabs-heading{ position: absolute; bottom: -14vw; z-index: 999; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fa76c98 */.elementor-15069 .elementor-element.elementor-element-fa76c98{ background-image: linear-gradient(to top, #FE6601, #AA2062, #5D0161); overflow: hidden; } /*Celular*/ @media (max-width:767px){ .elementor-15069 .elementor-element.elementor-element-fa76c98{ overflow: visible; } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-54cfa14 */@media (min-width: 768px) { .carrusel-apilado .elementor-swiper, .carrusel-apilado .swiper { overflow: visible !important; } .carrusel-apilado .swiper-wrapper { display: flex !important; flex-direction: column !important; transform: none !important; transition: none !important; height: auto !important; will-change: unset !important; } .carrusel-apilado .swiper-slide { width: 100% !important; height: auto !important; margin-bottom: 30px; opacity: 1 !important; pointer-events: auto !important; } .carrusel-apilado .elementor-swiper-button, .carrusel-apilado .swiper-pagination { display: none !important; } } @media (max-width: 767px) { .carrusel-apilado .swiper-wrapper { display: flex !important; flex-direction: row !important; } .carrusel-apilado .swiper-slide { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a8d57f */.elementor-15069 .elementor-element.elementor-element-8a8d57f{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .elementor-15069 .elementor-element.elementor-element-8a8d57f img{ width: 100%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ddc671d */.botonsaso{ clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); transition: 0.5s ease-in-out; } .botonsaso:hover{ transform: scale(1.10) } .botonsaso:after{ content:""; width: 40px; height: 250px; background: #FFF8BF; position: absolute; top:-30px; left: -60px; transform: rotate(15deg); animation: reflejo 4s infinite linear; filter: blur(10px); } @keyframes reflejo{ 0%{ left: 0%; } 30%,100%{ left: 110%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b5feb21 */.elementor-15069 .elementor-element.elementor-element-b5feb21{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .elementor-15069 .elementor-element.elementor-element-b5feb21 img{ width: 100%; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-54cfa14 */@media (min-width: 768px) { .carrusel-apilado .elementor-swiper, .carrusel-apilado .swiper { overflow: visible !important; } .carrusel-apilado .swiper-wrapper { display: flex !important; flex-direction: column !important; transform: none !important; transition: none !important; height: auto !important; will-change: unset !important; } .carrusel-apilado .swiper-slide { width: 100% !important; height: auto !important; margin-bottom: 30px; opacity: 1 !important; pointer-events: auto !important; } .carrusel-apilado .elementor-swiper-button, .carrusel-apilado .swiper-pagination { display: none !important; } } @media (max-width: 767px) { .carrusel-apilado .swiper-wrapper { display: flex !important; flex-direction: row !important; } .carrusel-apilado .swiper-slide { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a8d57f */.elementor-15069 .elementor-element.elementor-element-8a8d57f{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .elementor-15069 .elementor-element.elementor-element-8a8d57f img{ width: 100%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ddc671d */.botonsaso{ clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); transition: 0.5s ease-in-out; } .botonsaso:hover{ transform: scale(1.10) } .botonsaso:after{ content:""; width: 40px; height: 250px; background: #FFF8BF; position: absolute; top:-30px; left: -60px; transform: rotate(15deg); animation: reflejo 4s infinite linear; filter: blur(10px); } @keyframes reflejo{ 0%{ left: 0%; } 30%,100%{ left: 110%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b5feb21 */.elementor-15069 .elementor-element.elementor-element-b5feb21{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .elementor-15069 .elementor-element.elementor-element-b5feb21 img{ width: 100%; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-54cfa14 */@media (min-width: 768px) { .carrusel-apilado .elementor-swiper, .carrusel-apilado .swiper { overflow: visible !important; } .carrusel-apilado .swiper-wrapper { display: flex !important; flex-direction: column !important; transform: none !important; transition: none !important; height: auto !important; will-change: unset !important; } .carrusel-apilado .swiper-slide { width: 100% !important; height: auto !important; margin-bottom: 30px; opacity: 1 !important; pointer-events: auto !important; } .carrusel-apilado .elementor-swiper-button, .carrusel-apilado .swiper-pagination { display: none !important; } } @media (max-width: 767px) { .carrusel-apilado .swiper-wrapper { display: flex !important; flex-direction: row !important; } .carrusel-apilado .swiper-slide { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a8d57f */.elementor-15069 .elementor-element.elementor-element-8a8d57f{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .elementor-15069 .elementor-element.elementor-element-8a8d57f img{ width: 100%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ddc671d */.botonsaso{ clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); transition: 0.5s ease-in-out; } .botonsaso:hover{ transform: scale(1.10) } .botonsaso:after{ content:""; width: 40px; height: 250px; background: #FFF8BF; position: absolute; top:-30px; left: -60px; transform: rotate(15deg); animation: reflejo 4s infinite linear; filter: blur(10px); } @keyframes reflejo{ 0%{ left: 0%; } 30%,100%{ left: 110%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b5feb21 */.elementor-15069 .elementor-element.elementor-element-b5feb21{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .elementor-15069 .elementor-element.elementor-element-b5feb21 img{ width: 100%; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-2cf5169 */.elementor-15069 .elementor-element.elementor-element-2cf5169 .e-n-tab-title-text img{ padding-right: 6px } /*Celular*/ @media (max-width:767px){ .elementor-15069 .elementor-element.elementor-element-2cf5169 .e-n-tab-title img{ position: absolute; top: 3vw; left: 11vw; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-169abae */.elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-title{ padding: 12px 10px 10px; border: solid 1px #535353; border-radius: 35px; background: #00000050; width: 460px; margin-left: 45px; justify-content: center; align-items: center } .elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-img{ filter: brightness(100%); animation: brillo 6s infinite linear; } .amarillo{ color: #F3F240; } /*Celular*/ @media (max-width:767px){ .elementor-15069 .elementor-element.elementor-element-169abae .elementor-image-box-title{ padding: 5px 5px 1px; border: solid 1px #535353; border-radius: 35px; background: #00000050; width: 100%; margin-left: 0px; justify-content: center; align-items: center } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cfdbac6 */.degradado2 { color:#14DF13 ; font-size:160px; align-content: center; } .bloque-precio { text-align: center; } /* Tablet */ @media (max-width: 1024px) { .degradado2 { font-size: 18vw; } } /* Mobile */ @media (max-width: 767px) { .degradado2 { font-size: 28vw; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-53ffab6 */.elementor-15069 .elementor-element.elementor-element-53ffab6{ opacity: 0.4; pointer-events: none; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fd518ba */.elementor-15069 .elementor-element.elementor-element-fd518ba{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-719efdc */.elementor-15069 .elementor-element.elementor-element-719efdc{ filter: brightness(100%); animation: brillo 6s infinite linear; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56ffb98 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3aaf285 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53aa101 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6012eca *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a2ec36 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa26478 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56ffb98 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3aaf285 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53aa101 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6012eca *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a2ec36 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa26478 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56ffb98 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3aaf285 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53aa101 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6012eca *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a2ec36 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa26478 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56ffb98 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3aaf285 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53aa101 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6012eca *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a2ec36 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa26478 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56ffb98 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3aaf285 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53aa101 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6012eca *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a2ec36 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa26478 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56ffb98 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3aaf285 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53aa101 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6012eca *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a2ec36 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa26478 *//* ========================================================================== VARIABLES GLOBALES Y FUENTES ========================================================================== */ @font-face { font-family: 'Gotham Bold'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('https://elmetodo.pro/wp-content/uploads/2025/05/gotham-book.woff2') format('woff2'); font-weight: 400; font-display: swap; } :root { /* Paleta de Colores */ --fn-yellow: #f9ef2c; --fn-orange: #e6531f; --fn-blue: #1899cc; --fn-magenta: #921a61; --fn-purple: #8667c2; --fn-brown: #76321d; --fn-dark-purple: #5f1a59; --fn-light-gray: #d0c3be; --fn-gray: #827977; --fn-dark: #1d2025; /* Variables Base - Desktop */ --t-width: 360px; --t-padding: 24px; --t-gap: 16px; --t-img-size: 60px; --t-user-width: 204px; --t-gap-img-name: 12px; --t-font-name: 14px; --t-star-size: 16px; --t-star-gap: 3px; --t-font-text: 15px; --t-font-badge: 11px; /* Nuevo: Tamaño texto Victory Royale */ } /* Variables - Tablet */ @media (max-width: 1024px) { :root { --t-width: 43vw; --t-padding: 4vw; --t-gap: 2vw; --t-img-size: 6.5vw; --t-user-width: 26vw; --t-gap-img-name: 1vw; --t-font-name: 1.7vw; --t-star-size: 1.7vw; --t-star-gap: 0.5vw; --t-font-text: 1.9vw; --t-font-badge: 1.4vw; } } /* Variables - Mobile */ @media (max-width: 767px) { :root { --t-width: 70vw; --t-padding: 4vw; --t-gap: 4vw; --t-img-size: 12vw; --t-user-width: 44vw; --t-gap-img-name: 1vw; --t-font-name: 3vw; --t-star-size: 2.5vw; --t-star-gap: 0.8vw; --t-font-text: 2.8vw; --t-font-badge: 2.5vw; } } /* ========================================================================== ESTILOS DE LA CAJA DE TESTIMONIO ========================================================================== */ .fn-testimonio { width: var(--t-width); max-width: 100%; padding: var(--t-padding); background-color: var(--fn-dark); border-radius: 16px; display: flex; flex-direction: column; gap: var(--t-gap); box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .fn-testimonio:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); } /* Header: Imagen, Nombre y Estrellas */ .fn-testimonio-header { display: flex; align-items: center; justify-content: space-between; } .fn-testimonio-user { display: flex; align-items: center; width: var(--t-user-width); gap: var(--t-gap-img-name); } /* Imagen con el fix circular asegurado */ .fn-testimonio-img { width: var(--t-img-size) !important; height: var(--t-img-size) !important; min-width: var(--t-img-size) !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; display: block !important; border: 1px solid var(--fn-purple) !important; } .fn-testimonio-name { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-name); color: #ffffff; margin: 0; line-height: 1.2; /* En caso de nombres muy largos */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fn-testimonio-stars { display: flex; gap: var(--t-star-gap); } .fn-testimonio-stars svg { width: var(--t-star-size); height: var(--t-star-size); fill: var(--fn-yellow); } /* Cuerpo: Línea divisoria y Texto */ .fn-testimonio-body { border-top: 1px solid rgba(130, 121, 119, 0.3); /* Color fn-gray con opacidad */ padding-top: var(--t-gap); } .fn-testimonio-text { font-family: 'Gotham Book', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); line-height: 1.5; margin: 0; } /* Reacciones (Estilo Discord) */ .fn-testimonio-reactions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: calc(var(--t-gap) / 2); } .fn-reaction-badge { display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; border-radius: 8px; cursor: default; transition: background 0.2s ease, border-color 0.2s ease; } .fn-reaction-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--fn-purple); } .fn-reaction-badge svg { width: var(--t-font-text); /* Mismo tamaño que la tipografía del texto */ height: var(--t-font-text); } .fn-reaction-badge span { font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-text); color: var(--fn-light-gray); } /* ========================================================================== VARIANTE: CAJA DESTACADA (Ruptura de Patrón) ========================================================================== */ .fn-testimonio.destacada { background: linear-gradient(145deg, var(--fn-dark), var(--fn-dark-purple)); border: 1px solid var(--fn-magenta); position: relative; overflow: hidden; } /* Etiqueta Superior "VICTORY ROYALE" */ .fn-victory-badge { align-self: flex-start; /* Se alinea a la izquierda de la caja flex */ color: var(--fn-yellow); border: 1px solid var(--fn-orange); padding: 6px 14px; border-radius: 20px; font-family: 'Gotham Bold', sans-serif; font-size: var(--t-font-badge); font-style: italic; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; margin-bottom: calc(var(--t-gap) * -0.2); /* Ajusta un poco el espacio inferior */ } /* Efecto de resplandor animado de fondo */ .fn-testimonio.destacada::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(146, 26, 97, 0.15) 0%, transparent 60%); animation: rotateGlow 10s linear infinite; pointer-events: none; z-index: 0; } .fn-testimonio.destacada > * { position: relative; z-index: 1; /* Para que el contenido quede sobre el resplandor */ } /* Animación de estrellas en caja destacada */ .fn-testimonio.destacada .fn-testimonio-stars svg { animation: starPulse 2s infinite alternate; filter: drop-shadow(0 0 4px rgba(249, 239, 44, 0.6)); } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(2) { animation-delay: 0.2s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(3) { animation-delay: 0.4s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(4) { animation-delay: 0.6s; } .fn-testimonio.destacada .fn-testimonio-stars svg:nth-child(5) { animation-delay: 0.8s; } .fn-testimonio.destacada .fn-reaction-badge { background: rgba(146, 26, 97, 0.2); /* Magenta con opacidad */ border-color: rgba(146, 26, 97, 0.5); } .fn-testimonio.destacada .fn-reaction-badge:hover { background: rgba(146, 26, 97, 0.4); border-color: var(--fn-orange); } /* Keyframes */ @keyframes starPulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.2); opacity: 1; } } @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5b50bf */.sidebar { transition: width 0.3s ease; overflow: hidden; width: 300px; height: 100vh; } /* Estado colapsado en escritorio */ .sidebar.collapsed { width: 80px; } .sidebar.collapsed .menu-text, .sidebar.collapsed .ld-progress-heading { display: none; } .sidebar.collapsed .ld-progress { transform: rotate(-90deg); } .sidebar.collapsed .sidebar-toggle { align-self: center !important; text-align: center !important; } /* -------- CELULAR -------- */ @media (max-width: 767px) { .sidebar { position: fixed; top: 5vw; left: 0; width: 70vw; height: 100vh; background: white; z-index: 4; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); transform: translateX(-100%); transition: transform 0.3s ease-in-out; } .sidebar.mobile-visible { transform: translateX(0); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-11e0a61 */.elementor-15069 .elementor-element.elementor-element-11e0a61{ position: absolute; top: 200px; left: calc(50% - 70vw); z-index: 1; width: 100%; height: 100%; pointer-events: none; animation: nube1 15s infinite linear; } @keyframes nube1{ 0%{ transform: translateX(0px); opacity: 0; } 25%{ opacity: 1; } 75%{ opacity: 1; } 100%{ transform: translateX(120vw); opacity: 0; } } /*Celular*/ @media (max-width:767px){ .elementor-15069 .elementor-element.elementor-element-11e0a61{ top: 45vw; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5bbe303 */.elementor-15069 .elementor-element.elementor-element-5bbe303{ position: absolute; top: 200px; left: calc(50% + 30vw); z-index:4; width: 100%; height: 100%; pointer-events: none; animation: nube2 15s infinite linear; } @keyframes nube2{ 0%{ transform: translateX(0px); opacity: 1; } 25%{ opacity: 0.4; } 75%{ opacity: 0.4; } 100%{ transform: translateX(-180vw); opacity: 1; } } /*Celular*/ @media (max-width:767px){ .elementor-15069 .elementor-element.elementor-element-5bbe303{ top: 60vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-897c30d */.degradado2 { color:#14DF13 ; font-size:160px; align-content: center; } .bloque-precio { text-align: center; } /* Tablet */ @media (max-width: 1024px) { .degradado2 { font-size: 18vw; } } /* Mobile */ @media (max-width: 767px) { .degradado2 { font-size: 28vw; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c38d694 */.elementor-15069 .elementor-element.elementor-element-c38d694{ opacity: 0.4; pointer-events: none; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-59d4f29 */.elementor-15069 .elementor-element.elementor-element-59d4f29{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d431b05 */[data-elementor-post-type="page"]{ overflow: hidden !important; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-97530f8 */.faqs .elementor-image-box-content{ background: #441CCC; padding: 25px 50px 25px 50px; clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); height: 195px } /*Tablet*/ @media (max-width:1024px){ .faqs .elementor-image-box-content{ background: #441CCC; padding: 3.5vw 3.5vw 5.5vw 7vw ; height: 100%; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-941d11b */.faqs2 .elementor-image-box-content{ background: #441CCC; padding: 25px 50px 210px 50px; clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); height: 195px } /*Tablet*/ @media (max-width:1024px){ .faqs2 .elementor-image-box-content{ background: #441CCC; padding: 2.5vw 3vw 4.5vw 5vw ; height: 100%; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8235911 */.faqs3 .elementor-image-box-content{ background: #441CCC; padding: 25px 50px 240px 50px; clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); height: 195px } /*Tablet*/ @media (max-width:1024px){ .faqs3 .elementor-image-box-content{ background: #441CCC; padding: 2.5vw 3vw 4.5vw 5vw ; height: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7d0c64d */.botonsaso{ clip-path: polygon( 3.996% 6.053%,99.765% 0.145%,97.155% 98.222%,0.182% 92.314%,3.996% 6.053% ); transition: 0.5s ease-in-out; } .botonsaso:hover{ transform: scale(1.10) } .botonsaso:after{ content:""; width: 40px; height: 250px; background: #FFF8BF; position: absolute; top:-30px; left: -60px; transform: rotate(15deg); animation: reflejo 4s infinite linear; filter: blur(10px); } @keyframes reflejo{ 0%{ left: 0%; } 30%,100%{ left: 110%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc5e5f3 */.elementor-15069 .elementor-element.elementor-element-fc5e5f3{ border-bottom: 20px solid !important; border-image: linear-gradient(to right,#D900E2,#FF781D) 1; overflow: hidden; }/* End custom CSS */ /* Start custom CSS */html, body{ width:100%; overflow-x:hidden; } body::-webkit-scrollbar{ width: 10px; } body::-webkit-scrollbar-track{ background: #1d1d1d; } body::-webkit-scrollbar-thumb{ background: linear-gradient(45deg, #FD6502, #5D0161); border-radius: 10px; padding: 2px; border: solid 3px #1d1d1d; height: 300px; } .degradado, .degradado { background: linear-gradient(160deg, #FF781D, #F72FFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .white { color: white; } .elementor-kit-3232{ --e-global-typography-primary-font-family: "Gotham"; --e-global-typography-primary-font-size: 28px; --e-global-typography-primary-font-weight: 400; --e-global-typography-primary-line-height: 1.3em; --e-global-typography-secondary-font-family: "Gotham"; --e-global-typography-secondary-font-size: 18px; --e-global-typography-secondary-font-weight: 900; --e-global-typography-secondary-line-height: 1.3em; --e-global-typography-text-font-family: "Gotham"; --e-global-typography-text-font-size: 16px; --e-global-typography-text-font-weight: 400; --e-global-typography-text-line-height: 1.3em; --e-global-typography-accent-font-family: "Gotham"; --e-global-typography-accent-font-size: 14px; --e-global-typography-accent-font-weight: 400; --e-global-typography-accent-line-height: 1.3em; background-color: #000000; color: #D1D1D1; font-family: "Gotham", Sans-serif; font-size: 16px; font-weight: 700; line-height: 1.3em; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Gotham'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-BoldItalic.eot'); src: url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-BoldItalic.woff2') format('woff2'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-BoldItalic.woff') format('woff'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-BoldItalic.ttf') format('truetype'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-BoldItalic.svg#Gotham') format('svg'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-UltraItalic.eot'); src: url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-UltraItalic.eot?#iefix') format('embedded-opentype'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-UltraItalic.woff2') format('woff2'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-UltraItalic.woff') format('woff'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-UltraItalic.ttf') format('truetype'), url('https://elmetodo.pro/wp-content/uploads/2025/01/Gotham-UltraItalic.svg#Gotham') format('svg'); } /* End Custom Fonts CSS */