.elementor-2958 .elementor-element.elementor-element-8bc702a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-2958 .elementor-element.elementor-element-8bc702a:not(.elementor-motion-effects-element-type-background), .elementor-2958 .elementor-element.elementor-element-8bc702a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B4B84;}.elementor-2958 .elementor-element.elementor-element-db776dd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-2958 .elementor-element.elementor-element-954ad45{left:0px;}body.rtl .elementor-2958 .elementor-element.elementor-element-954ad45{right:0px;}.elementor-2958 .elementor-element.elementor-element-954ad45{top:0px;}.elementor-2958 .elementor-element.elementor-element-954ad45 img{width:100%;}.elementor-2958 .elementor-element.elementor-element-1ca7535{--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:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2958 .elementor-element.elementor-element-c55f0bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--border-radius:0px 0px 0px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-2958 .elementor-element.elementor-element-c55f0bb:not(.elementor-motion-effects-element-type-background), .elementor-2958 .elementor-element.elementor-element-c55f0bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#199EF3;}.elementor-2958 .elementor-element.elementor-element-c938c2b{z-index:9999;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2958 .elementor-element.elementor-element-be783d5 .elementor-button{background-color:#199EF3;font-family:"Nunito", Sans-serif;font-size:15px;font-weight:700;line-height:1.1em;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:5px 20px 5px 20px;}.elementor-2958 .elementor-element.elementor-element-be783d5 .elementor-button:hover, .elementor-2958 .elementor-element.elementor-element-be783d5 .elementor-button:focus{background-color:#FFFFFF;color:#199EF3;}.elementor-2958 .elementor-element.elementor-element-be783d5 .elementor-button:hover svg, .elementor-2958 .elementor-element.elementor-element-be783d5 .elementor-button:focus svg{fill:#199EF3;}.elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button{background-color:#199EF3;font-family:"Nunito", Sans-serif;font-size:15px;font-weight:700;line-height:1.1em;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:5px 20px 5px 20px;}.elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button:hover, .elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button:focus{background-color:#FFFFFF;color:#199EF3;}.elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button:hover svg, .elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button:focus svg{fill:#199EF3;}.elementor-2958 .elementor-element.elementor-element-0ce3a24{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;--z-index:0;}.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 );}.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 );}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-menu-toggle{margin:0 auto;background-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu .elementor-item{font-family:"Nunito", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main .elementor-item:hover, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-4feae01{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-color:#FFFFFF;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-underline .elementor-item:after, .elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-overline .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-double-line .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-4feae01 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown{background-color:#1B4B84;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a:hover, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a:focus, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a.highlighted, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a:hover, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a:focus, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown a.highlighted{background-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown .elementor-item, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Nunito", Sans-serif;font-weight:500;}.elementor-2958 .elementor-element.elementor-element-4feae01 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 div.elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-4feae01 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 div.elementor-menu-toggle:hover svg, .elementor-2958 .elementor-element.elementor-element-4feae01 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-menu-toggle:focus{background-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-72d41af .elementor-button{background-color:#FFFFFF;font-family:"Nunito", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;fill:#54595F;color:#54595F;border-radius:100px 100px 100px 100px;padding:10px 70px 10px 20px;}.elementor-2958 .elementor-element.elementor-element-72d41af .elementor-button:hover, .elementor-2958 .elementor-element.elementor-element-72d41af .elementor-button:focus{background-color:#E7A700;color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-72d41af .elementor-button:hover svg, .elementor-2958 .elementor-element.elementor-element-72d41af .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-df09766{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 0px;}body:not(.rtl) .elementor-2958 .elementor-element.elementor-element-df09766{right:0%;}body.rtl .elementor-2958 .elementor-element.elementor-element-df09766{left:0%;}.elementor-2958 .elementor-element.elementor-element-095bc0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-menu-toggle{margin:0 auto;background-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu .elementor-item{font-family:"Nunito", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main .elementor-item:hover, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-framed .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-0246007{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-color:#FFFFFF;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-underline .elementor-item:after, .elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-overline .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-double-line .elementor-item:before, .elementor-2958 .elementor-element.elementor-element-0246007 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown{background-color:#1B4B84;border-style:none;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a:hover, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a:focus, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a.highlighted, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a:hover, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a:focus, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown a.highlighted{background-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown .elementor-item, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Nunito", Sans-serif;font-weight:500;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF59;border-bottom-width:1px;}.elementor-2958 .elementor-element.elementor-element-0246007 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 div.elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-0246007 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 div.elementor-menu-toggle:hover svg, .elementor-2958 .elementor-element.elementor-element-0246007 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-menu-toggle:hover, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-menu-toggle:focus{background-color:#E7A700;}.elementor-2958 .elementor-element.elementor-element-c7424dd{z-index:9999;}.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-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu .elementor-item{font-size:11px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main .elementor-item{padding-top:5px;padding-bottom:5px;}.elementor-2958 .elementor-element.elementor-element-72d41af{width:var( --container-widget-width, 250px );max-width:250px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-2958 .elementor-element.elementor-element-72d41af .elementor-button{font-size:11px;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main .elementor-item{padding-top:5px;padding-bottom:5px;}}@media(min-width:768px){.elementor-2958 .elementor-element.elementor-element-db776dd{--width:15%;}.elementor-2958 .elementor-element.elementor-element-1ca7535{--width:85%;}}@media(max-width:767px){.elementor-2958 .elementor-element.elementor-element-be783d5 .elementor-button{font-size:11px;}.elementor-2958 .elementor-element.elementor-element-d0f30c5 .elementor-button{font-size:11px;}.elementor-2958 .elementor-element.elementor-element-0ce3a24{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2958 .elementor-element.elementor-element-4feae01{z-index:9999;--nav-menu-icon-size:30px;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-2958 .elementor-element.elementor-element-4feae01 .elementor-menu-toggle{border-width:0px;border-radius:5px;}.elementor-2958 .elementor-element.elementor-element-095bc0b{--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;}.elementor-2958 .elementor-element.elementor-element-0246007{z-index:9999;--nav-menu-icon-size:30px;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2958 .elementor-element.elementor-element-0246007 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:5px !important;}.elementor-2958 .elementor-element.elementor-element-0246007 .elementor-menu-toggle{border-width:0px;border-radius:5px;}.elementor-2958 .elementor-element.elementor-element-d18cc8f img{width:100px;}}/* Start custom CSS for html, class: .elementor-element-c938c2b *//* ========================================================= COMPONENTE: TOOLTIP DE HORARIOS ========================================================= DESCRIPCIÓN: Componente interactivo que muestra una etiqueta con información adicional al pasar el cursor sobre ella. FUNCIONALIDADES: - Estilización de la etiqueta principal. - Visualización de un tooltip emergente. - Posicionamiento del tooltip debajo de la etiqueta. - Flecha indicadora hacia el elemento principal. - Animación de aparición y sombra. - Cambio de color al pasar el cursor. COMPATIBILIDAD: El prefijo ".elementor-2958 .elementor-element.elementor-element-c938c2b" corresponde a Elementor y permite limitar estos estilos al elemento donde se configura este CSS personalizado. ========================================================= */ /* ------------------------------------------------------- 1. CONTENEDOR PRINCIPAL ------------------------------------------------------- Define la apariencia de la etiqueta visible y establece el contexto de posicionamiento del tooltip. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c938c2b .tooltip-container { cursor: pointer; /* Indica que el elemento es interactivo */ position: relative; /* Permite posicionar el tooltip respecto al contenedor */ display: inline-block; /* Mantiene el elemento en línea y admite dimensiones */ background-color: #FFF; /* Fondo blanco de la etiqueta */ padding: 5px 20px; /* Espaciado interno: vertical y horizontal */ font-weight: 600; /* Peso seminegrita del texto */ border: 0px solid #4B5064; /* Borde desactivado; conserva la configuración de color */ border-radius: 50px; /* Bordes redondeados para una apariencia tipo píldora */ color: #199EF3; /* Color azul del texto y del ícono */ line-height: 0; /* Ajusta la altura de línea del contenido */ font-size: 15px; /* Tamaño de fuente de la etiqueta */ vertical-align: middle; /* Alineación vertical respecto al contenido vecino */ top: 0px; /* Sin desplazamiento vertical adicional */ } /* ------------------------------------------------------- 2. TOOLTIP: VENTANA EMERGENTE ------------------------------------------------------- Define el diseño, la posición y la animación del cuadro que contiene la información adicional. El tooltip permanece oculto inicialmente y se muestra cuando se activa el estado hover correspondiente. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c938c2b .tooltip { opacity: 0; /* Oculta visualmente el tooltip */ z-index: 9999 !important; /* Prioriza su superposición frente a otros elementos */ color: #199EF3; /* Color azul del texto interno */ width: 250px; /* Ancho del cuadro emergente */ display: block; /* Permite controlar sus dimensiones y contenido */ font-size: 13px; /* Tamaño de fuente del contenido */ font-weight: 400; /* Peso normal del texto */ line-height: 19px; /* Espaciado vertical entre líneas */ padding: 15px 20px; /* Espaciado interno del cuadro */ border-radius: 8px; /* Redondeo de las esquinas */ text-align: center; /* Centra el texto del contenido */ background: #ffffff; /* Fondo blanco del tooltip */ transition: all .2s ease-in-out; /* Suaviza los cambios de apariencia */ transform: scale(0); /* Reduce el tooltip a escala cero inicialmente */ position: absolute; /* Permite posicionarlo respecto al contenedor */ right: -30px; /* Ajusta su posición horizontal desde la derecha */ top: 30px; /* Coloca el tooltip debajo de la etiqueta */ bottom: auto; /* Evita que bottom interfiera con la posición superior */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); /* Añade una sombra suave para dar profundidad y separar el cuadro del fondo */ } /* ------------------------------------------------------- 3. ESTADO HOVER DEL CONTENEDOR ------------------------------------------------------- Cambia los colores de la etiqueta cuando el usuario pasa el cursor sobre ella. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c938c2b .tooltip-container:hover { color: #FFF; /* Cambia el texto y el ícono a blanco */ background: #E7A700; /* Aplica el fondo amarillo/dorado */ } /* ------------------------------------------------------- 4. FLECHA INDICADORA DEL TOOLTIP ------------------------------------------------------- Crea una flecha triangular mediante bordes CSS. La flecha se ubica en la parte superior del tooltip y apunta hacia la etiqueta que lo activa. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c938c2b .tooltip:before, .elementor-2958 .elementor-element.elementor-element-c938c2b .tooltip:after { content: ''; /* Genera los elementos necesarios para la flecha */ border-left: 10px solid transparent; /* Lado izquierdo transparente */ border-right: 10px solid transparent; /* Lado derecho transparente */ border-bottom: 10px solid #ffffff; /* Triángulo blanco orientado hacia arriba */ border-top: 0; /* Elimina el borde superior */ position: absolute; /* Posiciona la flecha respecto al tooltip */ top: -10px; /* Coloca la flecha por encima del cuadro */ bottom: auto; /* Desactiva el posicionamiento inferior */ left: 45%; /* Ajusta la posición horizontal de la flecha */ } /* ------------------------------------------------------- 5. MOSTRAR EL TOOLTIP AL INTERACTUAR ------------------------------------------------------- Cuando el cursor pasa sobre el contenedor, el tooltip se vuelve visible y recupera su tamaño original. También se contempla el caso de enlaces que contengan un tooltip, mediante el .elementor-2958 .elementor-element.elementor-element-c938c2b a:hover .tooltip. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c938c2b .tooltip-container:hover .tooltip, .elementor-2958 .elementor-element.elementor-element-c938c2b a:hover .tooltip { opacity: 1; /* Hace visible el tooltip */ transform: scale(1); /* Recupera el tamaño normal del cuadro */ } /* ========================================================= FIN DEL COMPONENTE TOOLTIP ========================================================= NOTAS DE MANTENIMIENTO: - Para cambiar el color azul, modifica #199EF3. - Para cambiar el color del hover, modifica #E7A700. - Para cambiar el ancho, modifica width en .tooltip. - Para ajustar la posición, modifica right y top. - Para ajustar la sombra, modifica box-shadow. - Para cambiar la velocidad de aparición, modifica transition. IMPORTANTE: Si el tooltip no aparece por encima de otros elementos, revisa también las propiedades overflow y z-index de los contenedores padres. Un z-index elevado por sí solo no siempre puede superar los límites de un contenedor. ========================================================= *//* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-4feae01 */.elementor-2958 .elementor-element.elementor-element-4feae01 { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c7424dd *//* ========================================================= COMPONENTE: TOOLTIP DE HORARIOS ========================================================= DESCRIPCIÓN: Componente interactivo que muestra una etiqueta con información adicional al pasar el cursor sobre ella. FUNCIONALIDADES: - Estilización de la etiqueta principal. - Visualización de un tooltip emergente. - Posicionamiento del tooltip debajo de la etiqueta. - Flecha indicadora hacia el elemento principal. - Animación de aparición y sombra. - Cambio de color al pasar el cursor. COMPATIBILIDAD: El prefijo ".elementor-2958 .elementor-element.elementor-element-c7424dd" corresponde a Elementor y permite limitar estos estilos al elemento donde se configura este CSS personalizado. ========================================================= */ /* ------------------------------------------------------- 1. CONTENEDOR PRINCIPAL ------------------------------------------------------- Define la apariencia de la etiqueta visible y establece el contexto de posicionamiento del tooltip. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c7424dd .tooltip-container { cursor: pointer; /* Indica que el elemento es interactivo */ position: relative; /* Permite posicionar el tooltip respecto al contenedor */ display: inline-block; /* Mantiene el elemento en línea y admite dimensiones */ background-color: #199EF3; /* Fondo blanco de la etiqueta */ padding: 5px 20px; /* Espaciado interno: vertical y horizontal */ font-weight: 600; /* Peso seminegrita del texto */ border: 0px solid #4B5064; /* Borde desactivado; conserva la configuración de color */ border-radius: 50px; /* Bordes redondeados para una apariencia tipo píldora */ color: #ffffff; /* Color azul del texto y del ícono */ line-height: 0; /* Ajusta la altura de línea del contenido */ font-size: 15px; /* Tamaño de fuente de la etiqueta */ vertical-align: middle; /* Alineación vertical respecto al contenido vecino */ top: 0px; /* Sin desplazamiento vertical adicional */ } /* ------------------------------------------------------- 2. TOOLTIP: VENTANA EMERGENTE ------------------------------------------------------- Define el diseño, la posición y la animación del cuadro que contiene la información adicional. El tooltip permanece oculto inicialmente y se muestra cuando se activa el estado hover correspondiente. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c7424dd .tooltip { opacity: 0; /* Oculta visualmente el tooltip */ z-index: 9999 !important; /* Prioriza su superposición frente a otros elementos */ color: #199EF3; /* Color azul del texto interno */ width: 250px; /* Ancho del cuadro emergente */ display: block; /* Permite controlar sus dimensiones y contenido */ font-size: 13px; /* Tamaño de fuente del contenido */ font-weight: 400; /* Peso normal del texto */ line-height: 19px; /* Espaciado vertical entre líneas */ padding: 15px 20px; /* Espaciado interno del cuadro */ border-radius: 8px; /* Redondeo de las esquinas */ text-align: center; /* Centra el texto del contenido */ background: #ffffff; /* Fondo blanco del tooltip */ transition: all .2s ease-in-out; /* Suaviza los cambios de apariencia */ transform: scale(0); /* Reduce el tooltip a escala cero inicialmente */ position: absolute; /* Permite posicionarlo respecto al contenedor */ right: -30px; /* Ajusta su posición horizontal desde la derecha */ top: 30px; /* Coloca el tooltip debajo de la etiqueta */ bottom: auto; /* Evita que bottom interfiera con la posición superior */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); /* Añade una sombra suave para dar profundidad y separar el cuadro del fondo */ } /* ------------------------------------------------------- 3. ESTADO HOVER DEL CONTENEDOR ------------------------------------------------------- Cambia los colores de la etiqueta cuando el usuario pasa el cursor sobre ella. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c7424dd .tooltip-container:hover { color: #FFF; /* Cambia el texto y el ícono a blanco */ background: #E7A700; /* Aplica el fondo amarillo/dorado */ } /* ------------------------------------------------------- 4. FLECHA INDICADORA DEL TOOLTIP ------------------------------------------------------- Crea una flecha triangular mediante bordes CSS. La flecha se ubica en la parte superior del tooltip y apunta hacia la etiqueta que lo activa. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c7424dd .tooltip:before, .elementor-2958 .elementor-element.elementor-element-c7424dd .tooltip:after { content: ''; /* Genera los elementos necesarios para la flecha */ border-left: 10px solid transparent; /* Lado izquierdo transparente */ border-right: 10px solid transparent; /* Lado derecho transparente */ border-bottom: 10px solid #ffffff; /* Triángulo blanco orientado hacia arriba */ border-top: 0; /* Elimina el borde superior */ position: absolute; /* Posiciona la flecha respecto al tooltip */ top: -10px; /* Coloca la flecha por encima del cuadro */ bottom: auto; /* Desactiva el posicionamiento inferior */ left: 45%; /* Ajusta la posición horizontal de la flecha */ } /* ------------------------------------------------------- 5. MOSTRAR EL TOOLTIP AL INTERACTUAR ------------------------------------------------------- Cuando el cursor pasa sobre el contenedor, el tooltip se vuelve visible y recupera su tamaño original. También se contempla el caso de enlaces que contengan un tooltip, mediante el .elementor-2958 .elementor-element.elementor-element-c7424dd a:hover .tooltip. ------------------------------------------------------- */ .elementor-2958 .elementor-element.elementor-element-c7424dd .tooltip-container:hover .tooltip, .elementor-2958 .elementor-element.elementor-element-c7424dd a:hover .tooltip { opacity: 1; /* Hace visible el tooltip */ transform: scale(1); /* Recupera el tamaño normal del cuadro */ } /* ========================================================= FIN DEL COMPONENTE TOOLTIP ========================================================= NOTAS DE MANTENIMIENTO: - Para cambiar el color azul, modifica #199EF3. - Para cambiar el color del hover, modifica #E7A700. - Para cambiar el ancho, modifica width en .tooltip. - Para ajustar la posición, modifica right y top. - Para ajustar la sombra, modifica box-shadow. - Para cambiar la velocidad de aparición, modifica transition. IMPORTANTE: Si el tooltip no aparece por encima de otros elementos, revisa también las propiedades overflow y z-index de los contenedores padres. Un z-index elevado por sí solo no siempre puede superar los límites de un contenedor. ========================================================= *//* End custom CSS */