.elementor-501 .elementor-element.elementor-element-9957215{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-501 .elementor-element.elementor-element-9957215:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-9957215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-501 .elementor-element.elementor-element-9957215::before, .elementor-501 .elementor-element.elementor-element-9957215 > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-9957215 > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-9957215 > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-9957215 > .e-con-inner > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-9957215 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E73A2400 50%, var( --e-global-color-primary ) 100%);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-501 .elementor-element.elementor-element-a442207{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;color:var( --e-global-color-8bf17d7 );}.elementor-501 .elementor-element.elementor-element-a442207.elementor-element{--align-self:flex-start;}.elementor-501 .elementor-element.elementor-element-a442207 a{color:var( --e-global-color-text );}.elementor-501 .elementor-element.elementor-element-a442207 a:hover, .elementor-501 .elementor-element.elementor-element-a442207 a:focus{color:var( --e-global-color-8bf17d7 );}.elementor-501 .elementor-element.elementor-element-97783aa{--display:flex;--min-height:80dvh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--flex-wrap:nowrap;--background-transition:0.3s;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-501 .elementor-element.elementor-element-97783aa:hover{background-color:#E73A2400;background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-alfafar.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;--overlay-opacity:1;}.elementor-501 .elementor-element.elementor-element-97783aa::before, .elementor-501 .elementor-element.elementor-element-97783aa > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-97783aa > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-97783aa > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-97783aa > .e-con-inner > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-97783aa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-alfafar.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-97783aa:hover::before, .elementor-501 .elementor-element.elementor-element-97783aa:hover > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-97783aa:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-97783aa > .elementor-background-slideshow:hover::before, .elementor-501 .elementor-element.elementor-element-97783aa > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E73A2400 50%, var( --e-global-color-primary ) 100%);}.elementor-501 .elementor-element.elementor-element-97783aa::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-501 .elementor-element.elementor-element-97783aa, .elementor-501 .elementor-element.elementor-element-97783aa::before{--overlay-transition:0.3s;}.elementor-501 .elementor-element.elementor-element-97783aa:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-501 .elementor-element.elementor-element-ce4c33b{--display:flex;--min-height:80dvh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--flex-wrap:nowrap;--background-transition:0.3s;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-501 .elementor-element.elementor-element-ce4c33b:hover{background-color:#E73A2400;background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-burjassot.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;--overlay-opacity:1;}.elementor-501 .elementor-element.elementor-element-ce4c33b::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .e-con-inner > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-burjassot.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-ce4c33b:hover::before, .elementor-501 .elementor-element.elementor-element-ce4c33b:hover > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-ce4c33b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .elementor-background-slideshow:hover::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E73A2400 50%, var( --e-global-color-primary ) 100%);}.elementor-501 .elementor-element.elementor-element-ce4c33b::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-501 .elementor-element.elementor-element-ce4c33b, .elementor-501 .elementor-element.elementor-element-ce4c33b::before{--overlay-transition:0.3s;}.elementor-501 .elementor-element.elementor-element-ce4c33b:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-501 .elementor-element.elementor-element-99150f1{--display:flex;--min-height:80dvh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--flex-wrap:nowrap;--background-transition:0.3s;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-501 .elementor-element.elementor-element-99150f1:hover{background-color:#E73A2400;background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-reus.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;--overlay-opacity:1;}.elementor-501 .elementor-element.elementor-element-99150f1::before, .elementor-501 .elementor-element.elementor-element-99150f1 > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-99150f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-99150f1 > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-99150f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-99150f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-reus.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-99150f1:hover::before, .elementor-501 .elementor-element.elementor-element-99150f1:hover > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-99150f1:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-99150f1 > .elementor-background-slideshow:hover::before, .elementor-501 .elementor-element.elementor-element-99150f1 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E73A2400 50%, var( --e-global-color-primary ) 100%);}.elementor-501 .elementor-element.elementor-element-99150f1::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-501 .elementor-element.elementor-element-99150f1, .elementor-501 .elementor-element.elementor-element-99150f1::before{--overlay-transition:0.3s;}.elementor-501 .elementor-element.elementor-element-99150f1:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-97783aa{--width:33.333%;}.elementor-501 .elementor-element.elementor-element-ce4c33b{--width:33.333%;}.elementor-501 .elementor-element.elementor-element-99150f1{--width:33.333%;}}@media(max-width:1024px){.elementor-501 .elementor-element.elementor-element-9957215{--min-height:55vh;--padding-top:20px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-501 .elementor-element.elementor-element-97783aa{--min-height:60vw;}.elementor-501 .elementor-element.elementor-element-ce4c33b{--min-height:60vw;}.elementor-501 .elementor-element.elementor-element-99150f1{--min-height:60vw;}}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-9957215{--min-height:65vh;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-501 .elementor-element.elementor-element-97783aa{--min-height:110vw;}.elementor-501 .elementor-element.elementor-element-ce4c33b:hover{background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-burjassot.jpg");}.elementor-501 .elementor-element.elementor-element-ce4c33b::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .e-con-inner > .elementor-background-video-container::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .e-con-inner > .elementor-background-slideshow::before, .elementor-501 .elementor-element.elementor-element-ce4c33b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://colonialbuffet.es/wp-content/uploads/2026/08/colonial-buffet-restaurante-burjassot.jpg");}.elementor-501 .elementor-element.elementor-element-ce4c33b{--min-height:110vw;}.elementor-501 .elementor-element.elementor-element-99150f1{--min-height:110vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-501 .elementor-element.elementor-element-9957215{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-42c7c75 */.giant.marquee-container {
  width: 100%;
  overflow: hidden;
  background: transparent;
  display: flex;
  gap: 40px;
}

.giant .marquee-content {
  display: flex;
  animation: marquee-animation 35s linear infinite;
  will-change: transform;
  gap: 40px;
  height: fit-content !important;
}

.giant .text-wrapper {
  white-space: nowrap;
  font-family: var(--e-global-typography-accent-font-family) !important;
  text-transform: uppercase;
  color: var(--e-global-color-secondary);
  font-size: 13vw;
  line-height: 1.1em;
  height: fit-content;
  margin: 0;
  padding: 0;
  
}


@keyframes marquee-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 20px));
  }
}
/* Responsive */
@media (max-width: 767px) {
  .giant .marquee-content {
    animation-duration: 20s;
  }
  
  .giant .text-wrapper {
      font-size: 24vw;
  }
}/* End custom CSS */
/* Start custom CSS *//* Tarjetas de los 3 locales */
.local-card {
    transition: all ease-out .4s;
}

