.elementor-1480 .elementor-element.elementor-element-09b7277 > .elementor-background-overlay{background-image:url("https://estancodelacarrera.kitdigitalsoftware-crm.com/wp-content/uploads/2024/12/fondo_custom.webp");background-repeat:no-repeat;background-size:cover;opacity:0.06;}.elementor-1480 .elementor-element.elementor-element-09b7277 > .elementor-container{max-width:1170px;}.elementor-1480 .elementor-element.elementor-element-09b7277{padding:100px 0px 100px 0px;}.elementor-1480 .elementor-element.elementor-element-dcc94da > .elementor-container{max-width:1170px;}.elementor-1480 .elementor-element.elementor-element-dcc94da .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-1480 .elementor-element.elementor-element-557005f .kf-titles .kf-title{color:#000000;}.elementor-1480 .elementor-element.elementor-element-1c7944d{padding:50px 0px 0px 0px;}.elementor-1480 .elementor-element.elementor-element-5943ff2{padding:50px 0px 0px 0px;}.elementor-1480 .elementor-element.elementor-element-9140069{padding:50px 0px 0px 0px;}@media(min-width:1025px){.elementor-1480 .elementor-element.elementor-element-09b7277 > .elementor-background-overlay{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1480 .elementor-element.elementor-element-09b7277{padding:60px 0px 60px 0px;}}@media(max-width:767px){.elementor-1480 .elementor-element.elementor-element-09b7277{padding:30px 0px 30px 0px;}.elementor-1480 .elementor-element.elementor-element-0cb96bd > .elementor-element-populated{margin:0px 0px 70px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1480 .elementor-element.elementor-element-675e532 > .elementor-element-populated{margin:0px 0px 70px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1480 .elementor-element.elementor-element-5939627 > .elementor-element-populated{margin:0px 0px 70px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1480 .elementor-element.elementor-element-cd5f91d > .elementor-element-populated{margin:0px 0px 70px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for kaffen-heading, class: .elementor-element-557005f */@media screen and (max-width: 1024px) {
.elementor-1480 .elementor-element.elementor-element-557005f *{
    text-align: center;
}
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-cc26a9a */.elementor-1480 .elementor-element.elementor-element-cc26a9a .kf-menu-image-2::before {
  content: "Papel" !important;
    
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-da2daca */.elementor-1480 .elementor-element.elementor-element-da2daca .kf-menu-image-2::before {
  content: "Filtros"  !important;
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ce69248 */.elementor-1480 .elementor-element.elementor-element-ce69248 .kf-menu-image-2 {
  position: relative;
  display: inline-block;
  background-size: cover;  /* Asegura que la imagen ocupe todo el div */
  background-position: center;  /* Asegura que la imagen esté centrada */
  width: 97%;  /* Ajusta al tamaño que desees */
  height: 265px;  /* Ajusta la altura según necesites */
  overflow: hidden;  /* Oculta cualquier parte de la imagen que se salga */
  transition: background 0.3s ease;  /* Suaviza la transición del cambio de color de fondo */
}

.elementor-1480 .elementor-element.elementor-element-ce69248 .kf-menu-image-2::after {
  content: '';  /* Necesario para crear el fondo oscuro */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);  /* Fondo oscuro semi-transparente */
  z-index: 1;  /* Lo coloca por encima de la imagen, pero debajo del texto */
  transition: background 0.3s ease;  /* Transición suave para el cambio del color del fondo */
}

.elementor-1480 .elementor-element.elementor-element-ce69248 .kf-menu-image-2:hover::after {
  background: rgba(0, 0, 0, 0.7);  /* Hace el fondo más oscuro cuando se hace hover */
}

.elementor-1480 .elementor-element.elementor-element-ce69248 .kf-menu-image-2::before {
  content: "Texto";  /* El texto que deseas mostrar */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* Centra el texto */
  color: white;  /* Color blanco para que contraste con el fondo oscuro */
  z-index: 2;  /* Asegura que el texto quede por encima del fondo oscuro */
  font-size: 1.5rem;  /* Ajusta el tamaño del texto */
  text-align: center;  /* Centra el texto horizontalmente */
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-74abd81 */.elementor-1480 .elementor-element.elementor-element-74abd81 .kf-menu-image-2::before {
  content: "Mecheros"  !important;
    
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-0444999 */.elementor-1480 .elementor-element.elementor-element-0444999 .kf-menu-image-2::before {
  content: "Pitilleras"  !important;
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1c7944d */.elementor-1480 .elementor-element.elementor-element-1c7944d .kf-menu-image-2 {
  position: relative;
  display: inline-block;
  background-size: cover;  /* Asegura que la imagen ocupe todo el div */
  background-position: center;  /* Asegura que la imagen esté centrada */
  width: 97%;  /* Ajusta al tamaño que desees */
  height: 265px;  /* Ajusta la altura según necesites */
  overflow: hidden;  /* Oculta cualquier parte de la imagen que se salga */
  transition: background 0.3s ease;  /* Suaviza la transición del cambio de color de fondo */
}

.elementor-1480 .elementor-element.elementor-element-1c7944d .kf-menu-image-2::after {
  content: '';  /* Necesario para crear el fondo oscuro */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);  /* Fondo oscuro semi-transparente */
  z-index: 1;  /* Lo coloca por encima de la imagen, pero debajo del texto */
  transition: background 0.3s ease;  /* Transición suave para el cambio del color del fondo */
}

.elementor-1480 .elementor-element.elementor-element-1c7944d .kf-menu-image-2:hover::after {
  background: rgba(0, 0, 0, 0.7);  /* Hace el fondo más oscuro cuando se hace hover */
}

.elementor-1480 .elementor-element.elementor-element-1c7944d .kf-menu-image-2::before {
  content: "Texto";  /* El texto que deseas mostrar */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* Centra el texto */
  color: white;  /* Color blanco para que contraste con el fondo oscuro */
  z-index: 2;  /* Asegura que el texto quede por encima del fondo oscuro */
  font-size: 1.5rem;  /* Ajusta el tamaño del texto */
  text-align: center;  /* Centra el texto horizontalmente */
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-6dcd1ad */.elementor-1480 .elementor-element.elementor-element-6dcd1ad .kf-menu-image-2::before {
  content: "Bolsas de tabaco"  !important;
    
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-d20c395 */.elementor-1480 .elementor-element.elementor-element-d20c395 .kf-menu-image-2::before {
  content: "Carteras"  !important;
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5943ff2 */.elementor-1480 .elementor-element.elementor-element-5943ff2 .kf-menu-image-2 {
  position: relative;
  display: inline-block;
  background-size: cover;  /* Asegura que la imagen ocupe todo el div */
  background-position: center;  /* Asegura que la imagen esté centrada */
  width: 97%;  /* Ajusta al tamaño que desees */
  height: 265px;  /* Ajusta la altura según necesites */
  overflow: hidden;  /* Oculta cualquier parte de la imagen que se salga */
  transition: background 0.3s ease;  /* Suaviza la transición del cambio de color de fondo */
}

.elementor-1480 .elementor-element.elementor-element-5943ff2 .kf-menu-image-2::after {
  content: '';  /* Necesario para crear el fondo oscuro */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);  /* Fondo oscuro semi-transparente */
  z-index: 1;  /* Lo coloca por encima de la imagen, pero debajo del texto */
  transition: background 0.3s ease;  /* Transición suave para el cambio del color del fondo */
}

.elementor-1480 .elementor-element.elementor-element-5943ff2 .kf-menu-image-2:hover::after {
  background: rgba(0, 0, 0, 0.7);  /* Hace el fondo más oscuro cuando se hace hover */
}

.elementor-1480 .elementor-element.elementor-element-5943ff2 .kf-menu-image-2::before {
  content: "Texto";  /* El texto que deseas mostrar */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* Centra el texto */
  color: white;  /* Color blanco para que contraste con el fondo oscuro */
  z-index: 2;  /* Asegura que el texto quede por encima del fondo oscuro */
  font-size: 1.5rem;  /* Ajusta el tamaño del texto */
  text-align: center;  /* Centra el texto horizontalmente */
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-0cfb36a */.elementor-1480 .elementor-element.elementor-element-0cfb36a .kf-menu-image-2::before {
  content: "Chicles y caramelos"  !important;
    
}/* End custom CSS */
/* Start custom CSS for kaffen-restaurant-menu-image, class: .elementor-element-bbdea68 */.elementor-1480 .elementor-element.elementor-element-bbdea68 .kf-menu-image-2::before {
  content: "Bebidas frías"  !important;
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9140069 */.elementor-1480 .elementor-element.elementor-element-9140069 .kf-menu-image-2 {
  position: relative;
  display: inline-block;
  background-size: cover;  /* Asegura que la imagen ocupe todo el div */
  background-position: center;  /* Asegura que la imagen esté centrada */
  width: 97%;  /* Ajusta al tamaño que desees */
  height: 265px;  /* Ajusta la altura según necesites */
  overflow: hidden;  /* Oculta cualquier parte de la imagen que se salga */
  transition: background 0.3s ease;  /* Suaviza la transición del cambio de color de fondo */
}

.elementor-1480 .elementor-element.elementor-element-9140069 .kf-menu-image-2::after {
  content: '';  /* Necesario para crear el fondo oscuro */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);  /* Fondo oscuro semi-transparente */
  z-index: 1;  /* Lo coloca por encima de la imagen, pero debajo del texto */
  transition: background 0.3s ease;  /* Transición suave para el cambio del color del fondo */
}

.elementor-1480 .elementor-element.elementor-element-9140069 .kf-menu-image-2:hover::after {
  background: rgba(0, 0, 0, 0.7);  /* Hace el fondo más oscuro cuando se hace hover */
}

.elementor-1480 .elementor-element.elementor-element-9140069 .kf-menu-image-2::before {
  content: "Texto";  /* El texto que deseas mostrar */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* Centra el texto */
  color: white;  /* Color blanco para que contraste con el fondo oscuro */
  z-index: 2;  /* Asegura que el texto quede por encima del fondo oscuro */
  font-size: 1.5rem;  /* Ajusta el tamaño del texto */
  text-align: center;  /* Centra el texto horizontalmente */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-09b7277 */@media screen and (max-width: 1024px) {
    .elementor-1480 .elementor-element.elementor-element-09b7277 .kf-titles *{
        text-align: center;
    }
    
    .elementor-1480 .elementor-element.elementor-element-09b7277 .kf-subtitle{
        width: 100%;
    }
}/* End custom CSS */