.elementor-35 .elementor-element.elementor-element-cc4285a{--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;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-35 .elementor-element.elementor-element-cc4285a:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-cc4285a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/hero_bg_full.png");}.elementor-35 .elementor-element.elementor-element-7c54a44{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-7c54a44:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-7c54a44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/HERO.png");background-position:top center;background-repeat:no-repeat;}.elementor-35 .elementor-element.elementor-element-c38381c{--display:flex;--min-height:795px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:180px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-9cf5e2a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-cbaaad6{--spacer-size:245px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-0386af8 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:48px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-b544b31{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;}.elementor-35 .elementor-element.elementor-element-b544b31 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-885ab6f{--spacer-size:28px;}.elementor-35 .elementor-element.elementor-element-b4ef8a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-72c4dd3{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--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 );}.elementor-35 .elementor-element.elementor-element-26828ea img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-35 .elementor-element.elementor-element-84072e6{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-3ba5ea4{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-3ba5ea4.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-3ba5ea4 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-94ccaf3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-672d45d{text-align:start;}.elementor-35 .elementor-element.elementor-element-672d45d .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:16px;font-weight:300;line-height:10px;color:#FFFFFF;}.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-35 .elementor-element.elementor-element-9a308d2 .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-9a308d2 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-9a308d2 .elementor-button:focus{background-color:#FF3544;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-9a308d2.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-9a308d2 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-9a308d2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-59f1b62{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-35 .elementor-element.elementor-element-59f1b62:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-59f1b62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/bg2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-35 .elementor-element.elementor-element-6e6dc78{width:var( --container-widget-width, 21% );max-width:21%;background-color:#F91C2D;padding:15px 15px 15px 15px;--container-widget-width:21%;--container-widget-flex-grow:0;border-radius:7px 7px 7px 7px;text-align:center;}.elementor-35 .elementor-element.elementor-element-6e6dc78.elementor-element{--align-self:center;}.elementor-35 .elementor-element.elementor-element-6e6dc78 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-9609b7d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-2353dfa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-f7b61fe{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-520c730 img{width:100%;height:340px;object-fit:cover;object-position:center right;filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-35 .elementor-element.elementor-element-e8f5b95{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-d8a5035{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-d8a5035.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-d8a5035 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-468e24e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-3b908d6 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-3b598bd .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-35 .elementor-element.elementor-element-3b598bd .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-3b598bd .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-3b598bd.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-3b598bd .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-3b598bd .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-9c1fdd1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-d0af84a{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-90164e4 img{width:100%;height:340px;object-fit:cover;object-position:top center;}.elementor-35 .elementor-element.elementor-element-ef8945e{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-1cfa8ad{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-1cfa8ad.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-1cfa8ad .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-61fd69f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-e0e4069 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-9c2ddc4 .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-35 .elementor-element.elementor-element-9c2ddc4 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-9c2ddc4 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-9c2ddc4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-35 .elementor-element.elementor-element-9c2ddc4.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-9c2ddc4 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-9c2ddc4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-273579d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-c100bf1{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-0af7bd1 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-35 .elementor-element.elementor-element-9b95031{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-9624c01{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-9624c01.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-9624c01 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-121282f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-bd167ca .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-515b69c .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-35 .elementor-element.elementor-element-515b69c .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-515b69c .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-515b69c.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-515b69c .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-515b69c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-9a3b7a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-5b93773{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-6ce9688 img{width:100%;height:340px;object-fit:cover;object-position:center center;}.elementor-35 .elementor-element.elementor-element-d334f87{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-c8fd465{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-c8fd465.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-c8fd465 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-4cd801e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-43a7c5e .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-a83f1e5 .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;}.elementor-35 .elementor-element.elementor-element-a83f1e5 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-a83f1e5 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-a83f1e5.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-a83f1e5 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-a83f1e5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-33c753b{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-33c753b :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-11436db );border-radius:4px 4px 4px 4px;padding:5px 5px 5px 5px;}.elementor-35 .elementor-element.elementor-element-5d784a4 .elementor-button{background-color:#FFFFFF00;font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-5d784a4 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-5d784a4 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;border-color:var( --e-global-color-11436db );}.elementor-35 .elementor-element.elementor-element-5d784a4 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-5d784a4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-9b94d21{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;--z-index:111;}.elementor-35 .elementor-element.elementor-element-9b94d21:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-9b94d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/03/hero_bg_full_180.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-35 .elementor-element.elementor-element-6b2180f{--display:flex;--min-height:640px;--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-start;--align-items:flex-end;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-6b2180f:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-6b2180f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolheroes.ro/wp-content/uploads/2026/04/kaufland_cariere_hero_high.webp");background-repeat:no-repeat;}.elementor-35 .elementor-element.elementor-element-4916a67 .elementor-button{background-color:#FFFFFF00;font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-4916a67 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-4916a67 .elementor-button:focus{background-color:var( --e-global-color-11436db );color:#FFFFFF;border-color:var( --e-global-color-11436db );}.elementor-35 .elementor-element.elementor-element-4916a67{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-35 .elementor-element.elementor-element-4916a67 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-4916a67 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-2113926{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-08788ec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--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-35 .elementor-element.elementor-element-08788ec:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-08788ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-11436db );}.elementor-35 .elementor-element.elementor-element-7503c2e{--display:flex;--min-height:240px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-4e3ebc3 img{height:240px;object-fit:cover;object-position:top center;}.elementor-35 .elementor-element.elementor-element-d3cb7fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-3e6067e{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-3e6067e.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-3e6067e .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-67f95e6 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-0712ca3 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:300;line-height:18px;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-ecc40a6 .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-ecc40a6 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-ecc40a6 .elementor-button:focus{background-color:#FF3544;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-ecc40a6.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-ecc40a6 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-ecc40a6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-b77a760{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--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-35 .elementor-element.elementor-element-b77a760:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-b77a760 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-11436db );}.elementor-35 .elementor-element.elementor-element-45a7be2{--display:flex;--min-height:240px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-0925e6f img{height:240px;object-fit:cover;object-position:top center;}.elementor-35 .elementor-element.elementor-element-e6bddfd{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-b096ddb{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-b096ddb.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-b096ddb .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-a8d1333 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-54bdb63 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:300;line-height:18px;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-7798079 .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-7798079 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-7798079 .elementor-button:focus{background-color:#FF3544;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-7798079.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-7798079 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-7798079 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-78a590e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--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-35 .elementor-element.elementor-element-78a590e:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-78a590e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-11436db );}.elementor-35 .elementor-element.elementor-element-f4b1854{--display:flex;--min-height:240px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-3a69887 img{height:240px;object-fit:cover;object-position:top center;}.elementor-35 .elementor-element.elementor-element-a8896b3{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-00745b5{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-00745b5.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-00745b5 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-456bf22 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-5c27302 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:300;line-height:18px;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-a1e9977 .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-a1e9977 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-a1e9977 .elementor-button:focus{background-color:#FF3544;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-a1e9977.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-a1e9977 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-a1e9977 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-d8a9a3f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--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-35 .elementor-element.elementor-element-d8a9a3f:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-d8a9a3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-11436db );}.elementor-35 .elementor-element.elementor-element-876f990{--display:flex;--min-height:240px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-c3f503f img{height:240px;object-fit:cover;object-position:top center;}.elementor-35 .elementor-element.elementor-element-b9d4ae1{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-b7d7508{background-color:#FFFFFF;padding:5px 10px 5px 10px;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-35 .elementor-element.elementor-element-b7d7508.elementor-element{--align-self:flex-start;}.elementor-35 .elementor-element.elementor-element-b7d7508 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-35 .elementor-element.elementor-element-d280e81{padding:20px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-d280e81 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:28px;font-weight:600;line-height:33px;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-b10fcc7{padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-b10fcc7 .elementor-heading-title{font-family:"Kaufland", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-6ea9618 .elementor-button{background-color:#FFFFFF;font-family:"Kaufland", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;fill:#000000;color:#000000;border-radius:7px 7px 7px 7px;padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-6ea9618 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-6ea9618 .elementor-button:focus{background-color:#FF3544;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-6ea9618{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-35 .elementor-element.elementor-element-6ea9618.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-35 .elementor-element.elementor-element-6ea9618 .elementor-button-content-wrapper{flex-direction:row;}.elementor-35 .elementor-element.elementor-element-6ea9618 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-35 .elementor-element.elementor-element-6ea9618 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-6ea9618 .elementor-button:focus svg{fill:#FFFFFF;}body.elementor-page-35:not(.elementor-motion-effects-element-type-background), body.elementor-page-35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-443e57f );}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-0386af8{text-align:center;}.elementor-35 .elementor-element.elementor-element-0386af8 .elementor-heading-title{font-size:22px;}.elementor-35 .elementor-element.elementor-element-b544b31{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-35 .elementor-element.elementor-element-b4ef8a5{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-6e6dc78{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-35 .elementor-element.elementor-element-33c753b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-35 .elementor-element.elementor-element-6b2180f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-2113926{--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-7c54a44{--content-width:1400px;}.elementor-35 .elementor-element.elementor-element-b4ef8a5{--content-width:1400px;}.elementor-35 .elementor-element.elementor-element-72c4dd3{--width:50%;}.elementor-35 .elementor-element.elementor-element-9609b7d{--content-width:1400px;}.elementor-35 .elementor-element.elementor-element-9b94d21{--content-width:1400px;}.elementor-35 .elementor-element.elementor-element-6b2180f{--content-width:1400px;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-c38381c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-9cf5e2a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-cbaaad6{--spacer-size:171px;}.elementor-35 .elementor-element.elementor-element-0386af8{text-align:center;}.elementor-35 .elementor-element.elementor-element-0386af8 .elementor-heading-title{font-size:26px;}.elementor-35 .elementor-element.elementor-element-b544b31{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-35 .elementor-element.elementor-element-b4ef8a5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-94ccaf3{--justify-content:space-between;}.elementor-35 .elementor-element.elementor-element-6e6dc78{padding:10px 10px 10px 10px;--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-35 .elementor-element.elementor-element-6e6dc78 .elementor-heading-title{font-size:18px;}.elementor-35 .elementor-element.elementor-element-9609b7d{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-468e24e{--justify-content:space-between;}.elementor-35 .elementor-element.elementor-element-61fd69f{--justify-content:space-between;}.elementor-35 .elementor-element.elementor-element-9c2ddc4{width:100%;max-width:100%;}.elementor-35 .elementor-element.elementor-element-121282f{--justify-content:space-between;}.elementor-35 .elementor-element.elementor-element-4cd801e{--justify-content:space-between;}.elementor-35 .elementor-element.elementor-element-33c753b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-35 .elementor-element.elementor-element-9b94d21{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-6b2180f{--min-height:80px;--justify-content:flex-start;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-6b2180f:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-6b2180f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:624px auto;}.elementor-35 .elementor-element.elementor-element-2113926{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-35 .elementor-element.elementor-element-4e3ebc3 img{width:100%;}.elementor-35 .elementor-element.elementor-element-0925e6f img{width:100%;}.elementor-35 .elementor-element.elementor-element-3a69887 img{width:100%;}.elementor-35 .elementor-element.elementor-element-c3f503f img{width:100%;}}/* Start custom CSS for image, class: .elementor-element-26828ea */.elementor-35 .elementor-element.elementor-element-26828ea {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-26828ea::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-672d45d */.elementor-35 .elementor-element.elementor-element-672d45d {
    margin-top:auto;
    line-height: 18px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84072e6 */.elementor-35 .elementor-element.elementor-element-84072e6 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72c4dd3 */.elementor-35 .elementor-element.elementor-element-72c4dd3 {
    position: relative;
}

.elementor-35 .elementor-element.elementor-element-72c4dd3 {
     box-shadow: 0px 0px 20px 0px rgba(7, 12, 16, 0.7);
}

.elementor-35 .elementor-element.elementor-element-72c4dd3:hover {
  box-shadow: 0px 0px 30px 0px rgba(249, 28, 45, 0.9);
}


/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-72c4dd3 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-72c4dd3 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.7) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-72c4dd3 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-72c4dd3 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-72c4dd3 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-72c4dd3 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-72c4dd3 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-72c4dd3:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-72c4dd3:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-72c4dd3:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-72c4dd3:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4ef8a5 *//* 1. Setări container pentru a permite elementelor să iasă în afară */
.container-focus-center {
    display: flex !important;
    align-items: center !important; /* Aliniază cardurile pe orizontală */
    justify-content: center !important;
    overflow: visible !important;
    padding: 20px 0 !important; /* Spațiu sus/jos pentru ca cardul mărit să nu fie tăiat */
}

/* 2. Stil general pentru toate cardurile */
.card-game-focus {
    transition: all 0.4s ease-in-out !important;
    z-index: 1;
}

/* 3. Stil specific pentru cardul din MIJLOC (al doilea element) */
@media (min-width: 768px) {
    .container-focus-center > .e-con:nth-child(2),
    .container-focus-center > .elementor-column:nth-child(2),
    .container-focus-center > .card-game-focus:nth-child(2) {
        transform: scale(1.15) !important; /* Îl face cu 15% mai mare */
        z-index: 10 !important; /* Îl aduce deasupra celorlalte */
        
        /* Glow-ul roșu din imaginea ta */
        box-shadow: 0px 0px 30px 10px rgba(255, 0, 0, 0.6) !important;
        border: 2px solid rgba(255, 0, 0, 0.8) !important; /* Opțional: o bordură fină roșie */
    }
}

/* 4. Reset pentru Mobile (să revină la normal când sunt unul sub altul) */
@media (max-width: 767px) {
    .card-game-focus {
        transform: scale(1) !important;
        margin-bottom: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-520c730 */.elementor-35 .elementor-element.elementor-element-520c730 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-520c730::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8f5b95 */.elementor-35 .elementor-element.elementor-element-e8f5b95 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7b61fe */.elementor-35 .elementor-element.elementor-element-f7b61fe {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-f7b61fe .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2353dfa */.elementor-35 .elementor-element.elementor-element-2353dfa {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90164e4 */.elementor-35 .elementor-element.elementor-element-90164e4 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-90164e4::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef8945e */.elementor-35 .elementor-element.elementor-element-ef8945e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0af84a */.elementor-35 .elementor-element.elementor-element-d0af84a {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-d0af84a .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1fdd1 */.elementor-35 .elementor-element.elementor-element-9c1fdd1 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0af7bd1 */.elementor-35 .elementor-element.elementor-element-0af7bd1 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-0af7bd1::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b95031 */.elementor-35 .elementor-element.elementor-element-9b95031 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c100bf1 */.elementor-35 .elementor-element.elementor-element-c100bf1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-c100bf1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-273579d */.elementor-35 .elementor-element.elementor-element-273579d {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6ce9688 */.elementor-35 .elementor-element.elementor-element-6ce9688 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-6ce9688::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d334f87 */.elementor-35 .elementor-element.elementor-element-d334f87 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b93773 */.elementor-35 .elementor-element.elementor-element-5b93773 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-5b93773 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a3b7a1 */.elementor-35 .elementor-element.elementor-element-9a3b7a1 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-520c730 */.elementor-35 .elementor-element.elementor-element-520c730 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-520c730::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8f5b95 */.elementor-35 .elementor-element.elementor-element-e8f5b95 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7b61fe */.elementor-35 .elementor-element.elementor-element-f7b61fe {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-f7b61fe .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2353dfa */.elementor-35 .elementor-element.elementor-element-2353dfa {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90164e4 */.elementor-35 .elementor-element.elementor-element-90164e4 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-90164e4::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef8945e */.elementor-35 .elementor-element.elementor-element-ef8945e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0af84a */.elementor-35 .elementor-element.elementor-element-d0af84a {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-d0af84a .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1fdd1 */.elementor-35 .elementor-element.elementor-element-9c1fdd1 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0af7bd1 */.elementor-35 .elementor-element.elementor-element-0af7bd1 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-0af7bd1::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b95031 */.elementor-35 .elementor-element.elementor-element-9b95031 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c100bf1 */.elementor-35 .elementor-element.elementor-element-c100bf1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-c100bf1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-273579d */.elementor-35 .elementor-element.elementor-element-273579d {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6ce9688 */.elementor-35 .elementor-element.elementor-element-6ce9688 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-6ce9688::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d334f87 */.elementor-35 .elementor-element.elementor-element-d334f87 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b93773 */.elementor-35 .elementor-element.elementor-element-5b93773 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-5b93773 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a3b7a1 */.elementor-35 .elementor-element.elementor-element-9a3b7a1 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-520c730 */.elementor-35 .elementor-element.elementor-element-520c730 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-520c730::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8f5b95 */.elementor-35 .elementor-element.elementor-element-e8f5b95 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7b61fe */.elementor-35 .elementor-element.elementor-element-f7b61fe {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-f7b61fe .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2353dfa */.elementor-35 .elementor-element.elementor-element-2353dfa {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90164e4 */.elementor-35 .elementor-element.elementor-element-90164e4 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-90164e4::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef8945e */.elementor-35 .elementor-element.elementor-element-ef8945e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0af84a */.elementor-35 .elementor-element.elementor-element-d0af84a {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-d0af84a .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1fdd1 */.elementor-35 .elementor-element.elementor-element-9c1fdd1 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0af7bd1 */.elementor-35 .elementor-element.elementor-element-0af7bd1 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-0af7bd1::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b95031 */.elementor-35 .elementor-element.elementor-element-9b95031 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c100bf1 */.elementor-35 .elementor-element.elementor-element-c100bf1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-c100bf1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-273579d */.elementor-35 .elementor-element.elementor-element-273579d {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6ce9688 */.elementor-35 .elementor-element.elementor-element-6ce9688 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-6ce9688::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d334f87 */.elementor-35 .elementor-element.elementor-element-d334f87 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b93773 */.elementor-35 .elementor-element.elementor-element-5b93773 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-5b93773 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a3b7a1 */.elementor-35 .elementor-element.elementor-element-9a3b7a1 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-520c730 */.elementor-35 .elementor-element.elementor-element-520c730 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-520c730::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8f5b95 */.elementor-35 .elementor-element.elementor-element-e8f5b95 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7b61fe */.elementor-35 .elementor-element.elementor-element-f7b61fe {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-f7b61fe .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2353dfa */.elementor-35 .elementor-element.elementor-element-2353dfa {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90164e4 */.elementor-35 .elementor-element.elementor-element-90164e4 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-90164e4::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef8945e */.elementor-35 .elementor-element.elementor-element-ef8945e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0af84a */.elementor-35 .elementor-element.elementor-element-d0af84a {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-d0af84a .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1fdd1 */.elementor-35 .elementor-element.elementor-element-9c1fdd1 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0af7bd1 */.elementor-35 .elementor-element.elementor-element-0af7bd1 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-0af7bd1::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b95031 */.elementor-35 .elementor-element.elementor-element-9b95031 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c100bf1 */.elementor-35 .elementor-element.elementor-element-c100bf1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-c100bf1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-273579d */.elementor-35 .elementor-element.elementor-element-273579d {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6ce9688 */.elementor-35 .elementor-element.elementor-element-6ce9688 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-6ce9688::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d334f87 */.elementor-35 .elementor-element.elementor-element-d334f87 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b93773 */.elementor-35 .elementor-element.elementor-element-5b93773 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-5b93773 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a3b7a1 */.elementor-35 .elementor-element.elementor-element-9a3b7a1 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-520c730 */.elementor-35 .elementor-element.elementor-element-520c730 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-520c730::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 0) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8f5b95 */.elementor-35 .elementor-element.elementor-element-e8f5b95 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7b61fe */.elementor-35 .elementor-element.elementor-element-f7b61fe {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-f7b61fe .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-f7b61fe .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-f7b61fe .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-f7b61fe:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2353dfa */.elementor-35 .elementor-element.elementor-element-2353dfa {
     box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-90164e4 */.elementor-35 .elementor-element.elementor-element-90164e4 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-90164e4::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef8945e */.elementor-35 .elementor-element.elementor-element-ef8945e {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0af84a */.elementor-35 .elementor-element.elementor-element-d0af84a {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-d0af84a .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-d0af84a .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-d0af84a .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-d0af84a:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c1fdd1 */.elementor-35 .elementor-element.elementor-element-9c1fdd1 {
     box-shadow: 0px 0px 20px 0px rgba(249, 28, 45, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0af7bd1 */.elementor-35 .elementor-element.elementor-element-0af7bd1 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-0af7bd1::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b95031 */.elementor-35 .elementor-element.elementor-element-9b95031 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c100bf1 */.elementor-35 .elementor-element.elementor-element-c100bf1 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview::before {
    content: "";
  background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-c100bf1 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-c100bf1 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-c100bf1 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-c100bf1:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-273579d */.elementor-35 .elementor-element.elementor-element-273579d {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6ce9688 */.elementor-35 .elementor-element.elementor-element-6ce9688 {
    position: absolute;
    left:0;
    top:0;
}

.elementor-35 .elementor-element.elementor-element-6ce9688::before {
    content: "";
    background: #000000;
background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0) 53%, rgba(18, 23, 30, 1) 100%);
position: absolute;
left:0;
top:0;
height: 100%;
width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d334f87 */.elementor-35 .elementor-element.elementor-element-d334f87 {
    position: absolute;
    left:0;
    top:0;
    padding:20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b93773 */.elementor-35 .elementor-element.elementor-element-5b93773 {
    position: relative;
}

/* ========================================= */
/* 1. SETĂRI PENTRU IMAGINE ȘI GRADIENT      */
/* ========================================= */

.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Ține imaginea în interior la zoom */
    border-radius: 10px; /* Opțional: colțuri rotunjite pentru card */
    z-index: 0; /* Stratul de bază */
}

/* Gradientul aplicat peste imagine */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview::before {
    content: "";
   background: linear-gradient(0deg, rgba(18, 23, 30, 1) 0%, rgba(18, 23, 30, 0.5) 53%, rgba(18, 23, 30, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2; /* IMPORTANT: Ține gradientul deasupra imaginii */
    pointer-events: none; /* Permite click-ul prin gradient pe buton */
}

/* Imaginea efectivă */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagepreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
    position: relative;
    z-index: 1; /* Sub gradient, dar în propriul container */
}

/* ========================================= */
/* 2. SETĂRI PENTRU TEXTE ȘI BUTON           */
/* ========================================= */

/* Containerul cu texte are nevoie de un z-index mai mare să fie peste gradient */
.elementor-35 .elementor-element.elementor-element-5b93773 .elementor-element-3bb8ae7 {
    z-index: 3; 
    position: relative;
}

/* Locația (Palas Mall) */
.elementor-35 .elementor-element.elementor-element-5b93773 .stagestadium {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* 3. Setări inițiale pentru buton */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage {
    position: absolute;
    bottom: 20px; /* Înlocuiește 20px cu padding-ul de jos al containerului tău */
    left: 20px;   /* Înlocuiește 20px cu padding-ul din stânga */
    right: 20px;  /* Înlocuiește 20px cu padding-ul din dreapta */
    width: auto;  /* Lățimea se calculează automat din left și right */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

/* Forțează link-ul butonului să ocupe tot spațiul widget-ului și să centreze textul */
.elementor-35 .elementor-element.elementor-element-5b93773 .viewstage .elementor-button {
    width: 100%;
    justify-content: center;
}
/* ========================================= */
/* --- EFECTELE DE HOVER PE TOT CARDUL ---   */
/* ========================================= */

/* Zoom In pe imagine (gradientul va rămâne neatins deasupra) */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) în sus */


/* Apare butonul de jos în sus */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    bottom: 20px; /* Ajustează această valoare ca să cadă fix peste locație */
    left: 20px;   /* Ajustează pentru aliniere la stânga */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px); /* Pornește puțin mai de jos */
    transition: all 0.3s ease-in-out;
    z-index: 10;
}

/* ======================================= */
/* --- ANIMAȚIILE LA HOVER PE CONTAINER --- */
/* ======================================= */

/* Zoom In pe imagine */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .stagepreview img {
    transform: scale(1.1);
}

/* Dispare locația (Palas Mall) - se ridică și devine invizibilă */


/* Apare butonul - urcă și devine vizibil */
.elementor-35 .elementor-element.elementor-element-5b93773:hover .viewstage {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a3b7a1 */.elementor-35 .elementor-element.elementor-element-9a3b7a1 {
     box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-33c753b *//* 1. STILIZARE GENERALĂ CARD (Valabilă peste tot) */
.card-eveniment {
    border-radius: 12px;
    background-color: #111;
    transition: all 0.3s ease;
    height: 100%;
}

/* Efect de strălucire discret pe margini pentru cardul 2 (Valorant) */
.elementor-35 .elementor-element.elementor-element-33c753b .swiper-slide:nth-child(2) .card-eveniment {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 2. CONFIGURARE DOAR PENTRU DESKTOP (Min-width: 1025px) */
@media (min-width: 1025px) {
    /* Permitem umbrelor să iasă din container */
    .elementor-35 .elementor-element.elementor-element-33c753b, 
    .elementor-35 .elementor-element.elementor-element-33c753b .elementor-widget-container,
    .elementor-35 .elementor-element.elementor-element-33c753b .swiper {
        overflow: visible !important;
    }

    .elementor-35 .elementor-element.elementor-element-33c753b .swiper-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        gap: 20px;
        transform: none !important; /* Dezactivăm mutarea sliderului pe desktop pentru a păstra layout-ul fix */
    }

    /* Resetăm lățimea slide-urilor native */
    .elementor-35 .elementor-element.elementor-element-33c753b .swiper-slide {
        margin: 0 !important; 
    }

    /* Cardul 2 (VALORANT) - MAI MARE */
    .elementor-35 .elementor-element.elementor-element-33c753b .swiper-slide:nth-child(2) {
        flex: 0 0 34% !important;
    }

    /* Restul cardurilor - MAI MICI */
    .elementor-35 .elementor-element.elementor-element-33c753b .swiper-slide:not(:nth-child(2)) {
        flex: 0 0 20% !important;
    }
    
    /* Ascundem săgețile pe desktop dacă nu vrei să se facă slide */
    .elementor-35 .elementor-element.elementor-element-33c753b .elementor-swiper-button {
        display: none !important;
    }
}

/* 3. ADAPTARE PENTRU MOBILE & TABLETĂ (Max-width: 1024px) */
@media (max-width: 1024px) {
    /* Resetăm overflow-ul pentru a funcționa caruselul normal */
    .elementor-35 .elementor-element.elementor-element-33c753b .swiper {
        overflow: hidden !important;
    }

    /* Săgeți poziționate în interiorul caruselului */
    .elementor-35 .elementor-element.elementor-element-33c753b .elementor-swiper-button-prev {
        left: 10px !important;
        z-index: 10;
    }

    .elementor-35 .elementor-element.elementor-element-33c753b .elementor-swiper-button-next {
        right: 10px !important;
        z-index: 10;
    }
    
    /* Ne asigurăm că slide-urile ocupă toată lățimea setată în widget */
    .elementor-35 .elementor-element.elementor-element-33c753b .swiper-slide {
        flex: 0 0 100% !important; /* Sau lățimea setată din setările Elementor */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b2180f */.elementor-35 .elementor-element.elementor-element-6b2180f {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6ea9618 */.elementor-35 .elementor-element.elementor-element-6ea9618 {
    margin-top:30px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9d4ae1 */.elementor-35 .elementor-element.elementor-element-b9d4ae1 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2113926 */.elementor-35 .elementor-element.elementor-element-2113926 {
    position: relative;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kaufland';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://highschoolheroes.ro/wp-content/uploads/2026/03/KAUFLAND-REGULAR.woff') format('woff');
}
@font-face {
	font-family: 'Kaufland';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://highschoolheroes.ro/wp-content/uploads/2026/03/KAUFLAND-MEDIUM.woff') format('woff');
}
@font-face {
	font-family: 'Kaufland';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://highschoolheroes.ro/wp-content/uploads/2026/03/KAUFLAND-BOLD.woff') format('woff');
}
/* End Custom Fonts CSS */