.elementor-2568 .elementor-element.elementor-element-367bfb3{--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;--margin-top:105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-2568 .elementor-element.elementor-element-367bfb3:not(.elementor-motion-effects-element-type-background), .elementor-2568 .elementor-element.elementor-element-367bfb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF0000;}.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-2568 .elementor-element.elementor-element-77be65d > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-2568 .elementor-element.elementor-element-77be65d .elementor-heading-title{font-family:"GULFS DISPLAY", Sans-serif;font-size:50px;font-weight:100;text-transform:uppercase;letter-spacing:2px;color:#000000;}.elementor-2568 .elementor-element.elementor-element-65de862{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-2568 .elementor-element.elementor-element-65de862:not(.elementor-motion-effects-element-type-background), .elementor-2568 .elementor-element.elementor-element-65de862 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF0000;}body.elementor-page-2568:not(.elementor-motion-effects-element-type-background), body.elementor-page-2568 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-2568 .elementor-element.elementor-element-367bfb3{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2568 .elementor-element.elementor-element-77be65d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2568 .elementor-element.elementor-element-77be65d .elementor-heading-title{font-size:2rem;}.elementor-2568 .elementor-element.elementor-element-65de862{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-1e271c8 *//* Hacemos que la caja donde está el nombre, precio y descripción sea blanca */
.details {
  background-color: #FFF;
  padding: 15px;
  border-radius: 8px;
  /* opcional: sombra suave */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Si quieres que el header y la descripción estén separados visualmente */
.details .header,
.details .description {
  background-color: transparent; /* heredan el blanco de .details */
  margin-bottom: 10px;
}

/* Ajusta el espacio interno de .header si lo necesitas */
.details .header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/* 1) Sólo el interior del widget en blanco, que engloba imagen + detalles */
.wc-restaurant-menu-product-inner {
  background-color: #FFf;
  border-radius: 8px;       /* opcional, si quieres esquinas redondeadas */
  overflow: hidden;         /* para que no se salga nada */
}

/* 2) Elimina el fondo gris que pudiera traer .image */
.wc-restaurant-menu-product .image {
  background-color: transparent;
}

/* 3) Asegúrate de que los detalles y el botón no tengan fondo propio */
.wc-restaurant-menu-product .details,
.wc-restaurant-menu-product .buy-button-container {
  background: transparent;
}

/* 1) Hacemos que el inner sea un flex de 2 columnas */
.wc-restaurant-menu-product-inner {
  display: flex;
  align-items: stretch; /* para que hijos tengan la misma altura */
}

/* 2) Cada columna (imagen y detalles) ocupa mitad y se estira */
.wc-restaurant-menu-product .image,
.wc-restaurant-menu-product .details {
  flex: 1 1 0%;
}

/* 3) Background-image cubre todo el contenedor */
.wc-restaurant-menu-product .image {
  background-size: cover;
  background-position: center;
  /* elimina cualquier height fijo que hubiera antes */
  height: auto;
}

/* 4) El card padre sigue con fondo blanco */
.wc-restaurant-menu-product {
  background: #FF0000;
  border-radius: 8px;
  overflow: hidden;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GULFS DISPLAY';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://fomoburger.es/wp-content/uploads/2024/10/GulfsDisplay-Normal.eot');
	src: url('https://fomoburger.es/wp-content/uploads/2024/10/GulfsDisplay-Normal.eot?#iefix') format('embedded-opentype'),
		url('https://fomoburger.es/wp-content/uploads/2024/10/GulfsDisplay-Normal.woff2') format('woff2'),
		url('https://fomoburger.es/wp-content/uploads/2024/10/GulfsDisplay-Normal.woff') format('woff'),
		url('https://fomoburger.es/wp-content/uploads/2024/10/GulfsDisplay-Normal.ttf') format('truetype');
}
/* End Custom Fonts CSS */