.elementor-20 .elementor-element.elementor-element-402bff8{--display:flex;--min-height:32px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-402bff8:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-402bff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-b680bf2 .elementor-icon-list-icon i{color:var( --e-global-color-387952a );transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-b680bf2 .elementor-icon-list-icon svg{fill:var( --e-global-color-387952a );transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-b680bf2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-b680bf2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-b680bf2 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;letter-spacing:0.025em;}.elementor-20 .elementor-element.elementor-element-b680bf2 .elementor-icon-list-text{color:var( --e-global-color-aa4fb3c );transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-2a7a909{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-text{color:var( --e-global-color-aa4fb3c );transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-f5dce5b{--display:flex;--min-height:80px;--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;--z-index:1000;}.elementor-20 .elementor-element.elementor-element-f5dce5b:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-f5dce5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-20 .elementor-element.elementor-element-dc614b2{text-align:end;}.elementor-20 .elementor-element.elementor-element-dc614b2 img{max-width:240px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-b287c47{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--margin-top:21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-b287c47:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b287c47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-20 .elementor-element.elementor-element-ee764ac{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7a28e50{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-b4e6e3b{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--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 );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-0bf2c5c .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-0a9af96{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-0a9af96.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ddde760 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-ddde760 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-ddde760{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-ddde760 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-ddde760 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-ddde760 .elementor-icon-list-text{color:#FFFFFF63;transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-e6e3317{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-bdffc3a{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-fd2ea14 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-2e9ae6d{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-2e9ae6d.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-631d596 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-631d596 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-631d596{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-631d596 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-631d596 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-631d596 .elementor-icon-list-text{color:#FFFFFF63;transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-f245b0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-39b7507{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-658cb15 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-3a868ec{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-3a868ec.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-20 .elementor-element.elementor-element-d2cbc71{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;font-style:oblique;color:#6B7280;}.elementor-20 .elementor-element.elementor-element-edc7c30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-ad504f9{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-37c940e .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-6b2c13e{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6b2c13e.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ae28325{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;font-style:oblique;color:#6B7280;}.elementor-20 .elementor-element.elementor-element-758c320{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-3606c13{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-0a590e9 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-6d5b3aa{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6d5b3aa.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-c391bd4{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;font-style:oblique;color:#6B7280;}.elementor-20 .elementor-element.elementor-element-9dc7c30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-b045f24{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-95819f7 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-d6d19de{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-d6d19de.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-0f8f489{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;font-style:oblique;color:#6B7280;}.elementor-20 .elementor-element.elementor-element-4d5cd84{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-0c5883f{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-02603e8 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-7b5444e{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7b5444e.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-c1f54f7{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;font-style:oblique;color:#6B7280;}.elementor-20 .elementor-element.elementor-element-2a4565a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-20 .elementor-element.elementor-element-5d8c064{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-994cedd .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-a2e728c{--display:flex;--justify-content:center;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-a2e728c.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-2893522 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-2893522 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20 .elementor-element.elementor-element-2893522{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20 .elementor-element.elementor-element-2893522 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20 .elementor-element.elementor-element-2893522 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-2893522 .elementor-icon-list-text{color:#FFFFFF63;transition:color 0.3s;}.elementor-20 .elementor-element.elementor-element-052a53c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-052a53c:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-052a53c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://voltra.mx/wp-content/uploads/2025/12/cat3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-85cb1ea{background-color:var( --e-global-color-primary );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;padding:06px 10px 6px 10px;z-index:100;font-family:"Inter", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-aa4fb3c );}.elementor-20 .elementor-element.elementor-element-b625f06{margin:012px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-20 .elementor-element.elementor-element-b625f06 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-aa4fb3c );}.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 );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-20 .elementor-element.elementor-element-1f7b9cf .elementor-button{background-color:#F3F4F600;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:none;letter-spacing:1.5px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-1f7b9cf{padding:0px 0px 0px 0px;z-index:1;}.elementor-20 .elementor-element.elementor-element-1f7b9cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-1f7b9cf .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-1f7b9cf .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-1f7b9cf .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-1f7b9cf .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-4209a79{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:var( --e-global-color-aa4fb3c );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-icon-color:var( --e-global-color-primary );--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-20 .elementor-element.elementor-element-4209a79.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-4209a79 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-20 .elementor-element.elementor-element-4209a79 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-20 .elementor-element.elementor-element-4209a79 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Oswald", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.025em;}.elementor-20 .elementor-element.elementor-element-4209a79 {--n-menu-title-color-hover:var( --e-global-color-primary );}.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-20 .elementor-element.elementor-element-c69dcba .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-fe498ba{width:var( --container-widget-width, 30rem );max-width:30rem;--container-widget-width:30rem;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-fe498ba.elementor-element{--align-self:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-20 .elementor-element.elementor-element-c462530{margin:0px 05px calc(var(--kit-widget-spacing, 0px) + 0px) 11px;--e-nav-menu-horizontal-menu-item-margin:calc( 1.5rem / 2 );}.elementor-20 .elementor-element.elementor-element-c462530.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu .elementor-item{font-family:"Oswald", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-aa4fb3c );fill:var( --e-global-color-aa4fb3c );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-c462530 .e--pointer-framed .elementor-item:before,
					.elementor-20 .elementor-element.elementor-element-c462530 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-c462530 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:1.5rem;}.elementor-20 .elementor-element.elementor-element-d4f4b24{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-d4f4b24.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-2c98908.elementor-element{--align-self:center;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-20 .elementor-element.elementor-element-b5a9691{padding:0px 0px 0px 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-aa4fb3c );--toggle-button-icon-hover-color:var( --e-global-color-primary );--toggle-button-border-width:0px;--toggle-icon-padding:8px 0px 0px 0px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-text-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-b5a9691.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-b5a9691 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-20 .elementor-element.elementor-element-b5a9691 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Oswald", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-20 .elementor-element.elementor-element-4302b76{--display:flex;--min-height:80px;--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;--z-index:100;}.elementor-20 .elementor-element.elementor-element-4302b76:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-4302b76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-20 .elementor-element.elementor-element-85a3cf2{--display:flex;}.elementor-20 .elementor-element.elementor-element-a7c2bda .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-b102156{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-b102156.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-384a645.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-bcec246{padding:0px 0px 0px 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-aa4fb3c );--toggle-button-icon-hover-color:var( --e-global-color-primary );--toggle-button-border-width:0px;--toggle-icon-padding:8px 0px 0px 0px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-20 .elementor-element.elementor-element-bcec246.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-bcec246 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-20 .elementor-element.elementor-element-6c87ed6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-402bff8{--justify-content:space-around;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-20 .elementor-element.elementor-element-dc614b2 img{max-width:194px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-20 .elementor-element.elementor-element-4209a79{--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;width:auto;max-width:auto;}.elementor-20 .elementor-element.elementor-element-c69dcba.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-c69dcba .elementor-icon{font-size:32px;}.elementor-20 .elementor-element.elementor-element-c69dcba .elementor-icon svg{height:32px;}.elementor-20 .elementor-element.elementor-element-fe498ba{--container-widget-width:25rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 25rem );max-width:25rem;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-20 .elementor-element.elementor-element-4302b76{--justify-content:space-around;--flex-wrap:nowrap;}.elementor-20 .elementor-element.elementor-element-85a3cf2{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-a7c2bda.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-a7c2bda .elementor-icon{font-size:32px;}.elementor-20 .elementor-element.elementor-element-a7c2bda .elementor-icon svg{height:32px;}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-20 .elementor-element.elementor-element-4302b76{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:030px;--z-index:1000;}.elementor-20 .elementor-element.elementor-element-6dc9bd5 img{max-width:171px;}.elementor-20 .elementor-element.elementor-element-85a3cf2{--width:150px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20 .elementor-element.elementor-element-b102156{--width:100px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-402bff8{--content-width:1230px;}.elementor-20 .elementor-element.elementor-element-f5dce5b{--content-width:1480px;}.elementor-20 .elementor-element.elementor-element-b287c47{--content-width:1280px;}.elementor-20 .elementor-element.elementor-element-b4e6e3b{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-0a9af96{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-bdffc3a{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-2e9ae6d{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-39b7507{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-3a868ec{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-ad504f9{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-6b2c13e{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-3606c13{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-6d5b3aa{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-b045f24{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-d6d19de{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-0c5883f{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-7b5444e{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-5d8c064{--width:33.3%;}.elementor-20 .elementor-element.elementor-element-a2e728c{--width:66.6%;}.elementor-20 .elementor-element.elementor-element-052a53c{--width:30%;}.elementor-20 .elementor-element.elementor-element-d4f4b24{--width:7%;}.elementor-20 .elementor-element.elementor-element-4302b76{--content-width:1280px;}.elementor-20 .elementor-element.elementor-element-b102156{--width:7%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-d4f4b24{--width:86px;}.elementor-20 .elementor-element.elementor-element-85a3cf2{--width:150px;}.elementor-20 .elementor-element.elementor-element-b102156{--width:86px;}}/* Start custom CSS for icon-list, class: .elementor-element-2a7a909 *//* === TOP BAR LINKS (VOLTRA STYLE) === */

/* 1. Estilo de los Textos */
.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-text {
    color: #ffffff !important; /* Texto Blanco */
    font-size: 12px !important; /* text-xs */
    font-weight: 500;
    transition: color 0.3s ease;
}

/* 2. Hover (Se vuelve Negro como en tu diseño) */
.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #000000 !important; /* hover:text-black */
}

/* 3. El Separador Mágico (|) */
/* Se agrega automáticamente después del primer elemento */
.elementor-20 .elementor-element.elementor-element-2a7a909 .elementor-icon-list-item:not(:last-child)::after {
    content: "";
    color: rgba(255, 255, 255, 0.4); /* Blanco con opacidad */
    margin: 0 12px; /* Espacio a los lados */
    font-weight: 400;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a28e50 *//* === MEGA MENU VOLTRA: FINAL Y SEPARADO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-7a28e50 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* BORDES ESTRUCTURALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;

    /* AJUSTE DE ALTURA */
    padding-top: 14px !important; 
    padding-bottom: 14px !important;
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Configuración de Layout) --- */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-icon-list {
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- ESTILOS ESPECÍFICOS POR TIPO DE CONTENIDO --- */

/* CASO A: SUBCATEGORÍAS (Lista de Iconos) */
/* Deben verse claras y legibles */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-icon i {
    color: #9CA3AF !important; /* Gris Claro (400) */
    font-size: 13px;
    opacity: 1 !important; /* Sin transparencia */
    transition: all 0.3s ease;
}

/* CASO B: "VER COLECCIÓN" (Editor de Texto) */
/* Debe verse sutil y fantasma */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor i {
    color: #6B7280 !important; /* Gris Medio (500) */
    font-size: 13px;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    
    /* EL DETALLE CLAVE: OPACIDAD */
    opacity: 0.5 !important; 
    font-style: italic; /* Agregamos itálica como el original */
    transition: all 0.3s ease;
}

/* --- ESTADOS HOVER --- */

/* Hover en la Fila -> Texto "Ver Colección" se vuelve Blanco Fantasma */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-text-editor i {
    color: #FFFFFF !important; /* Blanco */
    /* Mantiene la opacidad al 50% para el efecto "Fantasma" */
    opacity: 0.5 !important; 
}

/* Hover en la Fila -> Subcategorías se vuelven Blancas (opcional, o se quedan grises) */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-icon-list-text {
    color: #FFFFFF !important;
}

/* Hover DIRECTO sobre un enlace -> Naranja */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor a:hover {
    color: #FF5722 !important;
    opacity: 1 !important;
}

/* Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6e3317 *//* === MEGA MENU VOLTRA: FINAL Y SEPARADO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-e6e3317 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* BORDES ESTRUCTURALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;

    /* AJUSTE DE ALTURA */
    padding-top: 14px !important; 
    padding-bottom: 14px !important;
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Configuración de Layout) --- */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-icon-list {
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- ESTILOS ESPECÍFICOS POR TIPO DE CONTENIDO --- */

/* CASO A: SUBCATEGORÍAS (Lista de Iconos) */
/* Deben verse claras y legibles */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-icon i {
    color: #9CA3AF !important; /* Gris Claro (400) */
    font-size: 13px;
    opacity: 1 !important; /* Sin transparencia */
    transition: all 0.3s ease;
}

/* CASO B: "VER COLECCIÓN" (Editor de Texto) */
/* Debe verse sutil y fantasma */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor i {
    color: #6B7280 !important; /* Gris Medio (500) */
    font-size: 13px;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    
    /* EL DETALLE CLAVE: OPACIDAD */
    opacity: 0.5 !important; 
    font-style: italic; /* Agregamos itálica como el original */
    transition: all 0.3s ease;
}

/* --- ESTADOS HOVER --- */

/* Hover en la Fila -> Texto "Ver Colección" se vuelve Blanco Fantasma */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-text-editor i {
    color: #FFFFFF !important; /* Blanco */
    /* Mantiene la opacidad al 50% para el efecto "Fantasma" */
    opacity: 0.5 !important; 
}

/* Hover en la Fila -> Subcategorías se vuelven Blancas (opcional, o se quedan grises) */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-icon-list-text {
    color: #FFFFFF !important;
}

/* Hover DIRECTO sobre un enlace -> Naranja */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor a:hover {
    color: #FF5722 !important;
    opacity: 1 !important;
}

/* Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f245b0c *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-f245b0c {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-f245b0c:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edc7c30 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-edc7c30 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-edc7c30:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-758c320 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-758c320 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-758c320:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dc7c30 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d5cd84 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a4565a *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-2a4565a {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-2a4565a:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85cb1ea *//* Forzar que el widget se ajuste al texto */
.elementor-20 .elementor-element.elementor-element-85cb1ea {
    display: inline-block !important;
    width: auto !important;
    background-color: #bc5101; transform: skewX(-6deg);
}

/* Si quieres que ocupe el máximo posible pero solo del texto */
.elementor-20 .elementor-element.elementor-element-85cb1ea {
    width: max-content !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-052a53c *//* === TARJETA PROMO VOLTRA (FIX DEFINITIVO + DEGRADADO OSCURO) === */

/* 1. Base del contenedor */
.elementor-20 .elementor-element.elementor-element-052a53c {
    position: relative;
    /* Importante: Forzamos que no haya inclinación en el contenedor padre */
    transform: none !important; 
    overflow: hidden; /* Corta cualquier cosa que se salga */
    min-height: 380px; 
    
    /* Nota: Borramos el border de 1px que causaba el error visual */
    
    /* Configuración Flex para alinear contenidos abajo */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px !important;
    
    /* Fix de renderizado (evita líneas blancas fantasma) */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

/* 2. El Degradado Negro (Overlay Más Intenso) */
.elementor-20 .elementor-element.elementor-element-052a53c::before {
    content: '';
    position: absolute;
    
    /* Ajuste: Degradado exacto al original (from-black via-transparent to-transparent) */
    /* Negro abajo (0%), Transparente en el medio (50%) y Transparente arriba (100%) */
    background: linear-gradient(to top, #000000 0%, transparent 50%, transparent 100%);
    
    z-index: -1; /* Se pone detrás del contenido pero sobre el fondo */
    transition: opacity 0.5s ease;
    opacity: 0.9; /* Opacidad base alta para que el negro sea sólido abajo */
    
    /* Asegura que el degradado no se corte */
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
}

/* 3. Efecto Hover (Brillo en la imagen de fondo) */
.elementor-20 .elementor-element.elementor-element-052a53c:hover {
    filter: brightness(1.1) contrast(1.05);
}

.elementor-20 .elementor-element.elementor-element-052a53c:hover::before {
    opacity: 0.8; /* Al hover se aclara un poquito menos que antes para no perder lectura */
}

/* --- ESTILOS DE LOS WIDGETS INTERNOS --- */

/* 4. Título */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-heading {
    margin-bottom: 5px !important;
    position: relative;
    z-index: 2;
    /* Aseguramos que el título no tenga márgenes raros */
    transform: none !important; 
}

/* 5. Transformación del Botón "Ver detalles" */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-button .elementor-button {
    background: transparent !important;
    color: #ffffff !important;
    padding: 0 !important;
    border: none !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    text-decoration: underline;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* 6. Animación del Botón al Hover */
.elementor-20 .elementor-element.elementor-element-052a53c:hover .elementor-widget-button .elementor-button {
    color: #bc5101 !important;
    transform: translateY(-3px);
    text-decoration: none;
}

/* 7. Quitar el margen del widget completo */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-text-editor {
    margin-bottom: 0px !important;
}

/* 8. Quitar el margen del párrafo interno (el verdadero culpable) */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-text-editor p {
    margin-bottom: 0px !important;
    line-height: 1.2 !important; /* Ajusta la altura de línea para que no flote */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a28e50 *//* === MEGA MENU VOLTRA: FINAL Y SEPARADO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-7a28e50 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* BORDES ESTRUCTURALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;

    /* AJUSTE DE ALTURA */
    padding-top: 14px !important; 
    padding-bottom: 14px !important;
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Configuración de Layout) --- */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-icon-list {
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- ESTILOS ESPECÍFICOS POR TIPO DE CONTENIDO --- */

/* CASO A: SUBCATEGORÍAS (Lista de Iconos) */
/* Deben verse claras y legibles */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-icon i {
    color: #9CA3AF !important; /* Gris Claro (400) */
    font-size: 13px;
    opacity: 1 !important; /* Sin transparencia */
    transition: all 0.3s ease;
}

/* CASO B: "VER COLECCIÓN" (Editor de Texto) */
/* Debe verse sutil y fantasma */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor i {
    color: #6B7280 !important; /* Gris Medio (500) */
    font-size: 13px;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    
    /* EL DETALLE CLAVE: OPACIDAD */
    opacity: 0.5 !important; 
    font-style: italic; /* Agregamos itálica como el original */
    transition: all 0.3s ease;
}

/* --- ESTADOS HOVER --- */

/* Hover en la Fila -> Texto "Ver Colección" se vuelve Blanco Fantasma */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-widget-text-editor i {
    color: #FFFFFF !important; /* Blanco */
    /* Mantiene la opacidad al 50% para el efecto "Fantasma" */
    opacity: 0.5 !important; 
}

/* Hover en la Fila -> Subcategorías se vuelven Blancas (opcional, o se quedan grises) */
.elementor-20 .elementor-element.elementor-element-7a28e50:hover .elementor-icon-list-text {
    color: #FFFFFF !important;
}

/* Hover DIRECTO sobre un enlace -> Naranja */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-widget-text-editor a:hover {
    color: #FF5722 !important;
    opacity: 1 !important;
}

/* Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-7a28e50 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6e3317 *//* === MEGA MENU VOLTRA: FINAL Y SEPARADO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-e6e3317 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* BORDES ESTRUCTURALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;

    /* AJUSTE DE ALTURA */
    padding-top: 14px !important; 
    padding-bottom: 14px !important;
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Configuración de Layout) --- */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-icon-list {
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- ESTILOS ESPECÍFICOS POR TIPO DE CONTENIDO --- */

/* CASO A: SUBCATEGORÍAS (Lista de Iconos) */
/* Deben verse claras y legibles */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-icon i {
    color: #9CA3AF !important; /* Gris Claro (400) */
    font-size: 13px;
    opacity: 1 !important; /* Sin transparencia */
    transition: all 0.3s ease;
}

/* CASO B: "VER COLECCIÓN" (Editor de Texto) */
/* Debe verse sutil y fantasma */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor i {
    color: #6B7280 !important; /* Gris Medio (500) */
    font-size: 13px;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    
    /* EL DETALLE CLAVE: OPACIDAD */
    opacity: 0.5 !important; 
    font-style: italic; /* Agregamos itálica como el original */
    transition: all 0.3s ease;
}

/* --- ESTADOS HOVER --- */

/* Hover en la Fila -> Texto "Ver Colección" se vuelve Blanco Fantasma */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-widget-text-editor i {
    color: #FFFFFF !important; /* Blanco */
    /* Mantiene la opacidad al 50% para el efecto "Fantasma" */
    opacity: 0.5 !important; 
}

/* Hover en la Fila -> Subcategorías se vuelven Blancas (opcional, o se quedan grises) */
.elementor-20 .elementor-element.elementor-element-e6e3317:hover .elementor-icon-list-text {
    color: #FFFFFF !important;
}

/* Hover DIRECTO sobre un enlace -> Naranja */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-widget-text-editor a:hover {
    color: #FF5722 !important;
    opacity: 1 !important;
}

/* Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-e6e3317 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f245b0c *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-f245b0c {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-f245b0c:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-f245b0c:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-f245b0c .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edc7c30 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-edc7c30 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-edc7c30:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-edc7c30:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-edc7c30 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-758c320 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-758c320 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-758c320:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-758c320:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-758c320 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dc7c30 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-9dc7c30:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-9dc7c30 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d5cd84 *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-4d5cd84:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-4d5cd84 .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a4565a *//* === MEGA MENU FINAL: AJUSTADO Y COMPACTO === */

/* 1. Contenedor de la Fila (Padre) */
.elementor-20 .elementor-element.elementor-element-2a4565a {
    transition: all 0.3s ease;
    cursor: pointer;
    
    /* TUS BORDES ORIGINALES */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important; /* <--- Recuperado */

    /* AJUSTE DE ALTURA (Para que no se vean gordos) */
    /* Reducimos el padding vertical del contenedor */
    padding-top: 10px !important; 
    padding-bottom: 10px !important;
    
    /* Aseguramos alineación vertical perfecta */
    display: flex;
    align-items: center;
}

/* 2. Hover en la Fila (Fondo) */
.elementor-20 .elementor-element.elementor-element-2a4565a:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* 3. TÍTULO (Izquierda): Hover Naranja */
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-heading .elementor-heading-title {
    color: #bc5101 !important;
    transition: color 0.3s ease;
}

/* --- ZONA DERECHA (Universal: Texto o Icon List) --- */

/* 4. El Widget de la Derecha (Contenedor del texto) */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-icon-list {
    /* Borde separador interno */
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding-left: 20px !important; 
    
    /* MATAMOS LOS MÁRGENES EXTRA */
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 5. Textos Internos (Limpieza profunda de altura) */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor span {
    color: #6B7280 !important; 
    font-size: 13px;
    line-height: 1.2 !important; /* Altura de línea compacta */
    margin-bottom: 0 !important;
    transition: all 0.3s ease;
}

/* 6. Hover en Textos (Blanco Fantasma) */
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-text-editor p,
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-text-editor span,
.elementor-20 .elementor-element.elementor-element-2a4565a:hover .elementor-widget-text-editor i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. Hover en Enlaces específicos */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-widget-text-editor a:hover {
    color: #bc5101 !important;
}

/* 8. Separadores Automáticos (|) */
.elementor-20 .elementor-element.elementor-element-2a4565a .elementor-icon-list-item:not(:last-child)::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    margin: 0 12px;
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-85cb1ea *//* Forzar que el widget se ajuste al texto */
.elementor-20 .elementor-element.elementor-element-85cb1ea {
    display: inline-block !important;
    width: auto !important;
    background-color: #bc5101; transform: skewX(-6deg);
}

/* Si quieres que ocupe el máximo posible pero solo del texto */
.elementor-20 .elementor-element.elementor-element-85cb1ea {
    width: max-content !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-052a53c *//* === TARJETA PROMO VOLTRA (FIX DEFINITIVO + DEGRADADO OSCURO) === */

/* 1. Base del contenedor */
.elementor-20 .elementor-element.elementor-element-052a53c {
    position: relative;
    /* Importante: Forzamos que no haya inclinación en el contenedor padre */
    transform: none !important; 
    overflow: hidden; /* Corta cualquier cosa que se salga */
    min-height: 380px; 
    
    /* Nota: Borramos el border de 1px que causaba el error visual */
    
    /* Configuración Flex para alinear contenidos abajo */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px !important;
    
    /* Fix de renderizado (evita líneas blancas fantasma) */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

/* 2. El Degradado Negro (Overlay Más Intenso) */
.elementor-20 .elementor-element.elementor-element-052a53c::before {
    content: '';
    position: absolute;
    
    /* Ajuste: Degradado exacto al original (from-black via-transparent to-transparent) */
    /* Negro abajo (0%), Transparente en el medio (50%) y Transparente arriba (100%) */
    background: linear-gradient(to top, #000000 0%, transparent 50%, transparent 100%);
    
    z-index: -1; /* Se pone detrás del contenido pero sobre el fondo */
    transition: opacity 0.5s ease;
    opacity: 0.9; /* Opacidad base alta para que el negro sea sólido abajo */
    
    /* Asegura que el degradado no se corte */
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    top: -2px;
}

/* 3. Efecto Hover (Brillo en la imagen de fondo) */
.elementor-20 .elementor-element.elementor-element-052a53c:hover {
    filter: brightness(1.1) contrast(1.05);
}

.elementor-20 .elementor-element.elementor-element-052a53c:hover::before {
    opacity: 0.8; /* Al hover se aclara un poquito menos que antes para no perder lectura */
}

/* --- ESTILOS DE LOS WIDGETS INTERNOS --- */

/* 4. Título */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-heading {
    margin-bottom: 5px !important;
    position: relative;
    z-index: 2;
    /* Aseguramos que el título no tenga márgenes raros */
    transform: none !important; 
}

/* 5. Transformación del Botón "Ver detalles" */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-button .elementor-button {
    background: transparent !important;
    color: #ffffff !important;
    padding: 0 !important;
    border: none !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    text-decoration: underline;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* 6. Animación del Botón al Hover */
.elementor-20 .elementor-element.elementor-element-052a53c:hover .elementor-widget-button .elementor-button {
    color: #bc5101 !important;
    transform: translateY(-3px);
    text-decoration: none;
}

/* 7. Quitar el margen del widget completo */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-text-editor {
    margin-bottom: 0px !important;
}

/* 8. Quitar el margen del párrafo interno (el verdadero culpable) */
.elementor-20 .elementor-element.elementor-element-052a53c .elementor-widget-text-editor p {
    margin-bottom: 0px !important;
    line-height: 1.2 !important; /* Ajusta la altura de línea para que no flote */
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c69dcba */.elementor-20 .elementor-element.elementor-element-c69dcba {
    margin-bottom: 0px !important;
}
.elementor-20 .elementor-element.elementor-element-c69dcba {
    margin-bottom: 0px !important;
    line-height: .8 !important; /* Ajusta la altura de línea para que no flote */
}/* End custom CSS */
/* Start custom CSS for fibosearch, class: .elementor-element-fe498ba *//* === FIBOSEARCH: ESTILO VOLTRA INDUSTRIAL (FIX LUPA) === */

/* 1. EL CONTENEDOR PRINCIPAL (La caja visual) */
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-sf-wrapp {
    /* Fondo translúcido (Blanco al 10%) */
    background-color: rgba(255, 255, 255, 0.1) !important;
    /* Borde sutil */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    /* Redondeado ligero */
    border-radius: 4px !important;
    
    padding: 0 !important;
    position: relative !important; /* Clave para posicionar la lupa */
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important; /* Centrado */
}

/* 2. EL INPUT DE TEXTO */
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-search-input {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    
    /* Tipografía */
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-style: italic !important;
    
    /* Espaciado: 15px izq, 50px der (para dejar hueco a la lupa) */
    padding: 10px 50px 10px 15px !important;
    
    height: 44px !important; /* Altura fija para estabilidad */
    box-shadow: none !important;
}

/* Placeholder */
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-search-input::placeholder {
    color: #9CA3AF !important;
    opacity: 0.8;
    font-family: inter;
    font-style: oblique !important;
    font-weight: 500 !important;

}

/* 3. EL BOTÓN DE LA LUPA (Contenedor) */
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-search-submit {
    /* Posicionamiento Absoluto: Lo pegamos a la derecha */
    position: absolute !important;
    right: 5px !important; 
    top: 50% !important;
    /* Centrado Vertical Perfecto */
    transform: translateY(-50%) !important; 
    
    /* Dimensiones fijas para el botón */
    width: 40px !important;
    height: 40px !important;
    
    /* Limpieza de estilos nativos */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* Flexbox para centrar el SVG dentro del botón */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    cursor: pointer;
    z-index: 10;
}

/* 4. EL ICONO SVG (La Lupa) */
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-ico-magnifier,
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-search-submit svg {
    width: 18px !important;
    height: 18px !important;
    
    /* Color Naranja */
    fill: #FF5722 !important; 
    color: #FF5722 !important;
    
    /* Reseteo de márgenes que suelen desubicarlo */
    margin: 0 !important;
    position: static !important; /* Evita que flote raro */
    display: block !important;
    
    transition: transform 0.2s ease;
}

/* 5. INTERACCIONES */

/* Hover en la Lupa */
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-search-submit:hover svg {
    fill: #ffffff !important; /* Se vuelve blanca */
    transform: scale(1.15);
}

/* Focus en el Input (Borde Naranja) */
.elementor-20 .elementor-element.elementor-element-fe498ba .dgwt-wcas-sf-wrapp:focus-within {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: #FF5722 !important;
    box-shadow: 0 0 10px rgba(255, 87, 34, 0.2);
}

/* 6. CORRECCIÓN DE RESULTADOS (Dropdown) */
.dgwt-wcas-suggestions-wrapp {
    background-color: #0a0a0a !important; /* Fondo negro */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 5px !important;
}

.dgwt-wcas-st-title {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
}

.dgwt-wcas-price .amount {
    color: #FF5722 !important;
    font-weight: bold;
}

/* === FIBOSEARCH: FIX DE LUPA (ARTILLERÍA PESADA) === */

/* 1. CONTENEDOR PRINCIPAL (Forzamos estilo industrial) */
/* Usamos 'body' para ganar especificidad sin romper nada */
body .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    padding: 0 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* 2. EL INPUT */
body .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-style: italic !important;
    padding: 10px 55px 10px 15px !important; /* Espacio para la lupa */
    height: 44px !important;
    box-shadow: none !important;
}

/* 3. EL BOTÓN (Aquí estaba el problema) */
body .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit {
    /* Posición absoluta blindada */
    position: absolute !important;
    top: 0 !important;
    right: 0 !important; /* Pega a la derecha */
    bottom: 0 !important;
    left: auto !important; /* <--- CLAVE: Soltamos el anclaje izquierdo */
    
    /* Tamaño */
    width: 50px !important;
    min-width: 50px !important; /* Evita que se encoja */
    height: 100% !important;
    
    /* Centrado Flex */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Resets */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important; /* Quitamos transformaciones viejas */
    
    /* DEBUG: Borde rojo temporal para ver si lo atrapamos. 
       Bórralo cuando funcione */
    /* border: 1px solid red !important; */
}

/* 4. EL SVG (La Lupa) */
body .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit svg {
    /* Forzamos visibilidad */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* Dimensiones forzadas */
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important; /* Evita que se aplaste */
    
    /* Resets */
    margin: 0 auto !important;
    position: static !important;
    transform: none !important;
    
    /* Color base (por si acaso) */
    fill: #FF5722 !important;
    color: #FF5722 !important;
}

/* 5. EL PATH INTERNO (El dibujo real) */
/* A veces hay que colorear el trazo interno directamente */
body .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit svg path {
    fill: #FF5722 !important;
    transition: fill 0.3s ease;
}

/* 6. HOVER */
body .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit:hover svg path {
    fill: #ffffff !important;
}

body .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit:hover svg {
    transform: scale(1.15);
}

/* 7. Dropdown de Resultados */
body .dgwt-wcas-suggestions-wrapp {
    background-color: #0a0a0a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 5px !important;
}

body .dgwt-wcas-st-title {
    color: #ffffff !important;
}

body .dgwt-wcas-price .amount {
    color: #FF5722 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-b5a9691 *//* === CAMUFLAJE MENU CART VOLTRA === */

/* 1. El Botón Disparador (Toggle) */
.elementor-20 .elementor-element.elementor-element-b5a9691 .elementor-menu-cart__toggle {
    background-color: transparent !important; /* Quitamos fondos grises */
    border: none !important;
    padding: 0 !important;
    width: auto !important;
    display: flex;
    align-items: center;
}

/* 2. El Icono del Carrito (La Bolsa) */
.elementor-20 .elementor-element.elementor-element-b5a9691 .elementor-menu-cart__toggle .elementor-button-icon {
    color: #ffffff !important; /* Blanco Industrial */
    font-size: 20px !important; /* Ajusta tamaño */
    transition: color 0.3s ease;
    
    /* Quitamos bordes raros si el tema los pone */
    background: none !important; 
    border: none !important;
}

/* Hover en el icono */
.elementor-20 .elementor-element.elementor-element-b5a9691 .elementor-menu-cart__toggle:hover .elementor-button-icon {
    color: #FF5722 !important; /* Naranja Voltra */
}

/* 3. El Contador (La Burbuja Roja/Naranja) */
.elementor-20 .elementor-element.elementor-element-b5a9691 .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before {
    background-color: #FF5722 !important; /* Fondo Naranja */
    color: #ffffff !important; /* Número Blanco */
    
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    
    /* Posición y Tamaño Perfectos */
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    line-height: 16px !important;
    top: -5px !important;
    right: -5px !important;
    
    padding: 0 !important; /* Reseteo */
}

/* 4. Quitar textos o precios si aparecen al lado del icono */
.elementor-20 .elementor-element.elementor-element-b5a9691 .elementor-menu-cart__container .elementor-button-text {
    display: none !important;
}

/* 5. Ajuste de alineación para pegarlo al icono de usuario */
.elementor-20 .elementor-element.elementor-element-b5a9691 {
    margin-left: 15px !important; /* Separación del usuario */
}

### ✅ Resultado Final:
1.  **Visualmente:** Se ve idéntico al diseño original (Bolsa blanca limpia + Burbuja Naranja).
2.  **Funcionalmente:**
    * Al hacer clic, se abre el **Side Cart** (Cajón lateral) oficial de WooCommerce.
    * Verás los productos con sus fotos.
    * Verás los botones reales de "Ver Carrito" y "Finalizar Compra".
    * Si agregas una mancuerna, el numerito cambiará de 0 a 1 automáticamente vía AJAX.

¡Esta es la forma profesional de hacerlo! ⚡🛒/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5dce5b *//* Estado Inicial del Navbar en Elementor */
#navbar-voltra {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    top: 0;
    /* Esto crea el espacio para que se vea la barra naranja al inicio */
    margin-top: 32px; 
}

/* Estado cuando el usuario hace scroll (Sticky Activo) */
#navbar-voltra.nav-scrolled {
    margin-top: 0 !important;
    background-color: #0a0a0a !important; /* Negro sólido */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    height: 70px !important; /* Ajusta la altura si quieres que se encoja */
 
}

/* Ajuste para móviles (opcional) */
@media (max-width: 767px) {
    #navbar-voltra {
        margin-top: 0; /* En móvil solemos quitar el margen inicial */
    }
}


/* === BREAKPOINTS PERSONALIZADOS VOLTRA (FIX DE DISEÑO) === */

/* 1. Rango 1250px (Donde aparece el menú burguer u otros elementos) */
@media (max-width: 1250px) {
    .ocultar-1250 {
        display: none !important;
    }
    
    /* Clase genérica para mostrar cualquier elemento como Flex */
    .solo-1250 {
        display: flex !important; 
        justify-content: center;
        align-items: center;
    }
    
    /* FIX ESPECÍFICO PARA ICONOS:
       Forzamos que los widgets de icono respeten los 32px en este rango.
       Esto evita que crezcan a 50px antes de llegar al breakpoint de Elementor.
    */
    .solo-1250.elementor-widget-icon .elementor-icon,
    .solo-1250 .elementor-icon i,
    .solo-1250 .elementor-icon svg {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}

/* 2. Rango 950px */
@media (max-width: 950px) {
    .ocultar-950 {
        display: none !important;
    }

    .solo-950 {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    /* Consistencia de tamaño también para este rango */
    .solo-950.elementor-widget-icon .elementor-icon,
    .solo-950 .elementor-icon i,
    .solo-950 .elementor-icon svg {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }
}

/* FIX PARA EL MENÚ BURGUER ESPECÍFICO:
   Asegura que el contenedor del toggle no fuerce un ancho de 50px 
   mientras esté activo en tus rangos personalizados.
*/
.solo-1250 .elementor-menu-toggle svg,
.solo-950 .elementor-menu-toggle svg {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/* Solo afecta a los iconos de menú que estén dentro de tus contenedores de visibilidad */
.solo-1250 .elementor-menu-toggle svg,
.solo-950 .elementor-menu-toggle svg {
    width: 32px !important;
    height: 32px !important;
}


    .iconfoot .elementor-social-icons-wrapper {
        display: flex !important;
        flex-direction: row !important; /* Asegura que estén horizontales */
        justify-content: center !important;
        gap: 24px !important; /* El gap-6 de tu código original */
        flex-wrap: nowrap !important;
    }

    .iconfoot .elementor-grid-item {
        margin: 0 !important; /* Limpiamos márgenes que puedan empujar el icono */
        width: auto !important;
    }

    .iconfoot .elementor-social-icon {
        width: 18px !important;
        height: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .iconfoot .elementor-social-icon svg {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
    }
}

/* 3. REGLA DE SEGURIDAD PARA TODOS LOS RANGOS */
.elementor-widget-social-icons .elementor-grid-item {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* 4. Fix de scroll del popup */
.dialog-lightbox-message, 
.dialog-lightbox-widget-content,
.elementor-location-popup {
    overflow-y: auto !important;
    max-height: 100vh !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a7c2bda */.elementor-20 .elementor-element.elementor-element-a7c2bda {
    margin-bottom: 0px !important;
}
.elementor-20 .elementor-element.elementor-element-a7c2bda {
    margin-bottom: 0px !important;
    line-height: .8 !important; /* Ajusta la altura de línea para que no flote */
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-bcec246 *//* === CAMUFLAJE MENU CART VOLTRA === */

/* 1. El Botón Disparador (Toggle) */
.elementor-20 .elementor-element.elementor-element-bcec246 .elementor-menu-cart__toggle {
    background-color: transparent !important; /* Quitamos fondos grises */
    border: none !important;
    padding: 0 !important;
    width: auto !important;
    display: flex;
    align-items: center;
}

/* 2. El Icono del Carrito (La Bolsa) */
.elementor-20 .elementor-element.elementor-element-bcec246 .elementor-menu-cart__toggle .elementor-button-icon {
    color: #ffffff !important; /* Blanco Industrial */
    font-size: 20px !important; /* Ajusta tamaño */
    transition: color 0.3s ease;
    
    /* Quitamos bordes raros si el tema los pone */
    background: none !important; 
    border: none !important;
}

/* Hover en el icono */
.elementor-20 .elementor-element.elementor-element-bcec246 .elementor-menu-cart__toggle:hover .elementor-button-icon {
    color: #FF5722 !important; /* Naranja Voltra */
}

/* 3. El Contador (La Burbuja Roja/Naranja) */
.elementor-20 .elementor-element.elementor-element-bcec246 .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before {
    background-color: #FF5722 !important; /* Fondo Naranja */
    color: #ffffff !important; /* Número Blanco */
    
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    
    /* Posición y Tamaño Perfectos */
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    line-height: 16px !important;
    top: -5px !important;
    right: -5px !important;
    
    padding: 0 !important; /* Reseteo */
}

/* 4. Quitar textos o precios si aparecen al lado del icono */
.elementor-20 .elementor-element.elementor-element-bcec246 .elementor-menu-cart__container .elementor-button-text {
    display: none !important;
}

/* 5. Ajuste de alineación para pegarlo al icono de usuario */
.elementor-20 .elementor-element.elementor-element-bcec246 {
    margin-left: 15px !important; /* Separación del usuario */
}

### ✅ Resultado Final:
1.  **Visualmente:** Se ve idéntico al diseño original (Bolsa blanca limpia + Burbuja Naranja).
2.  **Funcionalmente:**
    * Al hacer clic, se abre el **Side Cart** (Cajón lateral) oficial de WooCommerce.
    * Verás los productos con sus fotos.
    * Verás los botones reales de "Ver Carrito" y "Finalizar Compra".
    * Si agregas una mancuerna, el numerito cambiará de 0 a 1 automáticamente vía AJAX.

¡Esta es la forma profesional de hacerlo! ⚡🛒/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4302b76 *//* Estado Inicial del Navbar en Elementor */
#navbar-voltra {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    top: 0;
    /* Esto crea el espacio para que se vea la barra naranja al inicio */
    margin-top: 32px; 
}

/* Estado cuando el usuario hace scroll (Sticky Activo) */
#navbar-voltra.nav-scrolled {
    margin-top: 0 !important;
    background-color: #0a0a0a !important; /* Negro sólido */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    height: 70px !important; /* Ajusta la altura si quieres que se encoja */
 
}

/* Ajuste para móviles (opcional) */
@media (max-width: 767px) {
    #navbar-voltra {
        margin-top: 0; /* En móvil solemos quitar el margen inicial */
    }
}


/* === BREAKPOINTS PERSONALIZADOS VOLTRA (FIX DE DISEÑO) === */

/* 1. Rango 1250px (Donde aparece el menú burguer u otros elementos) */
@media (max-width: 1250px) {
    .ocultar-1250 {
        display: none !important;
    }
    
    /* Clase genérica para mostrar cualquier elemento como Flex */
    .solo-1250 {
        display: flex !important; 
        justify-content: center;
        align-items: center;
    }
    
    /* FIX ESPECÍFICO PARA ICONOS:
       Forzamos que los widgets de icono respeten los 32px en este rango.
       Esto evita que crezcan a 50px antes de llegar al breakpoint de Elementor.
    */
    .solo-1250.elementor-widget-icon .elementor-icon,
    .solo-1250 .elementor-icon i,
    .solo-1250 .elementor-icon svg {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}

/* 2. Rango 950px */
@media (max-width: 950px) {
    .ocultar-950 {
        display: none !important;
    }

    .solo-950 {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    /* Consistencia de tamaño también para este rango */
    .solo-950.elementor-widget-icon .elementor-icon,
    .solo-950 .elementor-icon i,
    .solo-950 .elementor-icon svg {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }
}

/* FIX PARA EL MENÚ BURGUER ESPECÍFICO:
   Asegura que el contenedor del toggle no fuerce un ancho de 50px 
   mientras esté activo en tus rangos personalizados.
*/
.solo-1250 .elementor-menu-toggle svg,
.solo-950 .elementor-menu-toggle svg {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/* Solo afecta a los iconos de menú que estén dentro de tus contenedores de visibilidad */
.solo-1250 .elementor-menu-toggle svg,
.solo-950 .elementor-menu-toggle svg {
    width: 32px !important;
    height: 32px !important;
}


    .iconfoot .elementor-social-icons-wrapper {
        display: flex !important;
        flex-direction: row !important; /* Asegura que estén horizontales */
        justify-content: center !important;
        gap: 24px !important; /* El gap-6 de tu código original */
        flex-wrap: nowrap !important;
    }

    .iconfoot .elementor-grid-item {
        margin: 0 !important; /* Limpiamos márgenes que puedan empujar el icono */
        width: auto !important;
    }

    .iconfoot .elementor-social-icon {
        width: 18px !important;
        height: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .iconfoot .elementor-social-icon svg {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
    }
}

/* 3. REGLA DE SEGURIDAD PARA TODOS LOS RANGOS */
.elementor-widget-social-icons .elementor-grid-item {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* 4. Fix de scroll del popup */
.dialog-lightbox-message, 
.dialog-lightbox-widget-content,
.elementor-location-popup {
    overflow-y: auto !important;
    max-height: 100vh !important;
}/* End custom CSS */