/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* PP Editorial Old - Regular (5) */
@font-face {
  font-family: "PP Editorial Old";
  font-style: normal;
  font-weight: 400;
  font-display: swap;

  src: url("fonts/pp-editorial-old-5.eot"); /* IE9 Compat Modes */
  src:
    url("fonts/pp-editorial-old-5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/pp-editorial-old-5.woff2") format("woff2"), /* Modern Browsers */
    url("fonts/pp-editorial-old-5.woff") format("woff"),
    url("fonts/pp-editorial-old-5.ttf") format("truetype");
}

/* PP Editorial Old - Italic (6) */
@font-face {
  font-family: "PP Editorial Old";
  font-style: italic;
  font-weight: 400;
  font-display: swap;

  src: url("fonts/pp-editorial-old-6.eot"); /* IE9 Compat Modes */
  src:
    url("fonts/pp-editorial-old-6.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/pp-editorial-old-6.woff2") format("woff2"), /* Modern Browsers */
    url("fonts/pp-editorial-old-6.woff") format("woff"),
    url("fonts/pp-editorial-old-6.ttf") format("truetype");
}

/* Ejemplo de uso:
h1 { font-family: "PP Editorial Old", serif; font-weight: 400; }
em { font-family: "PP Editorial Old", serif; font-style: italic; }
*/
:root {
    --color-primary:#1F243E;
    --color-secondary:#855C78;
	--color-white:#F5F2EE;
	--color-primary-light:#8E9DB5;
	--color-primary-medium:#3C4C65;

    --main-font:"Lato", sans-serif;
    --titles-font:"PP Editorial Old", serif;
}

body {
  font-family:var(--main-font);
  font-weight: 400;
}

.txt-m-0 * {
    margin:0!important;
}

.txt-mb-0 * {
    margin-bottom:0;
}

.button-m-0 {
    margin:0!important;
}

.main-font > * {
  font-family: var(--main-font);
}

.titles-font > * {
  font-family: var(--titles-font)!important;
}

h1, .banner h1, h2, .banner h2, h3, .banner h3, h4,  .banner h4, h5,  .banner h5, h6,  .banner h6 {
    font-size: 1em;
    line-height:inherit;
    font-weight: 300;
	font-family:var(--titles-font);
}

.banner {
    background:none;
}

.banner a.fill {
    z-index: 2;
}

.banner:has(a.fill) .text-box {
    z-index: 1;
}

.banner-height-fit {
  height:100%;
}

.balance {
    text-wrap: balance;
}

.pretty {
    text-wrap: pretty;
}

.uppercase {
  letter-spacing: 0;
}

.fw-200, .fw-200 > * {
    font-weight:200!important;
}

.fw-300, .fw-300 > * {
    font-weight:300!important;
}

.fw-400, .fw-400 > * {
    font-weight:400!important;
}

.fw-500, .fw-500 > * {
    font-weight:500!important;
}

.fw-600, .fw-600 > * {
    font-weight:600!important;
}

.fw-700, .fw-700 > * {
    font-weight:700!important;
}

.fw-900, .fw-900 > * {
    font-weight:900!important;
}

.doubled-font > * {
    font-size:2em!important;
}

.row.align-center > .col > .col-inner {
	margin:0 auto!important;
}
.row.align-left > .col > .col-inner {
	margin-right:auto!important;
	margin-left:0!important;
}

.image-bg-darken {
    background: rgb(245, 245, 245);
}
.image-bg-darken img {
    mix-blend-mode: darken;
}

.image-height-fit .col-inner, .image-height-fit .img:not(.logo), .image-height-fit .img:not(.logo) > div, .image-height-fit .img:not(.logo) .img-inner {
    height:100%;
}

.image-height-fit .img:not(.logo) .img-inner > img {
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.image-height-fit .img.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
} 

.image-height-fit .img.logo img {
    margin:0 auto;
}

.logo.centered-image img {
  margin:0 auto;
}

.logo.right-image img {
	margin:0 0 0 auto;
}

.ux-logo .ux-logo-link {
    padding: 0!important;
}

.z-index-2 {
    z-index: 2;
}

.pad-left-col>.col-inner {
    padding-left: max(15px,calc((100vw - 1830px)/2))!important
}

.pad-right-col>.col-inner {
    padding-right: max(15px,calc((100vw - 1830px)/2))!important
}

.tab-panels .panel {
    transition: .4s opacity ease-in;
}

.header-wrapper.stuck {
	box-shadow: unset;
}

.parallax-floating-images > div {
    position: absolute;
    opacity: 1 !important;
    z-index: 3;
}

.parallax-floating-images .section-bottom-left {
	bottom:-10vw;
	left:0;
	width: 35%;
	max-width:440px;
}

.parallax-floating-images .section-bottom-left img {
	position: relative;
	left:-20%;
}

.parallax-floating-images .section-bottom-right {
	bottom:-10vw;
	right:0;
	width: 35%;
	max-width:440px;
	text-align: right;
}

.parallax-floating-images .section-bottom-right img {
	position: relative;
	right:-20%;
}

.parallax-floating-images .section-middle-left {
	bottom:unset;
	top: 30%;
	left:0;
	width: 35%;
	max-width:440px;
}

.parallax-floating-images .section-middle-right {
	bottom:unset;
	top: 30%;
	right:0;
	width: 35%;
	max-width:440px;
}

.parallax-floating-images .section-top-left {
	bottom:unset;
	top: -10%;
	left:0;
	width: 35%;
	max-width:440px;
}

.parallax-floating-images .section-top-right {
	bottom:unset;
	top: -10%;
	left:unset;
	right:0;
	width: 35%;
	max-width:440px;
}

/*button*/
.button {
    font-size: unset;
    line-height: 1 !important;
    min-height: unset;
    letter-spacing: 0;
    position: relative;
    padding:16px 22px 14px 22px;
    min-width: 17.185rem;
    z-index: 1;
    border-radius:99px;
}

.button span {
  line-height: 1.1;
  font-size: 1.125rem;
  letter-spacing: -0.36px;
  font-weight: 400;
  text-transform:none;
}

.button.primary {
  border:1px solid var(--color-primary);
}

.button.white:not(.is-outline) {
	background-color:var(--color-white);
}

.button.white span {
	color:var(--color-primary);
}

.button.white.is-outline {
	border-color:var(--color-white);
}

.button.white.is-outline span {
	color:var(--color-white);
}

.button.white.is-outline:hover {
	background-color:var(--color-white)!important;
}

.button.white.is-outline:hover span {
	color:var(--color-primary);
}

.button.white:not(.is-outline):hover {
	background-color:var(--color-primary)!important;
	box-shadow:unset;
}

.button.white:not(.is-outline):hover span {
	color:var(--color-white);
}

/*Header*/
#header .header-inner {
    padding-left:clamp(20px, 2.5vw, 50px);
    padding-right:clamp(20px, 2.5vw, 50px);
}

#header .header-inner .button {
   padding:12px 24px 12px 24px;
   min-width: unset;
}

#header .header-inner .button span {
  font-size: 1rem;
}

#header .header-inner .button:not(.is-outline) span {
	color:#fff;
}

#header.transparent {
	background: rgba(28, 28, 28, 0.10);
	backdrop-filter: blur(12px);
}

#header.transparent .header-wrapper:not(.stuck) .button.is-outline {
  border-color:var(--color-white);
}

#header.transparent .header-wrapper:not(.stuck) .button.primary:not(.is-outline) {
  background-color:var(--color-white);
}

#header.transparent .header-wrapper:not(.stuck) .button.primary:not(.is-outline) span {
  color:var(--color-primary);
}
#header .header-bottom {
	background-color:unset;
}
#header .header-bottom > .flex-row {
	border-top:1px solid var(--color-primary);
	border-bottom:1px solid var(--color-primary);
}

#header .header-bottom > .flex-row > .flex-col {
	width:100%;
}

#header .header-bottom-nav {
	flex-flow:row nowrap;
}

#header .header-bottom-nav > li {
	width:100%;
	text-align:center
}

#header .header-bottom-nav > li:not(:last-child) {
	border-right:1px solid var(--color-primary);
}

