.elementor-3258 .elementor-element.elementor-element-33f8b17{--display:flex;--min-height:480px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:24px 0px;--row-gap:24px;--column-gap:0px;--overlay-opacity:0.38;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:124px;--padding-right:124px;--z-index:0;}.elementor-3258 .elementor-element.elementor-element-33f8b17:not(.elementor-motion-effects-element-type-background), .elementor-3258 .elementor-element.elementor-element-33f8b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(186grad, var( --e-global-color-3c2433e ) 0%, var( --e-global-color-8ba8c29 ) 69%);}.elementor-3258 .elementor-element.elementor-element-33f8b17::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .elementor-background-video-container::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .e-con-inner > .elementor-background-video-container::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .elementor-background-slideshow::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3258 .elementor-element.elementor-element-33f8b17.e-con{--flex-grow:0;--flex-shrink:0;}.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-3258 .elementor-element.elementor-element-914b765{background-color:var( --e-global-color-3cf87be );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 8px 8px 8px;}.elementor-3258 .elementor-element.elementor-element-914b765 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-weight:900;color:#000000;}.elementor-3258 .elementor-element.elementor-element-ae68c86 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:64px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-3258 .elementor-element.elementor-element-10adfe3{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:124px;--padding-bottom:124px;--padding-left:124px;--padding-right:124px;--z-index:0;}.elementor-3258 .elementor-element.elementor-element-10adfe3:not(.elementor-motion-effects-element-type-background), .elementor-3258 .elementor-element.elementor-element-10adfe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3cf87be );}.elementor-3258 .elementor-element.elementor-element-10adfe3::before, .elementor-3258 .elementor-element.elementor-element-10adfe3 > .elementor-background-video-container::before, .elementor-3258 .elementor-element.elementor-element-10adfe3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3258 .elementor-element.elementor-element-10adfe3 > .elementor-background-slideshow::before, .elementor-3258 .elementor-element.elementor-element-10adfe3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3258 .elementor-element.elementor-element-10adfe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://beercatania.it/wp-content/uploads/2026/04/texture-bct26-1.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-3258 .elementor-element.elementor-element-10adfe3::before{filter:brightness( 135% ) contrast( 168% ) saturate( 63% ) blur( 0px ) hue-rotate( 0deg );}.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-3258 .elementor-element.elementor-element-77d9c2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-77d9c2a img{width:100%;}.elementor-3258 .elementor-element.elementor-element-538de24{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-538de24 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-627d03b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-627d03b img{width:100%;}.elementor-3258 .elementor-element.elementor-element-d553c59{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-d553c59 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-c037a8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-c037a8a img{width:100%;}.elementor-3258 .elementor-element.elementor-element-cad025d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-cad025d img{width:100%;}.elementor-3258 .elementor-element.elementor-element-b522f24{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-b522f24 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-249340c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-249340c img{width:100%;}.elementor-3258 .elementor-element.elementor-element-463c21a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-463c21a img{width:100%;}.elementor-3258 .elementor-element.elementor-element-f960496{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-f960496 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-cd4a7fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-cd4a7fc img{width:100%;}.elementor-3258 .elementor-element.elementor-element-7eb7023 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-0c089e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-0c089e7 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-be547cd img{width:100%;}.elementor-3258 .elementor-element.elementor-element-f1339e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-f1339e7 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-cc25f87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-cc25f87 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-0fdda53{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-0fdda53 img{width:100%;}.elementor-3258 .elementor-element.elementor-element-a47d45e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-a47d45e img{width:100%;}.elementor-3258 .elementor-element.elementor-element-dea463b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-dea463b img{width:100%;}.elementor-3258 .elementor-element.elementor-element-9d90e5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-9d90e5f img{width:100%;}.elementor-3258 .elementor-element.elementor-element-2b22d8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3258 .elementor-element.elementor-element-2b22d8d img{width:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3258 .elementor-element.elementor-element-33f8b17{--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-3258 .elementor-element.elementor-element-10adfe3{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;--overlay-opacity:1;--padding-top:24px;--padding-bottom:024px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-3258 .elementor-element.elementor-element-33f8b17::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .elementor-background-video-container::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .e-con-inner > .elementor-background-video-container::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .elementor-background-slideshow::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3258 .elementor-element.elementor-element-33f8b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://beercatania.it/wp-content/uploads/2026/04/texture-bct26-1.png");}.elementor-3258 .elementor-element.elementor-element-33f8b17{--min-height:324px;--justify-content:flex-end;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overlay-opacity:0.46;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3258 .elementor-element.elementor-element-914b765{padding:4px 6px 4px 6px;}.elementor-3258 .elementor-element.elementor-element-914b765 .elementor-heading-title{font-size:16px;}.elementor-3258 .elementor-element.elementor-element-ae68c86 .elementor-heading-title{font-size:40px;}.elementor-3258 .elementor-element.elementor-element-10adfe3{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overlay-opacity:1;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}}@media(min-width:768px){.elementor-3258 .elementor-element.elementor-element-33f8b17{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-77d9c2a *//* BASE */
.tap-card{
  position: relative;
  overflow: hidden;
}

.tap-card a{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
  position: relative;
  z-index: 3;
}

.tap-card img{
  width: 100%;
  display: block;
  transition: transform .3s ease;
}

/* overlay */
.tap-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: all .3s ease;
  z-index: 1;
  pointer-events: none;
}


/* ===== DESKTOP ===== */
@media (hover: hover) and (pointer: fine){
  .tap-card:hover img{
    transform: scale(1.08);
  }

  .tap-card:hover::after{
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  .tap-card:hover::before{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* ===== MOBILE (pressed effect) ===== */
@media (hover: none), (pointer: coarse){

  /* niente effetto di default */
  .tap-card::after,
  .tap-card::before{
    opacity: 0;
    background: transparent;
    backdrop-filter: blur(0);
  }

  /* effetto SOLO mentre tocchi */
  .tap-card:active img{
    transform: scale(1.05);
  }

  .tap-card:active::after{
    background: rgba(0,0,0,.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }

  .tap-card:active::before{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}/* End custom CSS */