/* ==========================================================================
   ESTILOS COMPLETOS Y OPTIMIZADOS - MENUWEB GRUPO SENDA
   ========================================================================== */

body { font-family: 'Roboto', sans-serif; font-size: 14px; background-color: #f4f3f8; }
.header-logo, .footer-logo { background-image: url(../images/logo-fun-nuevo.webp); }
.menu-item span { color: #000000; }
.menu-item i:first-child { color: #000000; left: 0px; font-size: 25px; }
.menu-item i:last-child { color: #aaa; right: 0px; }
.toggle-menu-header { color: #FFFFFF; height: 60px; width: 50px; line-height: 60px; text-align: center; top: 0px; z-index: 99; position: fixed; left: 0px; cursor: pointer; transition: all 4s50ms ease; }
input[id="toggle-menu"] + label .l1, input[id="toggle-menu"] + label .l2, input[id="toggle-menu"] + label .l3 { background-color: #171717; height: 2px; width: 14px; position: absolute; left: 50%; margin-left: -7px; transition: all 250ms ease; }
.submenu-item label { color: #FFFFFF; height: 50px; cursor: pointer; }
input[data-submenu-items] + label:before { color: #FFFFFF; font-family: FontAwesome; position: absolute; right: 0px; height: 60px; width: 55px; line-height: 60px; text-align: center; font-size: 9px; }
input[data-submenu-items]:checked + label:before { color: #ED5565; }
.submenu-wrapper .menu-item .fa-angle-right { color: #666; font-size: 8px; margin-top: -1px; }
.submenu-wrapper a { color: #aaa; height: 50px; font-size: 12px; line-height: 50px; border-bottom: none; }
header { background-color: #f4f3f8; border-bottom: solid 1px rgba(0,0,0,0.05); box-shadow: 0px 2px 10px rgba(0,0,0,0.05); position: fixed; height: 60px; width: 100%; z-index: 98; transition: all 450ms ease; }
.header-icon-2 { color: #FFFFFF; position: absolute; line-height: 60px; text-align: center; width: 60px; display: block; font-size: 14px; background-color: transparent; right: 0px; top: 0px; }
.body-bg { background-image: url(../images/logo-fun-nuevo.webp), url(../images/sidebar-bg.png); background-size: 180px auto, cover; background-position: calc(100% - 20px) 20px, top right; background-repeat: no-repeat, no-repeat; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 5; }
.footer { background-color: #f4f3f8; border-top: solid 1px rgba(0,0,0,0.05); padding-bottom: 5px; padding-top: 30px; }
.footer .decoration { background-color: rgba(0,0,0,0.05); }
.menu-item em { color: #FFFFFF; font-weight: 500; font-size: 12px; font-style: normal; }
.menu-item strong { color: #FC6E51; font-weight: 400; font-size: 16px; }
.bg-magenta-dark { background-color: #8e44ad; color: #FFFFFF; }
.color-yellow-light { color: #f1c40f; }
.color-orange-dark { color: #d35400; }
.bg-red-dark { background-color: #c0392b; color: #FFFFFF; }
.color-gray-dark { color: #95a5a6; }
.bg-white { background-color: #FFFFFF; }
.color-white { color: #FFFFFF; }
.bg-black { background-color: #000000; }
.color-black { color: #000000; }
.facebook-bg { background-color: #3b5998; color: #FFFFFF; }
.twitter-bg { background-color: #4099ff; color: #FFFFFF; }
.mail-bg { background-color: #3498db; color: #FFFFFF; }
.phone-bg { background-color: #27ae60; color: #FFFFFF; }
h1 { font-size: 24px; line-height: 34px; font-weight: 500; }
h2 { font-size: 22px; line-height: 32px; font-weight: 500; }
h3 { font-size: 20px; line-height: 30px; font-weight: 500; }
h4 { font-size: 18px; line-height: 28px; font-weight: 500; }
h5 { font-size: 16px; line-height: 26px; font-weight: 500; }
h6 { font-size: 14px; line-height: 22px; font-weight: 800; }
.decoration { margin-bottom: 30px; height: 1px; background-color: rgba(0,0,0,0.1); }
.ultrathin { font-weight: 200; }
.thin { font-weight: 300; }
.thiner { font-weight: 400; }
.bold { font-weight: 700; }
.ultrabold { font-weight: 800; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.small-text { font-size: 12px; display: block; }
.descripcion-text { font-size: 10px; display: block; margin-top: -10px; line-height: 12px; }
.center-text { text-align: center; display: block; }
.right-text { text-align: right; }
.uppercase { text-transform: uppercase; }
.boxed-text { width: 85%; margin: 0px auto 30px auto; }
p a { display: inline; }
.content { padding: 0px 20px 0px 20px; }
.full-bottom { margin-bottom: 30px; }
.no-bottom { margin-bottom: 0px; }
.half-bottom { margin-bottom: 15px; }
.clear { clear: both; }
* { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -webkit-transform: translate3d(1,1,1); transform: translate3d(1,1,1); text-rendering: auto; -moz-osx-font-smoothing: grayscale; }
div, a, p, img, blockquote, form, fieldset, input, label, iframe, code, pre { display: block; position: relative; }
p { line-height: 30px; font-weight: 400; color: #666666; font-size: 13px; margin-bottom: 30px; }
a { text-decoration: none; color: #3498db; }
.decoration-margins { margin: 0px 20px 30px 20px; }
::-webkit-scrollbar { width: 0; }
.menu * { user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.menu-sidebar { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; width: 240px; transform: translateX(-250px); transition: all 450ms ease; }
.menu-scroll { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-left: 30px; padding-top: 10px; overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
input[data-submenu-items] { position: absolute; top: -9999px; left: -9999px; display: none; }
input[id="toggle-menu"]:checked ~ #menu-sidebar { transform: translateX(0px); transition: all 450ms ease; }
input[id="toggle-menu"]:checked ~ header { transform: translateX(100%) translateY(0px); transition: all 450ms ease; }
input[id="toggle-menu"]:checked ~ .menu-hider { display: block; }
input[id="toggle-menu"]:checked ~ .toggle-menu-header { transform: translateX(0) translateY(0px); transition: all 450ms ease; }
input[id="toggle-menu"]:checked ~ .page-content { transform: translateX(100%) translateY(0px); transition: all 450ms ease; }
.page-content { background-color: #FFFFFF; z-index: 9; transition: all 450ms ease; padding-top: 60px; overflow-x: hidden; }
.page-content-scroll { overflow-x: hidden; }
.header-clear { padding-top: 60px; }
.menu-hider { position: fixed; top: 0px; left: 150px; bottom: 0px; right: 0px; z-index: 99999; display: none; }
.menu-item { height: 47px; line-height: 47px; display: block; padding-left: 55px; font-size: 20px; font-weight: 300; cursor: pointer; }
.menu-item i { position: absolute; height: 45px; width: 55px; line-height: 45px; text-align: center; }
input[id="toggle-menu"] { display: none; }
input[id="toggle-menu"] + label:before { font-family: FontAwesome; display: inline-block; }
input[id="toggle-menu"] + label .l1 { margin-top: 25px; }
input[id="toggle-menu"] + label .l2 { margin-top: 29px; }
input[id="toggle-menu"] + label .l3 { margin-top: 33px; }
input[id="toggle-menu"]:checked + label .l1 { transform: rotate(45deg); margin-top: 30px; transition: all 250ms ease; }
input[id="toggle-menu"]:checked + label .l2 { opacity: 0; transition: all 250ms ease; }
input[id="toggle-menu"]:checked + label .l3 { transform: rotate(-45deg); margin-top: 30px; transition: all 250ms ease; }
input[class="toggle-submenu"] { position: absolute; top: -9999px; left: -9999px; }
.submenu-wrapper { height: 0px; overflow: hidden; color: white; transition: all 250ms ease; }
.submenu-wrapper a i { line-height: 55px; }
.submenu-wrapper a:first-child { margin-top: -5px; }
.submenu-wrapper a:last-child { padding-bottom: 5px; }
[data-submenu-items="2"]:checked ~ .submenu-wrapper { height: 100px; }
[data-submenu-items="3"]:checked ~ .submenu-wrapper { height: 150px; }
[data-submenu-items="4"]:checked ~ .submenu-wrapper { height: 200px; }
[data-submenu-items="5"]:checked ~ .submenu-wrapper { height: 250px; }
[data-submenu-items="6"]:checked ~ .submenu-wrapper { height: 300px; }
[data-submenu-items="7"]:checked ~ .submenu-wrapper { height: 350px; }
[data-submenu-items="8"]:checked ~ .submenu-wrapper { height: 400px; }
[data-submenu-items="9"]:checked ~ .submenu-wrapper { height: 450px; }
[data-submenu-items="10"]:checked ~ .submenu-wrapper { height: 500px; }
[data-submenu-items="11"]:checked ~ .submenu-wrapper { height: 550px; }
[data-submenu-items="12"]:checked ~ .submenu-wrapper { height: 600px; }
[data-submenu-items="13"]:checked ~ .submenu-wrapper { height: 650px; }
[data-submenu-items="14"]:checked ~ .submenu-wrapper { height: 700px; }
[data-submenu-items="15"]:checked ~ .submenu-wrapper { height: 750px; }
.header-logo { margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: 150px auto; width: 160px; height: 60px; display: block; }
.footer-logo { background-image: url(../images/logo-senda-25-aniversario.webp); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 250px; height: 100px; display: block; margin: 12px auto 20px auto; }
.footer-socials a { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin-left: 2px; margin-right: 2px; text-align: center; border-radius: 20px; box-sizing: border-box; color: #FFFFFF !important; }
.footer-socials { text-align: center; margin: 0px auto 30px auto; }
input { appearance: none; -webkit-appearance: none; }
input::placeholder { font-size: 12px; line-height: 150%; color: #969696; }
input[type="date"] { padding-left: 10px; box-sizing: border-box; text-indent: 0px; font-size: 12px; color: #969696; }
input[type="date"]::-webkit-outer-spin-button, input[type="number"]::-webkit-outer-spin-button, input[type="date"]::-webkit-inner-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-clear-button { -webkit-appearance: none; display: none; }
.cover-bg-1 { background-image: url(../images/covers/1b.jpg); }
.cover-bg-1 .cover-overlay { background-color: rgba(0,0,0,0.7); }
.cover-bg-2 { background-image: url(../images/covers/2.jpg); }
.cover-bg-2 .cover-overlay { background-color: rgba(0,0,0,0.85); }
.cover-class { background-size: cover; background-position: center center; height: 100vh; border-bottom: solid 1px rgba(255,255,255,0.05); }
.cover-overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.cover-content { z-index: 999; position: absolute; height: 260px; width: 300px; left: 50%; margin-left: -150px; top: calc(50% - 190px); }
.cover-logo { background-image: url(../images/logo_bienvenido.png); width: 200px; height: 53px; background-size: 200px 53px; margin: 0px auto 20px auto; }
.cover-content p { text-align: center; max-width: 280px; color: #c4c4c4; margin: 0 auto; }
.cover-cta { position: absolute; left: 50%; margin-left: -100px; width: 200px; height: 45px; line-height: 45px; border-radius: 5px; text-align: center; color: #FFFFFF; text-transform: uppercase; font-weight: 800; font-size: 12px; z-index: 999; top: calc(50% + 80px); border: solid 2px rgba(255,255,255,0.2); }
.cover-boxes { overflow: hidden; margin-top: -3px; z-index: 999; position: relative; width: 101%; }
.cover-boxes a { background-color: rgba(0,0,0,0.9); width: 33.3%; height: 100px; float: left; box-sizing: border-box; border-left: solid 1px rgba(255,255,255,0.05); border-bottom: solid 1px rgba(255,255,255,0.05); }
.cover-boxes a i { position: absolute; width: 100%; display: block; font-size: 24px; line-height: 75px; text-align: center; }
.cover-boxes a em { display: block; text-align: center; color: #FFFFFF; line-height: 130px; font-style: normal; font-size: 12px; }
ul.menu-list-minimal { max-width: 40em; padding: 0; overflow-x: hidden; list-style: none; }
ul.menu-list-minimal li { line-height: 40px; text-transform: uppercase; font-size: 12px; }
ul.menu-list-minimal li:before { float: left; width: 0; padding-top: 10px; color: #cacaca; white-space: nowrap; }
ul.menu-list-minimal span:first-child { padding-right: 0.33em; font-weight: 400; }
ul.menu-list-minimal span + span { float: right; padding-left: 0.33em; margin-top: -3px; }
.button { display: inline-block; padding: 13px 25px; font-size: 12px; }
.button-round { border-radius: 30px; }
.button-center { max-width: 175px; margin-left: auto; margin-right: auto; display: block; text-align: center; }
.button:hover { opacity: 0.9; }
.location-box h6 { font-size: 12px; font-weight: 500; color: #666666; line-height: 16px; padding-top: 5px; padding-bottom: 10px; letter-spacing: 1.5px; }
.location-box .button { padding: 12px 25px; font-size: 11px; }
ol ul { padding-left: 5px; }
ol, ul { line-height: 24px; }
amp-social-share[type="twitter"], amp-social-share[type="whatsapp"], amp-social-share[type="sms"], amp-social-share[type="facebook"], amp-social-share[type="gplus"], amp-social-share[type="email"], amp-social-share[type="pinterest"], amp-social-share[type="linkedin"] { background-image: none; }
amp-social-share { font-family: FontAwesome; height: 40px; line-height: 40px; color: #FFFFFF; text-align: center; display: block; font-size: 16px; margin-right: 10px; margin-bottom: 5px; }
amp-social-share[type="twitter"]:before { content: "\f099"; }
amp-social-share[type="facebook"]:before { content: "\f09a"; }
amp-social-share[type="gplus"]:before { content: "\f0d5"; }
amp-social-share[type="email"]:before { content: "\f0e0"; }
amp-social-share[type="pinterest"]:before { content: "\f231"; }
amp-social-share[type="linkedin"]:before { content: "\f0e1"; }
amp-social-share[type="whatsapp"]:before { content: "\f232"; }
amp-social-share[type="sms"]:before { content: "\f075 "; }
input[id=toggle-menu]:checked ~ #menu-sidebar { transform: translateX(0px); transition: all 450ms ease; }
input[id=toggle-menu]:checked ~ header { transform: translateX(100%) translateY(0px); transition: all 450ms ease; }
input[id=toggle-menu]:checked ~ .menu-hider { display: block; }
input[id=toggle-menu]:checked ~ .toggle-menu-header { transform: translateX(0) translateY(0px); transition: all 450ms ease; }
input[id=toggle-menu]:checked ~ .page-content { transform: translateX(100%) translateY(0px); transition: all 450ms ease; }
input[class=toggle-submenu] { position: absolute; top: -9999px; left: -9999px; }
input[type=date] { padding-left: 10px; box-sizing: border-box; text-indent: 0px; font-size: 12px; color: #969696; }
input[type=date]::-webkit-outer-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-clear-button { -webkit-appearance: none; display: none; }
.emoji-icon { font-size: 16px; margin-right: 5px; }
input[id=toggle-menu2]:checked ~ #menu-sidebar { transform: translateX(0px); transition: all 450ms ease; }
input[id=toggle-menu2]:checked ~ header { transform: translateX(100%) translateY(0px); transition: all 450ms ease; }
input[id=toggle-menu2]:checked ~ .menu-hider { display: block; }
input[id=toggle-menu2]:checked ~ .toggle-menu-header { transform: translateX(0) translateY(0px); transition: all 450ms ease; }
input[id=toggle-menu2]:checked ~ .page-content { transform: translateX(100%) translateY(0px); transition: all 450ms ease; }
input[id="toggle-menu2"] { display: none; }
input[id="toggle-menu2"]:checked + .cover-cta { display: none; }
.cover-cta2 { position: absolute; left: 50%; margin-left: -100px; width: 200px; height: 45px; line-height: 45px; border-radius: 5px; text-align: center; color: #FFFFFF; text-transform: uppercase; font-weight: 800; font-size: 12px; z-index: 999; top: calc(50% + 140px); border: solid 2px rgba(255,255,255,0.2); }
.cover-cta3 { position: absolute; left: 50%; margin-left: -100px; width: 200px; height: 45px; line-height: 45px; border-radius: 5px; text-align: center; color: #FFFFFF; text-transform: uppercase; font-weight: 800; font-size: 12px; z-index: 999; top: calc(50% + 140px); border: solid 2px rgba(255, 255, 255, 0.2); }

@media (min-height: 300px) and (max-height: 450px) {
  .menu-clear { height: 10px; }
  .menu-scroll { padding-bottom: 35px; }
}

@media (min-height: 450px) and (max-height: 500px) {
  .menu-clear { height: 40px; }
  .menu-scroll { padding-bottom: 45px; }
}

@media (min-height: 500px) and (max-height: 600px) {
  .menu-clear { height: 55px; }
  .menu-scroll { padding-bottom: 90px; }
}

@media (min-height: 600px) {
  .menu-clear { height: 140px; }
  .menu-scroll { padding-bottom: 120px; }
}

@media (min-width: 768px) {
  .content amp-img { max-width: 500px; margin: 0 auto; }
}

@media(min-height:300px) and (max-height:450px) {
  .menu-clear { height: 10px; }
  .menu-scroll { padding-bottom: 35px; }
}

@media(min-height:450px) and (max-height:500px) {
  .menu-clear { height: 40px; }
  .menu-scroll { padding-bottom: 45px; }
}

@media(min-height:500px) and (max-height:600px) {
  .menu-clear { height: 55px; }
  .menu-scroll { padding-bottom: 90px; }
}

@media(min-height:600px) {
  .menu-clear { height: 140px; }
  .menu-scroll { padding-bottom: 120px; }
}

/* Soporte para listas informativas y descripciones multilinea */
ul.menu-list-minimal li.list-section-title {
  margin-top: 15px;
  margin-bottom: 5px;
  line-height: 24px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  padding-bottom: 4px;
}
ul.menu-list-minimal li.list-section-title span {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}
ul.menu-list-minimal li.service-desc-item {
  line-height: 20px;
  padding: 5px 0;
  height: auto;
  text-transform: none;
}
ul.menu-list-minimal li.service-desc-item .descripcion-text {
  margin-top: 0;
  font-size: 11px;
  line-height: 18px;
  white-space: normal;
}
ul.menu-list-minimal li.item-with-price {
  height: auto;
  min-height: 40px;
  line-height: 36px;
  clear: both;
}

/* Icono botella de vino para el menú */
.menu-item i.fa-wine-bottle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000000' d='M192 0c-17.7 0-32 14.3-32 32V96c0 17.7-14.3 32-32 32c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H192c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64c-17.7 0-32-14.3-32-32V32c0-17.7-14.3-32-32-32H192zm-32 208a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zm-16 64h64c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16H144c-8.8 0-16-7.2-16-16V288c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px auto;
}

/* Alineación de precio solo copa con la columna Copa */
ul.menu-list-minimal li span.precio-copa-solo {
  margin-right: 68px;
}