#header .header-bottom-nav > li a {
	display:block;
	font-family:var(--titles-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding:14px 0 12px;
	transition: .3s opacity linear;
}



#header.transparent .header-wrapper:not(.stuck) .header-bottom > .flex-row {
    border-top:1px solid var(--color-white);
	border-bottom:1px solid var(--color-white);
}

#header.transparent .header-wrapper:not(.stuck) .header-bottom-nav > li:not(:last-child) {
    border-right:1px solid var(--color-white);
}

#header:not(.transparent) .header-bottom-nav.nav:has(a:hover) > li > a:not(:hover) {
	opacity: .6;
}

.bg-infinite-section > .section-content {
	min-height: 100vh;
	overflow: hidden;
}

.haz-scroll-container {
	width:121px;
	margin:0 auto;
	display: flex;
	flex-flow:column nowrap;
}

.haz-scroll-container .v-line {
	width: 1px;
	height: 121px;
	background:var(--color-primary-light);
	margin:40px auto;
}

.animation-logo-container {
	position: relative;
	aspect-ratio: 1 / 1;
	margin:0 auto;
	width: 100%;
}

.animation-logo-container img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}

.animation-logo-container img.animated-image {
	animation: rotate 12s linear infinite;
}

@keyframes rotate {
  from {
    transform:translate(-50%,-50%) rotate(0deg);
  }
  to {
    transform:translate(-50%,-50%) rotate(360deg);
  }
}

.track {
  position: absolute;
  width: 100%;
  animation: scroll 120s linear infinite;
}

.custom-panel {
  width: 100%;
  aspect-ratio: 1920 / 5194;
  background-image: url(/wp-content/uploads/2026/01/home-bg-1.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.claims-content {
	min-height: 90vh;
	position: relative;
}

.claims-content .claim-row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,calc(-50% + 100px));
	padding:50px 0;
	opacity: 0;
	transition: .4s all linear;
}

.claims-content .claim-row.active {
	opacity: 1;
	transform:translate(-50%,-50px);
}

@keyframes scroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

/*home*/
.left-right-line {
	position:relative;
	max-width:fit-content;
	padding:0 85px;
	margin:0 auto;
}

.left-right-line:before, .left-right-line:after {
	content:"";
	position:absolute;
	width:48px;
	height:1px;
	background:var(--color-primary-light);	
}

.left-right-line:before {
	left:0
	top:50%
}

.left-right-line:after {
	left:0;
	top:50%
}

.left-right-line:before {
	right:0;
	top:50%
}

 .section-carta-home {
	background:url(/wp-content/uploads/2026/01/home-twochefs-cubiertos.svg) -6% center no-repeat,url(/wp-content/uploads/2026/01/home-twochefs-pescado.svg) 106% center no-repeat;
}

.carta-gallery-col > .col-inner:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(180deg, rgba(31, 36, 62, 0.00) 50%, rgba(31, 36, 62, 0.40) 100%);
	z-index:2;
}

.carta-gallery-col.no-gradient > .col-inner:after {
	display: none;
}

.carta-gallery-col .button {
	position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.separator-fish {
	background:url(/wp-content/uploads/2026/01/pescado-hover-blanco-izq.png) center center repeat-x,var(--color-primary);
	border-top:1px solid var(--color-primary-light);
	border-bottom:1px solid var(--color-primary-light);
}

.separator-fish.separator-white {
	background:url(/wp-content/uploads/2026/02/pez-club-alenar.png) center center repeat-x,var(--color-white);
}

.chefs-image {
	margin-bottom:0!important;
	position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

/**/
.menu-dia-tabs.tabbed-content .nav-vertical {
	width: 33.3333333%;
	justify-content: flex-end;
}

.menu-dia-tabs.tabbed-content .nav-vertical li {
	border-top:1px solid rgba(142, 157, 181, 0.14);
	transition:.3s background linear;
}

.menu-dia-tabs.tabbed-content .nav-vertical li:last-child {
	border-bottom:1px solid rgba(142, 157, 181, 0.14);
}

.menu-dia-tabs.tabbed-content .nav-vertical li:hover,.menu-dia-tabs.tabbed-content .nav-vertical li.active  {
	background: rgba(142, 157, 181, 0.14);
}

.menu-dia-tabs.tabbed-content .nav-vertical li a {
	font-size: 28px;
	font-style: italic;
	font-weight: 400;
	line-height: 130%;
	text-transform: unset;
	font-family: var(--titles-font);
	padding:21px 40px 19px max(15px,calc((100vw - 1830px)/2))!important;
	color:var(--color-white);
	opacity: .4;
	display: block;
}

.menu-dia-tabs.tabbed-content .nav-vertical li:hover a, .menu-dia-tabs.tabbed-content .nav-vertical li.active a {
	opacity: 1;
}

.menu-dia-tabs.tabbed-content .tab-panels {
	border-left:1px solid rgba(142, 157, 181, 0.14);
	padding-bottom:0;
	padding-right:0;
}

.menu-dia-floating-row {
	position: absolute;
	top: 90px;
	left: max(15px,calc((100vw - 1830px)/2));
}

.posts-slider {
	margin:0!important;
}

.col.post-item {
	padding:clamp(40px,7%,100px)!important;
	border-top:1px solid var(--color-primary-light);
	border-bottom:1px solid var(--color-primary-light);
	transition:.2s background linear;
}

.posts-slider .col.post-item {
	min-height: 100%;
}

.white-bg-post-container .post-item {
	border-top:1px solid var(--color-primary);
	border-bottom:1px solid var(--color-primary);
}

.col.post-item:has(a:hover) {
	background:var(--color-primary-light);
	& .post-title a {
		text-decoration:underline;
	}
}

.col.post-item:not(:nth-child(3n)) {
	border-right:1px solid var(--color-primary-light);
}

.white-bg-post-container .post-item:not(:nth-child(3n)) {
	border-right:1px solid var(--color-primary);
}

.col.post-item .is-divider {
	display:none;
}

.col.post-item .box-text {
	padding:20px 0 0 0;
}

.col.post-item .post-title {
	font-size: 1.75rem;
	text-align:left;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
}

.col.post-item:nth-child(n + 4) {
	border-top:none;
}

#content .gallery-chef-container .swiper-wrapper {
    transition-timing-function: linear;
}

#content .gallery-chef-container .gallery-cell {
	width: 28%!important;
	margin:0 3px;
	position: relative;
	min-height: 700px;
}

#content .gallery-chef-container .gallery-cell img {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marquee-text {
    overflow: hidden!important;
	padding:40px 0;
	border-top:1px solid var(--color-primary);
	border-bottom:1px solid var(--color-primary);
}

.marquee-text ul {
    display: flex;
    animation: scrolling 55s linear infinite;
	margin-bottom:0;
}

.marquee-text ul li {
	flex-shrink: 0;
    list-style-type:none;
    margin:0 80px!important;
    position: relative;
}

.marquee-text ul li:after {
	content: "";
    width: 90px;
    height: 90px;
    background: url(/wp-content/uploads/2026/01/home-buenas-tapas-pez-azul.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: -120px;
    top: -18px;
}



/*El restaurante*/
.video-full-container {
	position: relative;
	padding-top:50%;
}

.video-full-container video {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.video-full-container .video-full-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0, 0.24);
	cursor: pointer;
}

.video-full-container .video-full-overlay img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-300%);
    }
}

.home-categorias-row > .col > .col-inner {
	border-bottom:1px solid var(--primary-color);
}

.home-categorias-row > .col:not(:last-child) > .col-inner {
	border-right:1px solid var(--primary-color);
}

.home-categorias-row > .col:last-child > .col-inner {
	border-right:1px solid #fff;
}

.home-categorias-row > .col > .col-inner p {
	padding:20px 0;
	border-top:1px solid var(--primary-color);
}

