/* SmartLink El Rincón · identidad propia, sin alterar la estructura maestra 8113.
   Laboratorio privado de demostración: no confundir con un local real. */
:root {
  --bg-core:#101915;
  --bg-surface:#17221d;
  --bg-surface-elevated:#223429;
  --bg-surface-card:#1b2921;
  --bg-surface-trans:rgba(18,30,22,.94);
  --border-subtle:rgba(218,178,112,.23);
  --border-glow:rgba(218,178,112,.48);
  --gold-primary:#d8b372;
  --gold-light:#f3d9a6;
  --gold-dark:#ae864c;
  --accent-green:#4b9b75;
  --text-muted:#bdc7b9;
  --text-dim:#8d9c8f;
  --font-serif:Georgia, 'Times New Roman', serif;
}
html,body { background:#0b130f; }
.lab-topbar { background:#101b15; }
.master-header-fase1.mobile-header {
  background:linear-gradient(128deg,#253c2c 0%,#17291f 72%,#10231b 100%) !important;
  border-bottom:2px solid #a17a42;
}
.brand-title { color:#fff8e9 !important; text-shadow:0 2px 5px rgba(0,0,0,.3); }
.brand-subtitle { color:#f3d9a6 !important; letter-spacing:.08em; }
.hero-gradient-overlay { background:linear-gradient(0deg,rgba(8,18,12,.93) 0%,rgba(8,18,12,.28) 53%,transparent 92%) !important; }
.hero-title { font-family:Georgia,'Times New Roman',serif; font-weight:700; letter-spacing:-.025em; }
.hero-kicker { text-transform:uppercase; letter-spacing:.13em; }
.bento-card, .dish-card, .beverage-family-card, .cremaet-featured-card { border-color:var(--border-subtle); }
.cat-pill.active, .nav-tab-btn.active { color:var(--gold-light); }
.menu-builder-card { margin:18px; }
.rincon-safety-note {
 margin:15px 16px 25px;
 padding:11px 13px;
 background:rgba(216,179,114,.10);
 border:1px solid rgba(216,179,114,.36);
 color:#f0dfc1;
 border-radius:10px;font-size:11px;line-height:1.5;
}
.rincon-footer-note {
 margin:0;padding:6px 14px 8px;background:#1b2921;
 font-size:9px;line-height:1.35;text-align:center;
 color:#d8b372;border-top:1px solid rgba(216,179,114,.25);
}
.rincon-calc-label {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#f3d9a6;font-weight:700;font-size:12px;margin:11px 0 15px}
#calcManualTotal {width:120px;background:var(--bg-core);color:#fff;border:1px solid var(--gold-primary);border-radius:7px;padding:9px;font:inherit}
#calcManualTotal:focus-visible {outline:2px solid #f3d9a6;outline-offset:2px}
.historia-modal-badge {font-size:10px;letter-spacing:.07em;color:var(--gold-light);font-weight:700}
@media(max-width:420px){
  .brand-title {font-size:clamp(18px,5.7vw,27px) !important;white-space:nowrap;}
  .brand-subtitle{font-size:9px !important;}
  .category-pills-bar {justify-content:center;}
  .rincon-footer-note{font-size:8px;}
}

.rincon-allergen-guide{display:block;margin:12px 18px 22px;padding:12px 14px;background:#293a2c;color:#f3d9a6;border:1px solid #b89555;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;width:calc(100% - 36px)}

.phone-notch-area{background:#1c3628 !important;border-bottom:1px solid rgba(216,179,114,.2) !important;}

/* Foto suministrada por Dirección: primera escena del carrusel. */
.hero-slide-barra img{object-fit:cover;object-position:50% 38%;}
@media(max-width:420px){.hero-slide-barra img{object-position:51% 40%;}}
#detailModal .allergen-badge-item img{width:42px;height:42px;object-fit:contain;}
.rincon-allergen-pending{display:block;width:100%;line-height:1.4;color:#dfcca9;margin-top:7px;font-size:10px;}

/* Dirección CNI: bar de esmorzaret; 4 accesos, sin carta ni menú restaurante. */
.mobile-bottom-nav .nav-tab-btn{flex:1 1 25%;min-width:0}
.mobile-bottom-nav .nav-tab-btn span{font-size:clamp(9px,2.1vw,11px);white-space:normal;line-height:1.16;text-align:center}
.rincon-beer-wine-intro{margin-bottom:15px}
.rincon-beer-wine-intro span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold-primary)}
.rincon-beer-wine-intro h2{font-size:23px}
@media(max-width:390px){.mobile-bottom-nav .nav-tab-btn span{font-size:9px}}

/* Portada de bebidas recuperada: las 8 familias visibles */
.rincon-drinks-intro{margin-bottom:15px}
.rincon-drinks-intro span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold-primary)}
.rincon-drinks-intro h2{font-size:23px}

/* Símbolos locales CNI; trazo discontinuo = posible. */
#view-picaeta .allergen-icon-mini,#view-esmorzaret .allergen-icon-mini{width:27px;height:27px;padding:1px;border-radius:7px}
#detailModal:not(.is-beverage) .allergens-strip-label{display:none}
#detailModal:not(.is-beverage) .allergen-badge-item{width:44px;height:44px;border-radius:7px}
#detailModal:not(.is-beverage) .allergen-badge-item img{width:37px;height:37px}
#detailModal:not(.is-beverage) .allergen-badge-item.allergen-possible{border:2px dashed var(--gold-primary)}
#view-picaeta .allergen-icon-mini.allergen-possible,#view-esmorzaret .allergen-icon-mini.allergen-possible{border:2px dashed var(--gold-primary)}
#avisoAlergenosOrientativos{margin-top:6px;font-size:10px}


/* CNI: solo tarjeta de introducción de Bebidas. Imagen original + velo oscuro.
   Mantener texto por encima del fondo y legibilidad móvil/escritorio. */
#view-bebidas .rincon-drinks-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #152319;
  background-image:
    linear-gradient(110deg, rgba(9,18,17,.87), rgba(9,18,17,.79)),
    url("./assets/bebidas/fotos/UNI-040_vermut-rojo.webp");
  background-size: cover, cover;
  background-position: center, 50% 56%;
  background-repeat: no-repeat;
  border: 1px solid rgba(220,182,107,.48);
  text-shadow: 0 1px 4px rgba(0,0,0,.7);
}
#view-bebidas .rincon-drinks-intro > * {
  position:relative;
  z-index:1;
}
#view-bebidas .rincon-drinks-intro h2,
#view-bebidas .rincon-drinks-intro p {
  color: #fff9eb;
}
#view-bebidas .rincon-drinks-intro span {
  color:#f7d69a;
}