.local-card:hover {
    width: 50% !important;
    justify-content: space-between;
}

.local-card:hover a.local-button {
    display: flex !important;
}

.local-card:hover .local-title {
    color: var(--e-global-color-text) !important;
}

#nuestros-locales:has(.local-card:hover) .local-card:not(:hover) {
    width: 25%;
}

@media (max-width: 767px) {
    .local-card, .local-card:hover {
        width: 100% !important;
    }
    
    #nuestros-locales:has(.local-card:hover) .local-card:not(:hover) {
    width: 100% !important;
}
}





/* ----- CARTELES INTERACTIVOS DEL MAPA ----- */
#contenedor-mapa-interactivo * {
    transition: all .3s !important;
}

#contenedor-mapa-interactivo svg g#colonial-buffet-alfafar, #contenedor-mapa-interactivo svg g#colonial-buffet-burjassot, #contenedor-mapa-interactivo svg g#colonial-buffet-reus {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    /* Le dice al navegador que use la caja del logo, no el canvas del SVG */
  transform-box: fill-box;
  -webkit-transform-box: fill-box;
}

/* --- ALFAFAR --- */
#contenedor-mapa-interactivo:has(#mapa-interactivo-espana svg g#colonial-buffet-alfafar:hover) #cartel-generico {
    display: none !important;
}

#contenedor-mapa-interactivo:has(#mapa-interactivo-espana svg g#colonial-buffet-alfafar:hover) #cartel-alfafar {
    display: flex !important;
}

#contenedor-mapa-interactivo #mapa-interactivo-espana svg g#colonial-buffet-alfafar:hover {
    transform: scale3d(1.6, 1.6, 0);
}

#mapa-interactivo-espana:has(svg g#colonial-buffet-alfafar:hover) g#colonial-buffet-burjassot, #mapa-interactivo-espana:has(svg g#colonial-buffet-alfafar:hover) g#colonial-buffet-reus {
    transform: scale3d(.6, .6, 0);
    filter: grayscale(100%) brightness(50%);
}


/* --- Burjassot --- */
#contenedor-mapa-interactivo:has(#mapa-interactivo-espana svg g#colonial-buffet-burjassot:hover) #cartel-generico {
    display: none !important;
}

#contenedor-mapa-interactivo:has(#mapa-interactivo-espana svg g#colonial-buffet-burjassot:hover) #cartel-burjassot {
    display: flex !important;
}

#contenedor-mapa-interactivo #mapa-interactivo-espana svg g#colonial-buffet-burjassot:hover {
    transform: scale3d(1.6, 1.6, 0);
}

#mapa-interactivo-espana:has(svg g#colonial-buffet-burjassot:hover) g#colonial-buffet-alfafar, #mapa-interactivo-espana:has(svg g#colonial-buffet-burjassot:hover) g#colonial-buffet-reus {
    transform: scale3d(.6, .6, 0);
    filter: grayscale(100%) brightness(50%);
}


/* --- Reus --- */
#contenedor-mapa-interactivo:has(#mapa-interactivo-espana svg g#colonial-buffet-reus:hover) #cartel-generico {
    display: none !important;
}

#contenedor-mapa-interactivo:has(#mapa-interactivo-espana svg g#colonial-buffet-reus:hover) #cartel-reus {
    display: flex !important;
}

#contenedor-mapa-interactivo #mapa-interactivo-espana svg g#colonial-buffet-reus:hover {
    transform: scale3d(1.6, 1.6, 0);
}

#mapa-interactivo-espana:has(svg g#colonial-buffet-reus:hover) g#colonial-buffet-alfafar, #mapa-interactivo-espana:has(svg g#colonial-buffet-reus:hover) g#colonial-buffet-burjassot {
    transform: scale3d(.6, .6, 0);
    filter: grayscale(100%) brightness(50%);
}



/* TRANSFORMAR EL MAPA EN MÓVIL */
@media (max-width: 767px) {
    
    #mapa-interactivo-espana > svg {
        overflow: hidden !important;
        border: 1px solid var(--e-global-color-text);
        border-radius: 8px !important;
    }
    
    g#colonial-buffet-mapa-interactivo {
        transform: scale(2.6) translate(-53%, -24%) !important;
    }
}/* End custom CSS */