.home-categorias-row > .col > .col-inner a {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*proximos maridajes*/
.maridaje-container > .m-title-group {
	display:flex;
	flex-flow:row wrap;
	align-items:baseline;
	justify-content: space-between;
	margin-bottom:clamp(25px,6vw,90px);
	border-bottom:1px solid rgba(31, 36, 62, 0.4);
	padding-bottom:8px;
}

.maridaje-container .m-data,.maridaje-container .m-title  {
	font-family: var(--titles-font);
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
}  

.maridaje-tabs-container > .nav {
	flex-wrap:nowrap;
	margin-bottom:clamp(40px,3.5vw,120px);
}

.maridaje-tabs-container > .nav > li {
	width: 25%;
	min-width: 150px;
	text-align: center;
	font-size: 1.125rem;
}

.maridaje-tabs-container > .nav > li:not(:last-child) {
	border-right:1px solid var(--color-primary);
}

.maridaje-tabs-container > .nav > li a {
	display: block;
	padding:0 50px;
}

.maridaje-tabs-container > .nav > li a span {
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 27px */
	letter-spacing: -0.36px;
	padding:0;
	color:var(--color-primary);
	transition:.2s opacity linear;
	opacity: .4;
	position: relative;
}

.maridaje-tabs-container > .nav > li.active span:after {
	content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(/wp-content/uploads/2026/01/home-pez-azul.png) left center no-repeat;
    background-size: contain;
    left: -70px;
    top: -15px;
}

.maridaje-tabs-container > .nav > li:hover a span {
	opacity: 1;
}

.maridaje-tabs-container > .nav > li.active a span {
	text-decoration: underline;
	opacity: 1;
}

.maridaje-container .m-plato-text-col {
	padding:30px 10% 30px 0!important;
	border-bottom:1px solid rgba(31, 36, 62, 0.4);
}

.maridaje-container .m-plato-text-col h3 {
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 30px;
}

.maridaje-container .m-plato-text-col p {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 160%;
	color:var(--color-primary-medium);
}

.maridaje-container .m-plato-image > .col-inner {
	position:relative;
	height: 100%;
}

.maridaje-container .m-plato-image > .col-inner img {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.maridaje-container .accordion-title.active {
	backgrond-color:transparent;
}

/*maridajes accordion*/
.maridaje-item .accordion-title {
	padding:10px 60px 10px 0;
}

.maridaje-item .accordion-title button {
    width: 35px;
    height: 35px;
    min-height: unset;
    position: absolute;
    top: 25px;
    left: unset;
    right: 0px;
    margin-right: 0;
    transform:none;
    tansform-origin: unset;
    opacity: 1;
}

.maridaje-item .toggle i {
	display: none;
}

.maridaje-item .toggle:before {
      content: "";
      width: 20px;
      height: 2px;
      background: var(--color-secondary);
      transition: .2s transform linear;
      transform-origin: center center;
      position: absolute;
      left: 7px;
      top: 17px;
}

.maridaje-item .toggle:after {
  content: "";
  width: 20px;
  height: 2px;
  transform: rotate(90deg);
  background: var(--color-secondary);
  transition: .2s transform linear;
  transform-origin: center center;
  position: absolute;
  left: 7px;
  top: 17px;
}

.maridaje-item .accordion-title.active .toggle:after {
  transform:rotate(0);
}

.maridaje-item .accordion-title.active {
	background: transparent;
}

.maridaje-item .m-title-group {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content:flex-start;
	max-width: 1020px;
}

.maridaje-item .m-data {
	text-transform: uppercase;
	margin-right:clamp(50px,10vw,250px);
	min-width: 100px;
}

.maridaje-item .m-icon {
	margin-right: clamp(30px,4vw,50px);
	min-width: 200px;
	text-align: center;
}

.maridaje-item .m-data, .maridaje-item .m-title {
    font-family: var(--titles-font);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}

.maridaje-item .accordion-inner {
	padding:60px 0;
}

.maridaje-item .m-plato-text-col {
	padding: 30px 10% 30px 0 !important;
}

.maridaje-item .m-plato-text-col > .col-inner {
	max-width: 500px;
	margin-left:0;
}

.maridaje-item .m-plato-text-col > .col-inner  h3 {
	font-size: 28px;
	line-height: 130%;
}

.maridaje-item .m-plato-text-col p {
	font-size: 1.125rem;
	line-height: 160%;
	color:var(--color-primary-medium);
}

.maridaje-content .m-plato-image {
	position: relative;
	margin-left:auto;
	max-width: 400px;
}

.maridaje-content .m-plato-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.maridaje-content .button {
	margin-top: 20px;
	margin-bottom:0;
}

#content .logos-bodegas-container .swiper-wrapper {
    transition-timing-function: linear;
}

#content .logos-bodegas-container .bodega-cell {
	width: 150px!important;
	height: 80px;
	margin:0 30px;
	position: relative;
	text-align: center;
}

#content .logos-bodegas-container .bodega-cell img {
	width: auto;
	height: 100%;
	max-height: 80px;

}

.waves-left {
	position: absolute;
    bottom: -8%;
    height: 133px;
    left:calc(108% - 256px);
    max-width:0;
    overflow: hidden;
    transition:.7s max-width ease-in;
}

.waves-left img {
	width: 256px;
	max-width: unset!important;
	height: 133px;
	height: auto;
}

.section.active .waves-left {
	max-width: 256px;
}

.arrow-animation-container {
	max-width:6   ;
}

/*Reserva*/
.arrow-animation-container {
	width: 25px;
	height: 70px;
	border:1px solid var(--color-white);
	margin:0 auto;
	border-radius:75px;
	position:relative;
	overflow: hidden;
	margin-bottom:20px;
}

.arrow-animation-container img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: 80%;
	animation: translate 2.8s ease-out infinite;
}

.arrow-animation-container img.arrow-2 {
	position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    object-fit: contain;
    animation: translate 2.8s ease-out infinite;
}

.arrow-animation-container a {
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 2;
}

.reservar-container {
    max-width: fit-content;
    margin: 0 auto;
    font-size: 1.125rem;
    position: relative;
    padding:0 30px;
}

.reservar-container a {
    color: var(--color-white);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#restaurante-alenarbodegamediterranea {
	position: relative;
    left: -3vw;
}

.reserva-section .separator-fish.separator-white{
	background: url(/wp-content/uploads/2026/02/pez-club-alenar.png) center center repeat-x, #fff;
}

@keyframes translate {
	0% {
		transform:translateY(0);
	} 

	50% {
		transform:translateY(100%);
	}
	100% {
		transform:translateY(100%);
	}
}

/*floating waves row*/
.floating-waves-row {
	position: relative;
}
.floating-waves-row > .floating-waves-col {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    min-height: 133px;
    z-index: -1;
}

.floating-waves-col .floating-wave-left {
	position: absolute;
	left:0;
	width: 0;
    height: 133px;
    overflow: hidden;
    transition:1s width ease-in;
}

.floating-waves-col .floating-wave-right {
	position: absolute;
	right:0;
    height: 133px;
    width:0;
    overflow: hidden;
    transition:1s width ease-in;
}

.floating-waves-col .floating-wave-left img, .floating-waves-col .floating-wave-right img {
	position: absolute;
	width: 256px;
	max-width: unset!important;
	height: 133px;
	height: auto;
}
.floating-waves-col .floating-wave-left img {
	top:0;
	left:0;
}
.floating-waves-col .floating-wave-right img {
	top:0;
	right: 0;
} 

.section.active .floating-waves-col .floating-wave-left {
	width: 256px;
}

.section.active .floating-waves-col .floating-wave-right {
	width: 256px;
}

.floating-waves-row.floating-width-full .floating-wave-left {
    transition: 3s width ease-in-out;
}

.floating-waves-row.floating-width-full .floating-wave-left {
	background:url(/wp-content/uploads/2026/02/waves-left-full-png.png) left top repeat-x;
	background-size: auto 133px;
}

.section.active .floating-waves-row.floating-width-full .floating-wave-left {
	width: 100%;
}

#content .hablan-nosotros-slider .row {
	width: 33.3333333%!important;
	padding:60px;
	border-top:1px solid var(--color-primary);
	border-bottom:1px solid var(--color-primary);
	border-right:1px solid var(--color-primary);
	opacity: 1;
	min-height: 100%;
}

#content .hablan-nosotros-slider .row .title-text {
	font-size: 1.75rem;
	line-height: 130%; 
	margin-top: 3.5rem;
	margin-bottom: 2rem;
	font-family: var(--titles-font);
}

#content .hablan-nosotros-slider .row .description-text {
	font-size: 1.25rem;
	color: var(--color-primary-medium);
}


#content .hablan-nosotros-slider .flickity-prev-next-button {
	bottom:-89px;
	top:unset;
	opacity: 1;
	z-index: 2;
}

#content .hablan-nosotros-slider .flickity-prev-next-button svg {
	padding:30%;
	border:1px solid var(--color-primary-light);
	fill:var(--color-primary);
}

#content .hablan-nosotros-slider .flickity-prev-next-button.previous {
    left: calc(100% - 110px);
}

#content .hablan-nosotros-slider .flickity-prev-next-button.next {
    left: calc(100% - 60px);
    right:unset;
}

#content .hablan-nosotros-slider .flickity-prev-next-button.previous:hover svg,#content .hablan-nosotros-slider .flickity-prev-next-button.next:hover svg {
	border-color:var(--color-primary);
}

#content .hablan-nosotros-slider > .slider {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.club-alenar-centered-col {
	max-width: 849px!important;
	aspect-ratio: 849 / 874;
	margin:0 auto;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	background:url(/wp-content/uploads/2026/01/marco-peces-desktop-v2.png) center center no-repeat,url(/wp-content/uploads/2026/01/club-alenar-pez-bg.svg) center calc(100% - 100px) no-repeat,var(--color-white);
	background-size:contain,350px;
}

.club-alenar-centered-col > .col-inner {
	max-height: fit-content;
}

.club-alenar-centered-col > .col-inner .frm_submit {
	margin-top: 40px;
	justify-content: center;
}

/*Single Agenda*/
.blog-wrapper {
	padding:clamp(60px,5vw,160px) 0;
}

.blog-wrapper .custom-single-header {
	max-width: 1040px;

	& h1 {
		font-size: 3.5rem;
		line-height: 1.3;
		margin-bottom: 20px
	}

	& .custom-excerpt {
		font-size: 1.25rem;
		font-weight: 400;
		line-height: 1.4;
		color:var(--color-primary-medium); 
	}
}

.custom-single-post-container .custom-thumbnail-image {
	margin:clamp(60px,7vw,200px) 0;
}

.custom-single-post-container .custom-thumbnail-image {
    position: relative;
    padding-top: 35%;
    min-height: 400px;
}

.custom-single-post-container .custom-thumbnail-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.custom-single-post-container article {
	font-size: 1.25rem;
	padding:0 10%;
}

.custom-single-post-container article h2 {
	font-size: 2em;
	line-height: 1.2;
}

.custom-single-post-container article h2:not(:first-child) {
	margin-top:clamp(40px,4vw,120px);
}

.custom-single-post-container article h3 {
	font-size: 1.35em;
	line-height: 1.3;
}

.custom-single-post-container article h4 {
	font-size: 1.125em;
	line-height: 1.4;
}

.custom-single-post-container article a {
	text-decoration: underline;
	color:var(--color-primary);
}

.custom-single-post-container article img.alignnone.aligncenter {
	margin:clamp(40px,4vw,120px) 0;
}

#ez-toc-container {
	background: transparent;
	font-family: var(--titles-font);
    border:none;
    border-radius: 0;
    -webkit-box-shadow:unset;
    box-shadow: unset;
    width: 100%!important;
}

#ez-toc-container .ez-toc-title-container {
	font-size: 1.75rem;
	
	font-style: italic;
	letter-spacing: -0.28px;
	margin:10px 0 20px 0;
	border-bottom: 1px solid var(--color-primary);
}

#ez-toc-container .ez-toc-list a {
	font-size: 1.5rem;
    color: var(--color-primary);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.24px;
    padding-left: 30px;
    background: url(/wp-content/uploads/2026/01/chevron-right.svg) 8px 6px no-repeat;
    background-size: 7px;
    display:block;
    margin:10px 0 15px 0;
}

.post-aside-col > .col-inner {
	height: 100%;
}

.post-aside-col > .col-inner > aside {
	position: sticky;
	top: 170px;
}

.related-posts.related-blue {
	background:var(--color-primary);
}

.related-posts .related-title > .col {
	max-width: 800px;
	margin-left:0;
	padding-bottom:clamp(40px,3.5vw,120px);
}

.related-posts .separator-fish {
	height: 45px!important;
}

.related-posts h2 { 
	margin-top:clamp(60px,7vw,160px);
	font-size: 3.5rem;
	line-height: 1.1;
}

.related-posts.related-blue h2 {
	color:var(--color-white);
}

.related-posts h2 + p {
	font-size: 1.25rem;
	line-height: 1.5;
    
}

.related-posts.related-blue h2 + p { 
	color: var(--color-white);
}

/*Prensa*/
.prensa-container {
	display: flex;

}
.prensa-item > .col-inner {
	padding:60px;
	background:#fff;
	border:1px solid rgba(142, 157, 181, 0.24);
}

.prensa-item .prensa-item-header {
	display: flex;
	align-items: center;
	justify-content: space-between;

	& .prensa-item-fecha {
		font-size: 1.5rem;
		font-family: var(--titles-font);
	}

	p {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.2; /* 28.8px */
	font-family: var(--titles-font);
	margin-bottom:0;
	margin-left:20px;
	}
}

.prensa-item .prensa-item-header > div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	& h3 {
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 120%;
		padding-left:30px;
		margin-bottom: 0;
	}
}

.prensa-featured-image {
	margin-top: 30px;
	position: relative;
	padding-top:50%;
}

.prensa-featured-image > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	object-position: center top;
}

.prensa-item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background:rgba(31, 36, 62, 0.20);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: .2s opacity linear;
}

.prensa-item-overlay .button {
	position: relative;
	top: 20px;
	opacity: 0;
	transition: .3s all linear;
}

.prensa-item-overlay:hover {
	opacity: 1;
}

.prensa-item-overlay:hover .button {
	top: 0;
	opacity: 1;
	/*transition-delay: .2s;*/
}

/*Blog*/
.blog .blog-wrapper {
	padding-bottom:0;
}

.blog .blog-wrapper > .row   {
	max-width: 1920px;
	margin-top:0;
	margin-bottom: 0;
	padding-bottom: clamp(60px, 5vw, 160px);

}

.blog .blog-wrapper > .row > .large-10 {
    flex-basis: 100%;
	max-width: 100%;
	padding:0;
}

.blog .from_the_blog_excerpt {
	display: none;
}

.blog .post-item .box-image > .image-cover {
	padding-top:121%!important;
}

.blog #post-list > .row {
	max-width: 100%!important;
	margin-left:0!important;
	margin-right:0!important;
}	


.page-numbers.links {
    display: flex;
    justify-content: center;
    margin-top:max(60px, 4vw);
    margin-bottom:0;
}
.page-numbers li span, .page-numbers li a {
    border-radius:8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #D9D9D9;
    opacity:1;
    font-weight:400!important;
    color:#1A1A1A!important;
    line-height: 33px;
}

.page-numbers li span.page-number.current {
    background:var(--color-primary);
    border:0;
    color:#fff!important;
    opacity:1;
}
.page-numbers li a.page-number:hover {
    background-color:#f7f7f7;
     border:1px solid #D9D9D9;
    opacity:1;
}

.page-numbers li a i {
    position:relative;
    top:1px;
}

.page-numbers li a.prev,.page-numbers li a.next {
    opacity:1;
}



@media (max-width:450px) {
	.club-alenar-centered-col {
		max-width: 382px!important;
		aspect-ratio: 382 / 563;
		margin:0 auto;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		background:url(/wp-content/uploads/2026/01/marco-peces-mobile-v3-1.png) center center no-repeat,var(--color-white);
		background-size:contain;
	}

	.centered-button{
		margin-bottom:0!important;
	}

	.club-alenar-centered-col .frm_form_field input[type=email] {
		font-size: 1rem;
	}

	.club-alenar-centered-col .frm_form_field .frm_submit button span {
		font-size: 1rem;
	}

	.club-alenar-centered-col .frm_form_field .frm_submit button {
			margin-top:0;
	}
}

.ca-floating-image-right,.ca-floating-image-left {
	max-width: 548px!important;
	width: 100vw;
	aspect-ratio: 548 / 747;
	position: absolute;
	bottom:240px;
	left:50%;
}

@media (min-width: 1080px) {
	.ca-floating-image-left {
		transform: translateX(-85%) rotate(-15deg);
		transition: .6s transform linear;
		z-index: -1;
	}

	.ca-floating-image-right {
		transform:translateX(-15%) rotate(15deg);
		transition: .6s transform linear;
		z-index: -1;
	}

	.section.active .ca-floating-image-left {
		transform: translateX(-95%) rotate(-15deg);
	}

	.section.active .ca-floating-image-right {
		transform:translateX(-5%) rotate(15deg);
	}
}

@media (max-width: 1079px) {
	.ca-floating-image-left,.ca-floating-image-right {
			display:none;
	}	
}

/*Footer*/
.footer-wrapper {
	z-index: 2;
}

.footer-logos-stack .ux-logo {
	min-width: 200px;
	padding:0 10px;
}

.footer-logos-stack .ux-logo:first-child {
	display: flex;
    justify-content: flex-end;
}

.social-links a {
	margin-right:16px;
	border-radius:99px;
	display:inline-block;
	transition:.2s box-shadow linear;
}

.social-links a:hover {
	box-shadow: inset 0 0 0 100px rgba(255,255,255, .2);
}

.legal-links a {
	margin:0 15px!important;
}

.footer-menu {
	max-width:200px;
	margin:0 auto;
}

.footer-menu .ux-menu-link__link {
	position:relative;
	padding:0;
	min-height:0;
	line-height:1.1;
	font-family:var(--titles-font);
	font-size:1.5rem;
	margin-bottom:24px;
	justify-content:center;
	opacity:.6;
	transition:.2s all linear;
} 

.footer-menu .ux-menu-link__link span {
	position:relative;
}

.footer-menu .ux-menu-link__link:hover {
	opacity:1;
}

.footer-menu .ux-menu-link__link:hover span:before{
	content:"";
	width:37px;
	height:37px;
	position:absolute;
	background:url(/wp-content/uploads/2026/01/pescado-hover-blanco-izq.png) center center no-repeat;
	background-size:contain;
	left: -64px;
    top: -8px;
}

.footer-menu .ux-menu-link__link:hover span:after {
	content:"";
	width:37px;
	height:37px;
	position:absolute;
	background:url(/wp-content/uploads/2026/01/pescado-hover-blanco-dcha.png) center center no-repeat;
	background-size:contain;
	right: -64px;
    top: -8px;
}

.menu-footer-row {
	background:url(/wp-content/uploads/2026/01/footer-olas-izq.svg) left center no-repeat,url(/wp-content/uploads/2026/01/footer-olas-dch.svg) right center no-repeat;
	background-size:clamp(120px,30%,524px)
}

.absolute-footer {
	display:none;
}

.dark, .dark p, .dark td, .dark .widget a, .dark a {
	color: var(--color-white);
}

.dark .ux-menu-link--active .ux-menu-link__link, .dark .ux-menu-link:hover .ux-menu-link__link {
	color: var(--color-white);
}

/*formularios*/
.frm_forms > form, .frm_forms fieldset {
    margin-bottom:0;
}

.frm_form_field ::placeholder {
  color:var(--color-primary-medium);
}

.frm_form_field {
  margin-bottom:20px;
}

.frm_error_style, .frm_error {
  color:red;
}

.frm_form_fields input {
  margin-bottom:5px;
}

.frm_fields_container .frm_checkbox label, .frm_fields_container .frm_radio label {
    position: relative;
    padding-left: 24px;
    font-size: 1rem;
    font-weight: 400;
    color:var(--color-primary);
    padding-top:0;
}

.frm_fields_container .frm_checkbox label a {
  text-decoration:underline;
  color:var(--color-primary);
  font-weight:400;

}

.frm_form_field input[type=email], .frm_form_field input[type=number], .frm_form_field input[type=search], .frm_form_field input[type=tel], .frm_form_field input[type=text], .frm_form_field input[type=url], .frm_form_field textarea, .frm_form_field select {
  appearance:none;
  -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
  margin-bottom:0;
  height:unset;
  line-height:1.1;
  padding:11px 1.5rem 11px 0;
  font-size:1.125rem;
  box-shadow:unset;
  border:none;
  border-bottom:1px solid var(--color-primary);;
  color:var(--color-primary);
  border-radius:0;
  background-color:transparent;
  font-weight: 400;
    padding-left:5px;
}

.frm_form_field ::placeholder {
	opacity: 1;
}

.frm_form_field textarea {
	min-height: 0;
}

.frm_fields_container input[type="checkbox"], .frm_fields_container input[type="radio"]  {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  margin:0;
  min-width: 16px;
  width:16px;
  height:16px;
  border:1px solid var(--color-primary);
  background:transparent;
  position:absolute;
  top:5px;
  left:0;
  display: flex;
  align-items:center;
  justify-content:center;
  border-radius:0px;
}

.frm_fields_container input[type="checkbox"]::before, .frm_fields_container input[type="radio"]::before {
  content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-primary);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  border-radius: 0;
}

.frm_fields_container input[type="checkbox"]:checked::before, .frm_fields_container input[type="radio"]:checked::before  {
  transform: scale(1);
  position:relative;
}

.frm_form_field .frm_submit button {
  margin:30px 0 0 0;
} 

.frm_form_field .frm_submit button span {
	font-weight:400;
}

.centered-button .frm_submit {
 text-align: center;
}

#content .maridajes-slider .vertical-banner {
	width:calc(29% - 50px)!important;
	margin:0 15px;
	aspect-ratio: 428 / 560;
}

#content .maridajes-slider .horizontal-banner { 
	width:calc(29% + 50px)!important;
	margin:0 15px;
	aspect-ratio: 580 / 398;
}

#content .maridajes-slider .flickity-viewport {
	overflow: visible;
}

#content .maridajes-slider .flickity-slider {
    display: flex;
    align-items: center;
}

.domicilio-script-container #flipdish-menu .fd-header {
	padding-top: 50px!important;
}

.frm_message {
	text-align: center;
}

.frm_message h5 {
	font-size: 1.5rem;
}

body.page-id-56 .header-wrapper.stuck, body.page-id-38 .header-wrapper.stuck, body.page-id-10426 .header-wrapper.stuck, body.page-id-10483 .header-wrapper.stuck  {
	position: relative;
}

@media (min-width: 1280px) {
#flipdish-budapest .hasNavigation {
    top: 120px !important;
    position: sticky !important;
	}
}

.section:has(.carta-tabs__nav) {
	z-index: 3;
}

.carta-tabs__nav {
	background: var(--color-primary);
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.carta-tabs__nav.fixed {
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	z-index: 999999;
}

.carta-tabs__nav .carta-tabs__tab {
	margin:0;
}

.carta-tabs__nav .carta-tabs__tab > a {
	margin:0;
	padding:20px 30px!important;
	border-radius:0;
	min-height: 0;
	line-height: 1.1;
	color: #fff;
	font-size: 1rem!important;
	font-weight: 400;
	line-height: 100%; /* 16px */
	letter-spacing: -0.32px;
	padding:0;
	font-size: 1rem;
}

.carta-tabs__nav .carta-tabs__tab:hover a {
	color:var(--color-primary-light);
}

.carta-tabs__nav .carta-tabs__tab.active a {
	color:var(--color-primary-light);
	position: relative;
}

.carta-tabs__nav .carta-tabs__tab a:after {
	content:"";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 4px;
	background:var(--color-primary-light);
	transition: .2s width linear;
}

.carta-tabs__tab.active a:after {
	width: 100%;
}

.carta-tab-panels {
	padding:0;
}

.carta-group-image-container {
	padding-top:calc(100vh - 54px);
	position: sticky;
    top: 54px;
}

.carta-group-image-container:after {
	content:"";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	position: absolute;
	background:rgba(10, 11, 17, 0.36);
}

.carta-group-image-container img {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.carta-group-image-container span {
	color: #F4F4F4;
	text-align: center;
	font-size: 2.5rem;
	font-family: var(--titles-font);
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}

.carta-item-group {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
}

.carta-item-group.featured {
	background:rgba(142, 157, 181, 0.20);

}

.carta-item-group.empty > *:not(.empty-item) {
	opacity: .5;
}

.carta-item-group.empty > .flag-item.empty-item {
	font-size: 1rem;
    color: var(--color-white);
    display: inline-block;
    background: #f14668;
    padding: 3px 15px;
    border-radius: 5px;
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 3;
    font-weight: 500;
    max-width: calc(100% - 10px);
}

.carta-item-group.hide {
	display:none!important;
}

.carta-item-group:not(:last-child) .carta-item-data {
	border-bottom: 1px solid var(--color-primary-light);
	min-height: 300px;
}  


.carta-item-group  .carta-item-data {
	padding:60px;
	width: 100%;
}

.carta-item-group .carta-item-data .text-price {
	display: flex;
	flex-flow: row nowrap;
}

.carta-item-group .carta-item-data .text-price .price-item {
	min-width: 200px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
}

.carta-item-group .carta-item-data .text-price > div:not(.price-container) {
	padding-right:max(40px,2.5vw);
	width: 100%;
}

.carta-item-group .carta-item-data .text-price .description {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: -0.32px;
	color:var(--color-primary-medium);
}

.carta-item-group .carta-item-data .text-price h3 {
	padding-right:20px;
	margin-bottom:20px;
	font-size: 1.75rem;
	line-height: 1.2;
	width: 100%;
}

.carta-item-group .carta-item-data .text-price .subtitle {
	color:var(--color-secondary);
	position: relative;
	font-size: 1.125rem;
	font-family: var(--titles-font);
	padding-left:5px;
}

.carta-item-group .carta-item-data .price-item {
	margin-bottom: 10px;
}

.carta-item-group .carta-item-data .price-item .price-text  {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	font-family: var(--titles-font);
	margin-right: 20px;
	padding-top: 5px;
}

.carta-item-group .carta-item-data .price-item .price {
	font-family: var(--titles-font);
	font-size: 1.75rem;
	display: block;
	text-align: right;
}

.carta-item-group .carta-item-data .price-item .price-before {
	font-family: var(--titles-font);
	font-size: 1.5rem;
	display: block;
	color:#8E9DB5;
	text-decoration: line-through;
}

.carta-item-group .carta-item-img-container {
	width: 35%;
	max-width: 335px;
	min-width: 280px;
	position: relative;
}

.carta-item-group .carta-item-img-container .flag-item {
	font-size: 1rem;
	color:var(--color-white);
	display: inline-block;
	background: var(--color-primary-light);
	padding:3px 15px;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left:10px;
	z-index: 3;
	font-weight: 500;
	max-width: calc(100% - 10px);
}

.carta-item-group .carta-item-img-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.alergenos-dietas-container {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 20px;
}

.alergenos-dietas-container > div {
	width: 100%;
}

.alergenos-dietas-container > div > img {
	margin-right:5px;
	max-width: 40px;
	margin-bottom: 5px;
}
.alergenos-dietas-container .dietas {
	text-align: right;
}

/*Alergenos*/
.alergenos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
    gap: 60px 16px; /* separación entre items */
    max-width: 1000px; /* tú controlas el ancho desde fuera */
}

/* Cada item */
.alergeno {
    display: flex;
    flex-direction: column;
    align-items: center;   /* centra horizontal */
    text-align: center;
}

/* Contenedor de imagen */
.alergeno .image {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Imagen */
.alergeno img {
    max-width: 48px;  /* ajusta según diseño */
    height: auto;
    display: block;
}

/* Texto */
.alergeno .text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.32px;
    color: #E8E7E6;
    font-weight: 400
}

/*Nav y menú mobile*/
#menuToggle {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  top: 5px;
  cursor: pointer;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

#menuToggle span {
  display: block;
  width: 35px;
  height: 1px;
  margin-bottom: 8px;
  position: relative;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),.2s opacity linear;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(1) {
  transform-origin: 0% 100%;
}

.header:not(.transparent) #menuToggle span {
	background: var(--color-primary);
}

.header.transparent #menuToggle span {
	background: #fff
}

.mobile-sidebar, .mobile-sidebar .sidebar-menu, .mobile-sidebar .nav-vertical, .mobile-sidebar .header-block, .mobile-sidebar .header-block > div {
	height: 100%;
	width: 100%;
}

.mobile-sidebar .sidebar-menu {
	padding:0;
}

.mobile-sidebar .section {
	height: 100%;
}

.menu-desplegable-section {
	display: flex;
	align-items: flex-start;
}

.custom-close-bt {
    width: 32px;
    height: 32px;
    position: relative;
    top: 22px;
    left: 60px;
    cursor: pointer;
}

.custom-close-bt:before {
	content:"";
	width: 32px;
	height: 1px;
	position: absolute;
	top: 15px;
	left: 0;
	transform: rotate(45deg);
	background: #fff;
}

.custom-close-bt:after {
	content:"";
	width: 32px;
	height: 1px;
	position: absolute;
	top: 15px;
	left: 0;
	transform: rotate(-45deg);
	background: #fff;
}

.custom-close-bt button.mfp-close {
	position: absolute;
	z-index: 9;
	top: 0!important;
	left: 0;
	width: 100%;
	height: 100%;
}

.off-canvas-left .mfp-container + button.mfp-close {
	display: none!important;
}

.menu-desplegable-section .domicilio-reserva-row {
	border-top:1px solid #4F5A6F;
	border-bottom:1px solid #4F5A6F;
}

.menu-desplegable-section .domicilio-reserva-row a {
	display: block;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 100%; 
	font-family: var(--titles-font);
	padding: 26px 0 22px;
	color:#fff;
	text-transform: uppercase;
	text-align: center;
	transition:.3s background linear;
}

.menu-desplegable-section .domicilio-reserva-row > .col:first-child a {
	border-right:1px solid #4F5A6F;
}

.menu-desplegable-section .domicilio-reserva-row a:hover  {
	background: #4F5A6F;
}

.menu-desplegable-section .ux-menu .ux-menu-link__link  {
	border-bottom:1px solid #4F5A6F;
	font-size: clamp(1.35rem,1.8vw,2rem);
	font-weight: 400;
	line-height: 100%;
	color:#fff;
	min-height: 0;
	line-height: 1;
   	padding-bottom: 10px;
    padding-top: 15px;
	font-family: var(--titles-font);
    padding-left: max(15px, 11%) !important;
	transition:.2s all linear;
}

.menu-desplegable-section .ux-menu .ux-menu-link__link:hover {
	background:#4F5A6F;
}

.menu-desplegable-section .ux-menu .ux-menu-link__link .ux-menu-link__text {
	position: relative;
	padding-left: 0;
	transition:.3s padding-left linear;
}

.menu-desplegable-section .ux-menu .ux-menu-link__link .ux-menu-link__text:after {
	content:"";
	width:35px;
	height:35px;
	position: absolute;
	top: -5px;
	left: 0;
	opacity: 0;
	background: url(/wp-content/uploads/2026/01/pescado-hover-blanco-izq.png) center center no-repeat;
	background-size: contain;
}

.menu-desplegable-section .ux-menu .ux-menu-link__link:hover .ux-menu-link__text {
	padding-left:42px;
}

.menu-desplegable-section .ux-menu .ux-menu-link__link:hover .ux-menu-link__text:after {
	opacity: 1;
	transition:.2s opacity linear;
	transition-delay: .3s;
}

.menu-desplegable-section .section-content {
	position: static!important;
}

.menu-desplegable-section .social-links {
	
	 padding-bottom:25px;
	 position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding-left: max(15px, 11%) !important;
}

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
	transition: transform .4s;
}

.carta-tabs__nav {
    flex-flow: row nowrap;
    overflow: auto;
    min-height: 57px;
}

.carta-tabs__nav .carta-tabs__tab > a {
	padding:20px 15px!important;
	min-width: fit-content;
}

.carta-tabs__nav .carta-tabs__tab > a span {
	text-wrap: nowrap;
}

.carta-tabs__nav {
	padding-left:30px;
	padding-right:30px;
}


/*Switcher*/
.wpml-ls-legacy-list-horizontal {
	background:rgba(255, 255, 255, 0.35);
	border-radius:5px;
	backdrop-filter: blur(20px);
	padding: 3px!important;

}

.wpml-ls-legacy-list-horizontal a{
	color:var(--color-primary);
    padding: 12px 10px 10px!important;
    line-height: 1;
    border-radius:5px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-current-language {
	background: var(--color-white);
	border-radius:5px;
}

.wpml-ls-legacy-list-horizontal li:not(.wpml-ls-current-language) a {
	color:#fff;
}

.header:not(.transparent) .wpml-ls-legacy-list-horizontal {
	background: rgba(31, 36, 62, 0.35)
}

.header:not(.transparent) .wpml-ls-legacy-list-horizontal .wpml-ls-current-language {
	background: var(--color-primary);
}

.header:not(.transparent) .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {
	color:var(--color-white);
}

.header:not(.transparent) .wpml-ls-legacy-list-horizontal li:not(.wpml-ls-current-language) a {
	color:var(--color-white);
}
@media (max-width: 1550px) {
	
	.tabbed-content {
		position: relative;
	}

	.tabbed-content:before {
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 54px;
		background:url(/wp-content/uploads/2026/02/chevron-left-menu.svg) center 17px no-repeat,var(--color-primary);
		z-index: 999999999;
	}

	.tabbed-content:after {
		content:"";
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 54px;
		background:url(/wp-content/uploads/2026/02/chevron-right-menu.svg) center 17px no-repeat,var(--color-primary);
		z-index: 999999999;
	}

	.tabbed-content::before,
		.tabbed-content::after {
		  opacity: 0;
		  pointer-events: none;
		  transition: opacity .2s ease;
		}

	.tabbed-content:has(ul.fixed) {
		padding-top: 54px ;
	}	

	.tabbed-content:has(ul.fixed)::before,
	.tabbed-content:has(ul.fixed)::after {
	  position: fixed;
	}

	.tabbed-content.is-at-start::after { opacity: 1; }
	.tabbed-content.is-at-start::before { opacity: 0; }

	/* Solo izquierda (before) cuando está al final */
	.tabbed-content.is-at-end::before { opacity: 1; }
	.tabbed-content.is-at-end::after { opacity: 0; }

	/* Ambos cuando está en medio */
	.tabbed-content.is-in-middle::before,
	.tabbed-content.is-in-middle::after {
	  opacity: 1;
	}

	/* Si NO hay scroll horizontal, ninguno */
	.tabbed-content.no-x-scroll::before,
	.tabbed-content.no-x-scroll::after {
	  opacity: 0;
	}	
	.carta-tabs__nav {
		justify-content: flex-start;
	}
}

@media (max-width: 1340px) {
	.carta-item-group .carta-item-data {
		padding:30px;
	}
	.carta-item-group .carta-item-data .text-price .description {
		line-height: 1.4;
	}
	.carta-item-group .carta-item-data .price-item .price-text {
		font-size: 0.875rem;
	}
	.carta-item-group .carta-item-data .text-price .price-item {
	    min-width: 170px;
	}
	.carta-item-group .carta-item-data .price-item .price-before {
		font-size: 1.25rem;
	}
	.carta-item-group .carta-item-data .price-item .price {
		font-size: 1.35rem;
	}
	.carta-item-group .carta-item-data .text-price .subtitle {
	    font-size: 1rem;
	}
	.carta-item-group .carta-item-data .text-price h3 {
    	font-size: 1.4rem;
	}
}

@media (max-width: 1080px) { 
	.carta-tab-panels .panel > .row > .col {
		flex-basis: 100%;
        max-width: 100%;
	}

	.carta-group-image-container {
		padding-top: 200px;
		position: static;
	}
}

@media (max-width: 850px) {

	.nav.nav-vertical .wpml-ls-legacy-list-horizontal {
		max-width: fit-content;
		position: absolute;
		top: 16px;
		right: 16px;
	}
.nav.nav-vertical .wpml-ls-legacy-list-horizontal li {
	width: auto;
}

.nav.nav-vertical .wpml-ls-legacy-list-horizontal li a {
	padding-left:10px;
}


	.maridaje-item .m-plato-text-col p {
		font-size: 1rem;
		line-height: 140%;
	}

	.menu-desplegable-section .domicilio-reserva-row a {
	    font-size: 1.35rem;
        padding: 18px 0 16px;
	}

	#content .gallery-chef-container .gallery-cell {
		position: relative;
	    min-height: 500px;
	    width: 40% !important;
	    margin: 0px 3px;
	}

	.custom-close-bt {
		left:20px;
	}

	.menu-desplegable-section .domicilio-reserva-row {
		padding-top: unset;
        padding-bottom: unset;
        max-width: 500px !important;
        margin: 0 auto;
        border:0;
	}

	.menu-desplegable-section .domicilio-reserva-row a {
		border:1px solid #4F5A6F;
		margin-bottom: 10px;
	}

	posts-slider .slider-nav-reveal .flickity-prev-next-button {
		display:none;
	}

	.marquee-text ul li {
		margin: 0 60px !important;
	}

	.marquee-text ul li:after {
	    width: 80px;
	    height: 80px;
	    right: -100px;
	    top: -18px;
	}

	#content .hablan-nosotros-slider .row {
		width: 50% !important;
		padding:50px 20px;	
	}

	#content .hablan-nosotros-slider .row .title-text {
		font-size: 1.5rem;
		margin-top: 2.75rem;
		margin-bottom: 1.65rem;
	}

	#content .hablan-nosotros-slider .row .description-text {
		font-size: 1.125rem;
	}

	.social-links {
		text-align:center;
	}

	.button {
		margin-left:0!important;
		margin-right:0!important;
		padding: 16px 22px 14px 22px;
	}	

	.blog-wrapper .custom-single-header {
	    & h1 {
	        font-size: 3rem;
	        line-height: 1.1;
	        margin-bottom: 20px;
	    }

	    & .custom-excerpt {
	    	font-size: 1.125rem;
	    }
	}

    #ez-toc-container .ez-toc-title-container {
	    font-size: 1.35rem;
	    margin-top: 0;

    }

    #ez-toc-container .ez-toc-list a {
    	font-size: 1.125rem ;
	    background: url(/wp-content/uploads/2026/01/chevron-right.svg) 8px 3px no-repeat;
    	background-size: 7px;
    }

    .post-aside-col > .col-inner > aside {
	    top: 90px;
    }

    .custom-single-post-container article {
    	padding:0 0;
    }

    .custom-single-post-container article {
    	font-size:1.125rem;
    }

    .related-posts h2 {    
		font-size: 3rem; 	
    } 
    .related-posts h2 + p {
    	font-size: 1.125rem;
    }
    #content .maridajes-slider .vertical-banner {
		width:calc(45% - 50px)!important;
		margin:0 10px;
	}

#content .maridajes-slider .horizontal-banner { 
		width:calc(45% + 50px)!important;
		margin:0 10px;
	}

	.maridaje-item .m-data, .maridaje-item .m-title {
    font-size: 1.45rem;
	}


	.prensa-item > .col-inner {
		padding:20px;
	}

	.prensa-item-header > div > img {
		max-width: 35px;
	}

	.prensa-item .prensa-item-header > div {
	    & h3 {
	        font-size: 1.25rem;
	        padding-left:15px;
	    }
	}

	.prensa-item .prensa-item-header {
	    & .prensa-item-fecha {
	        font-size: 1.125rem;
	    }
	}

	.maridaje-container > .m-title-group {
		margin-bottom: 0;
	}

	.maridaje-container .m-plato-text-col,.maridaje-container .m-plato-image {
		border:none;
		padding: 30px 10% 0px 0 !important
	}
	.maridaje-container .m-data, .maridaje-container .m-title {
		font-size: 1.25rem;
	}	

	.maridaje-container .m-icon {
		max-width: 100px;
	}

    .maridaje-container .m-data, .maridaje-container .m-title {
        font-size: 1.125rem;
    }
    .maridaje-container .m-data {
    	width: 100%;
    	margin-bottom: 10px;
		font-size: 1rem;
	}

	.menu-dia-floating-row {
		position: static;
	}

	.menu-dia-tabs.tabbed-content .tab-panels {
		width: 66.66666666%;
		border-left:0;
		padding-left:20px;
	 }

	.menu-dia-tabs.tabbed-content .img-inner {
		padding-top: 450px!important;
	}

	.menu-dia-tabs.tabbed-content .nav-vertical li a {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 20px;
	}

	.carta-item-group .carta-item-data .text-price .description {
		display: none;
	}

	.carta-item-group .carta-item-img-container {
		min-width: 220px;
	}

	.carta-item-group .carta-item-data .text-price {
		flex-flow:row wrap;
	}
	.carta-item-group .carta-item-data .text-price h3 {
		padding-right:0;
	}
	.carta-item-group .carta-item-data .text-price > div:not(.price-container) {
		padding-right:0;
	}

	.carta-item-group .price-container {
		width: 100%;
		display: flex;
        justify-content: flex-start;
	}
    .carta-item-group .carta-item-data .text-price .price-item {
        min-width: 120px;
        margin-right:40px;
    }
    .carta-group-image-container {
        padding-top: 150px;
        position: static;
    }
    .carta-group-image-container span {
        font-size: 1.75rem;
    }

    .carta-tab-panels .panel > .row > .col:has(.carta-group-image-container) { 
    	margin-bottom:20px;
    }

    .track {
	  animation: scroll 60s linear infinite;
	}
	.carta-item-group:not(:last-child) .carta-item-data {
		min-height: 0;
	}

	.white-bg-post-container .post-item {
	border-top:1px solid var(--color-primary);
	border-bottom:1px solid var(--color-primary);
	}

	.col.post-item:not(:nth-child(2n)) {
		border-right:1px solid var(--color-primary-light);
	}
	.col.post-item:nth-child(2n){
		border-right:none;
	}

	.col.post-item:nth-child(n + 3) {
		border-top:0;
	}

	.floating-waves-row > .floating-waves-col {
		display: none;
	}


.white-bg-post-container .post-item:not(:nth-child(3n)) {
	border-right:1px solid var(--color-primary);
}
}

@media (max-width: 550px) {
	    #content .gallery-chef-container .gallery-cell {
        min-height:400px;
        width: 90% !important;
        margin: 0px 3px;
    	}
    	.chefs-image {
    		bottom: -4px;
    	}
    	.carta-gallery-col .button {
    		bottom: 40px;
    	}
    	.marquee-text ul li {
			margin: 0 40px !important;
		}

	.marquee-text ul li:after {
	   width: 50px;
        height: 50px;
        right: -65px;
        top: -10px;
	}

	#content .hablan-nosotros-slider .row {
	        width: 100% !important;
        	padding: 40px 20px;
	}
	.footer-menu .ux-menu-link__link {
		 font-size: 1.25rem;
		 margin-bottom: 15px;
	}
	.menu-footer-row {
		background:unset;
	}
	.legal-links a {
		display: block;
		margin:10px 0;
	}
	.video-full-container {
		position: relative;
		padding-top:60%;
	}

	.video-full-container .video-full-overlay img {
		max-width: 50px;
	}

	.blog-wrapper .custom-single-header {
	    & h1 {
	        font-size: 2.5rem;
	    }

	    & .custom-excerpt {
	    	font-size: 1rem;
	    }
	}

	 .custom-single-post-container article {
    	font-size:1rem;
    }

    .related-posts h2 {    
		font-size: 2.5rem; 	
    } 
    .related-posts h2 + p {
    	font-size: 1rem;
    }

    #content .maridajes-slider .vertical-banner {
        width: 90% !important;
        margin: 0 5px;
    }
    #content .maridajes-slider .horizontal-banner {
        width: 90%!important;
        margin: 0 5px;
    }

    #content .logos-bodegas-container .bodega-cell {
	    width: 120px !important;
    	height: 60px;
    	margin: 0 10px;
    }
    #content .logos-bodegas-container .bodega-cell img {
    	max-height: 60px;
    }

	.maridaje-item .m-data, .maridaje-item .m-title {
    font-size: 1.25rem;
    margin-right: 0;
	}

	.maridaje-item .accordion-title {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.maridaje-item .m-icon {
		display: none;
	}

	.maridaje-item .accordion-title button {
		top:14px;
	}

	.maridaje-item .accordion-inner {
		padding:30px 0;
	}
	.maridaje-content .m-plato-image .m-img {
		margin-left:auto;
		margin-right: auto;
	}

	.maridaje-item .m-plato-text-col p {
	    font-size: 1rem;
	}

	.maridaje-content .m-plato-image {
		min-height: 320px;
		max-width: 100%;
	}

	#content .hablan-nosotros-slider .row .title-text {
		font-size: 1.5rem;
		margin-top: 2.25rem;
		margin-bottom: 1.5rem;
	}

	#content .hablan-nosotros-slider .row .description-text {
		font-size: 1.125rem;
	}

	#restaurante-alenarbodegamediterranea {
		height: 650px;
	}
	.menu-dia-tabs.tabbed-content .nav-vertical {
		width: 100%;
		flex-flow: row nowrap;
		justify-content: flex-start;
		overflow: auto;
	}
	.menu-dia-tabs.tabbed-content .nav-vertical li a {
		padding:14px 20px!important;
		font-size: 1rem;
	}
	.menu-dia-tabs.tabbed-content .tab-panels {
		width: 100%;
		padding-left:0;
		padding-top: 50px;
	}

	.menu-desplegable-section .domicilio-reserva-row a {
        font-size: 1.125rem;
	}

	.menu-desplegable-section .ux-menu .ux-menu-link__link {
		font-size: 1.35rem;
	}
	.menu-desplegable-section .ux-menu .ux-menu-link__link .ux-menu-link__text:after {
		top:-9px;		
	}

	.menu-desplegable-section .social-links {
		padding-bottom: 10px;
	}
	.custom-close-bt {
		top: 15px;
	}
	.carta-item-group {
		flex-flow:row wrap;
	}
	.carta-item-group .carta-item-data {
		padding:30px 15px;
		order: 2;
	}
	.carta-item-group .carta-item-img-container {
        min-width: 100%;
        order: 1;
        min-height: 260px;
	}

	.alergenos-dietas-container > div > img {
		max-width: 25px;
	}

	.carta-item-group .carta-item-data .text-price h3 {
		font-size: 1.3rem;
	}
	.carta-item-group .price-container {
        justify-content: space-between;
	}
	.carta-item-group .carta-item-data .text-price .price-item {
		margin-right: 20px;
		justify-content: flex-start;
	}
	.track {
	  position: absolute;
	  width: 100%;
	  animation: scroll 32s linear infinite;
	}
	.custom-panel {
        opacity: .4;
        width: 140vw;
        position: relative;
        left: -20vw;
        margin: 0 auto;
	}
	.menu-dia-tabs .menu-main-image-col {
		padding-top: 30px!important;
	}

    .menu-dia-tabs.tabbed-content .img-inner {
        padding-top: 280px !important;
    }

    .col.post-item {
		border-right:none!important;
	}
	.col.post-item:not(:first-child) {
		border-top:0;
	}

	.club-alenar-centered-col > .col-inner .frm_submit {
		margin-top: 0px;
	}

	.frm_form_field:has(.frm_submit) {
		margin-bottom:0;
	}
	.frm_form_field .frm_submit button {
		min-width:unset;
		width: 100%;
	}

	.col.post-item .post-title {
 		font-size: 1.5rem;
	}
}


.carta-item-group .carta-item-data .price-item .price{
	text-wrap: nowrap;
}

.frm_form_field .frm_submit button {
	margin-top:0;
}

#wrapper .button.back-to-top {
    border: 0;
    background-color: #0005!important;
    backdrop-filter: blur(10px);
    line-height: 1.2;
    width: 40px;
    height: 40px;
    border-radius: 8px!important;
    color: #fff;
    padding: 0
}

:lang(es-ES) .html_nav_position_text_top:has(.button), :lang(es-ES) .html_top_right_text:has(.button) {
	display: none !important;
}

:lang(en-US) .header-button-2, :lang(en-US) .header-button-1 {
	display: none !important;
}
