/* ==========================================================================
   TOKENS / RESET
   ========================================================================== */
:root{
  /* Paleta base */
  --bg:#0f0f0f;
  --card:#171717;
  --text:#efefef;
  --muted:#bcbcbc;
  --brand:#e50914;        /* rojo botón */
  --ring:#d4af37;         /* “gold” */

  /* Layout */
  --container:1200px;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{ box-sizing:border-box }

html, body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}

img{ max-width:100%; display:block }
.sr-only{ position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden }

.container{ max-width:var(--container); margin:0 auto; padding:0 20px }

.section{ padding:60px 0 }
.section.alt{ background:linear-gradient(180deg, rgba(212,175,55,.08), transparent 40%) }
.section-head{ text-align:center; margin-bottom:28px }
.section-title{ text-align:center;font-size:clamp(28px,3vw,40px); margin:0 0 6px; font-weight:800 }
.section-sub{ margin:0; color:var(--muted) }

/* ==========================================================================
   BRAND / HEADER / NAV
   ========================================================================== */
.brand{ display:flex; gap:12px; align-items:center;justify-content: center; text-decoration:none; color:#fff; padding: 12px 0;}
.brand-logo{ height: 150px; width:auto;margin-top: 20px; filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));}

.brand-logo--xl{ height:100px }  /* usa esta clase si necesitas el logo grande */

/* Responsivo */
@media (max-width: 768px) {
  .brand-logo {
    max-height: 90px;
  }
}

.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(11,11,11,.8);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid rgba(212,175,55,.2);
}
.header-inner{ display:flex; align-items:center; justify-content:space-between; height: 80px; }
.site-header .container{ overflow:visible }

.nav{ display:flex; align-items:center; gap:18px }
.nav-link{ color:var(--text); text-decoration:none; padding:8px 10px; border-radius:10px }
.nav-link:hover{ color:#fff }
.nav-link.is-active,
.nav a[aria-current="page"],
.nav a.active{
  outline:2px solid var(--ring);
  border-radius:999px;
  padding:8px 12px;
}

.nav-toggle{
  display:none;
  border:1px solid rgba(212,175,55,.35);
  background:transparent; color:var(--ring);
  padding:8px; border-radius:12px;
}

/* ==========================================================================
   BUTTONS / LINKS
   ========================================================================== */
.btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  border:2px solid transparent;
  box-shadow:var(--shadow);
  transition:.2s;
}
.btn:hover{ transform:translateY(-2px) }
.btn.primary{ background:var(--brand); border-color:var(--brand); color:#fff }
.btn.outline{ background:transparent; border-color:var(--ring); color:var(--ring) }
.btn.lg{ padding:14px 22px; font-size:18px }

.link{ color:var(--ring); text-decoration:none }
.link:hover{ text-decoration:underline }

/* Botón principal (rojo) */
.btn.btn-primary {
  background: linear-gradient(90deg, #d62828, #e63946); /* rojo moderno */
  color: #fff;
  padding: 12px 28px;
  border-radius: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}

.btn.btn-primary:hover {
  background: linear-gradient(90deg, #b71c1c, #c62828); /* rojo más oscuro */
  transform: scale(1.05);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
}

/* Botón secundario (borde rojo) */
.btn.btn-outline {
  background: transparent;
  color: #e63946;
  border: 2px solid #e63946;
  padding: 12px 28px;
  border-radius: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 12px;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}

.btn.btn-outline:hover {
  background: #e63946;
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
}


.card-icon i {
  font-size: 2rem;        /* tamaño del ícono */
  color: #d4af37;         /* dorado elegante, también puedes usar #e63946 (rojo) */
  margin-bottom: 10px;    /* separación con el título */
}


/* ==========================================================================
   HERO
   ========================================================================== */
.hero{
  position:relative; min-height:68vh; display:grid; place-items:center;
  border-bottom:1px solid rgba(212,175,55,.15);
}
.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.55) }
.hero-overlay{
  position:absolute; inset:0;
  background:radial-gradient(70% 60% at 50% 50%, rgba(212,175,55,.20), rgba(0,0,0,.65) 60%);
}
.hero-content{ position:relative; text-align:center; padding:60px 0 }
.hero-title{ font-size:clamp(34px,4vw,54px); margin:0 0 12px }
.accent{ color:var(--ring) }
.hero-sub{ margin:0 0 22px; color:var(--muted) }
.hero-cta{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap }
.hero-badges{
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
  margin:18px 0 0; padding:0; list-style:none;
}
.badge{
  border:1px solid rgba(212,175,55,.45);
  padding:8px 12px; border-radius:999px;
  color:var(--ring); font-weight:600; background:rgba(212,175,55,.06);
}

/* ==========================================================================
   CARDS / GRIDS / GALLERY
   ========================================================================== */
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px }
.card{
  text-align: center; background:linear-gradient(180deg, rgba(212,175,55,.06), rgba(255,255,255,.02));
  border:1px solid rgba(212,175,55,.18);
  border-radius:var(--radius);
  padding:22px; box-shadow:var(--shadow);
}
.card-icon{ font-size: 2rem; margin-bottom:10px }
.card-title{ margin:4px 0 6px; font-size:20px }
.card-text{ margin:0; color:#dcdcdc }

.gallery{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px }
.gallery img{ border-radius:14px; border:1px solid rgba(212,175,55,.18); aspect-ratio:1/1; object-fit:cover }


  

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer{
  border-top:1px solid rgba(212,175,55,.2);
  padding:40px 0 20px;
  background:rgba(0,0,0,.85);
}
.footer-container{
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px;
  max-width:1200px; margin:auto; padding:0 20px;
}
.footer-section{ flex:1 1 220px; min-width:200px }
.footer-section h4{ font-weight:700; margin-bottom:10px }
.footer-section p, .footer-section li{ font-size:14px; margin:4px 0 }
.footer-section ul{ padding-left:0; list-style:none }
.footer-social{ margin-top:30px; text-align:center }
.footer-social a{ margin:0 10px; display:inline-block }
.footer-social img{ width:28px; height:28px; filter:grayscale(100%); transition:filter .3s }
.footer-social img:hover{ filter:grayscale(0%) }

/* ==========================================================================
   PAGES (About / Contact / Forms / PDF)
   ========================================================================== */
.pdf-wrap{ border:1px solid rgba(212,175,55,.2); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow) }
.pdf{ display:block; width:100%; height:min(85vh,1200px); background:#111 }

.about-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:center }
.about-media img{ border-radius:var(--radius); border:1px solid rgba(212,175,55,.18); box-shadow:var(--shadow) }
.values{ margin-top:28px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px }
.vcard{ background:rgba(255,255,255,.03); border:1px solid rgba(212,175,55,.18); padding:18px; border-radius:14px }

.contact-list{ list-style:none; padding:0; margin:0; display:grid; gap:10px }
.map-wrap{ border:1px solid rgba(212,175,55,.2); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow) }
.map{ display:block; width:100%; height:min(70vh,800px) }

.form{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(212,175,55,.07));
  border:1px solid rgba(212,175,55,.2);
  border-radius:var(--radius); padding:22px; box-shadow:var(--shadow);
}
.form-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px }
.form-group{ display:grid; gap:6px }
label{ font-weight:700 }
input,select,textarea{
  width:100%; padding:12px; border-radius:12px;
  border:1px solid rgba(212,175,55,.28); background:#0f0f0f; color:var(--text);
}
input:focus,select:focus,textarea:focus{ outline:2px solid var(--ring) }
.check{ display:flex; gap:8px; align-items:center }
.terms{
  /* que ocupe TODO el ancho del formulario, debajo de la grilla */
  grid-column: 1 / -1;   /* si .form-grid usa grid (sí lo usa), esto lo hace full-width */
  margin-top: 14px;
  display: block;
    /* alinear el check con el primer renglón */
}
.terms .check{
  display: flex;
  align-items: flex-start;   /* importante para que no “salte” verticalmente */
  gap: 10px;
          /* limita el ancho del texto para que no se vaya a la derecha */
}

.terms .check input[type="checkbox"]{
  margin-top: 3px; /* alinea la cajita con el texto */
}

.terms input[type="checkbox"]{
  margin-top: 3px;           /* afina la alineación vertical con el texto */
}
.terms a.link{
  color: #e63946;
  text-decoration: underline;
}

.form-actions{
  grid-column: 1 / -1;
  display:flex; gap:14px; align-items:center; margin-top:16px;
}
.form-msg{ color:var(--ring); font-weight:700 }

/* Responsivo: la grilla pasa a 1 columna en pantallas angostas */
@media (max-width: 960px){
  .form-grid{ grid-template-columns: 1fr; }
  .terms .check{ max-width: none; }
}


/* ==========================================================================
   MENU PAGE (Highlights + categorías)
   ========================================================================== */

/* Hero del Menú */
.menu-hero{
  padding:48px 20px; text-align:center; border-bottom:1px solid #222;
  scroll-margin-top:80px; /* offset al navegar a secciones */
}
.menu-hero h1{ font-size:40px; margin:0 0 8px }
.hero-actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:14px }

/* Tabs (debajo del header) */
.menu-tabs{
  position:sticky; top:64px; z-index:50;
  display:flex; gap:14px; overflow:auto; padding:10px 16px;
  background:rgba(15,15,15,.9); backdrop-filter:saturate(150%) blur(6px);
  border-bottom:1px solid #222;
}
.menu-tabs a{
  color:var(--text); text-decoration:none; padding:8px 12px;
  border:1px solid #2a2a2a; border-radius:999px;
}
.menu-tabs a:hover{ outline:2px solid var(--ring) }

.section-description {
  text-align: center;
  color: #ccc;
  font-size: 1.1rem;
  margin: 10px auto 30px auto;
  max-width: 700px;
  line-height: 1.6;
}





/* Highlights auto-ajustables */
.highlights{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:16px; padding:0 16px 16px;
}
.highlight-card{
  background:var(--card);
  border:2px solid #333;
  border-radius:10px;
  padding:10px;
}
.highlight-card img{
  width:100%; height:auto; object-fit:cover; object-position:center;
  border-radius:8px; display:block;
}
.highlight-card .item-meta{ margin-top:8px }

/* ===== Fondos fotográficos elegantes para cards ===== */

/* Base reutilizable para cualquier card con fondo */
.card-bg {
  position: relative;
  overflow: hidden;       /* respeta bordes redondeados */
  isolation: isolate;     /* evita que la imagen se mezcle con sombras externas */
}

/* Contenido siempre encima del fondo */
.card-bg > * { position: relative; z-index: 1; }

/* Capa de la foto (por defecto sin imagen; cada card la define) */
.card-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: center / cover no-repeat;
  filter: saturate(1.05) contrast(1.05);
  opacity: var(--card-photo-opacity, .35); /* Ajusta transparencia aquí */
  z-index: 0;
}

/* Overlay suave para legibilidad en todos los fondos */
.card-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.35));
  z-index: 0;
}

/* Texto/ícono con buen contraste sobre el fondo */
.card-bg .card-title,
.card-bg .card-text,
.card-bg .card-icon { color: #fff; }
.card-bg .card-text { opacity: .95; }

/* ——— Fondos específicos ——— */
.card-meats::before {
  background-image: url("../img/nysteak.png");
  /* opcional: personaliza opacidad para este card
  --card-photo-opacity: .38;
  */
}

.card-atmosphere::before {
  background-image: url("../img/restaurant.png");
  --card-photo-opacity: .32;
}

.card-fresh::before {
  background-image: url("../img/fresh.png");
  --card-photo-opacity: .35;
}

/* Afinar en pantallas pequeñas (sube un poco la transparencia) */
@media (max-width: 640px){
  .card-bg::before { opacity: calc(var(--card-photo-opacity, .35) + .05); }
}


/* Límite suave en desktop */
@media (min-width:1024px){
  .highlight-card img{ max-height:320px; object-fit:cover }
}

/* Listado de categorías/platillos */
.menu-root{ padding:24px 16px; display:grid; gap:26px }
.category{ display:grid; gap:14px }
.category h2{ margin:0; font-size:28px; border-left:4px solid var(--ring); padding-left:10px }
.grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:14px }

.item-card{
  background:var(--card);
  border:2px solid #444;
  border-radius:0;
  padding:14px;
}
.item-card h3{ margin:0 0 6px; font-size:18px }
.item-meta{ display:flex; justify-content:space-between; color:var(--muted); font-size:14px }
.item-desc{ color:var(--muted); font-size:14px; margin-top:6px }

#menuSearch{
  max-width:320px; padding:10px; border-radius:10px;
  border:1px solid #2a2a2a; background:#101010; color:#fff;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:960px){
  /* Nav móvil desplegable */
  .nav{
    position:fixed; inset:72px 0 auto 0;
    flex-direction:column; align-items:flex-start; gap:10px; padding:16px 20px;
    background:rgba(11,11,11,.95);
    border-bottom:1px solid rgba(212,175,55,.25);
    transform:translateY(-120%); transition:.2s;
  }
  .nav.show{ transform:translateY(0) }
  .nav-toggle{ display:inline-grid }

  .grid-3{ grid-template-columns:1fr }
  .gallery{ grid-template-columns:repeat(3,1fr) }

  .about-grid{ grid-template-columns:1fr }
  .values{ grid-template-columns:1fr }

  .form-grid{ grid-template-columns:1fr }
}

@media (max-width:768px){
  .footer-container{ flex-direction:column; align-items:center; text-align:center }
  .footer-section{ width:100% }
}

/*---carrusel home ---*/
/* ==========================================================================
   HOME — MENU SLIDER (4 cards, responsive)
   ========================================================================== */
.menu-slider{
  position: relative;
  padding: 60px 20px;
  background: radial-gradient(ellipse at top, #151515 0%, #0b0b0b 100%);
}

.menu-track{
  display: flex;
  gap: 24px;
  padding: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
}
.menu-track::-webkit-scrollbar{ display:none; }

.menu-card{
  flex: 0 0 clamp(260px, 30vw, 340px);
  background: #1a1a1a;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.35);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  overflow: hidden;
  color: #fff;
  scroll-snap-align: start;
  transition: transform .2s;
}
.menu-card:hover{ transform: translateY(-2px); }

.card-media img{
  width: 100%;
  aspect-ratio: 4/3;       /* Ajusta la proporción (ej. 16/9 si prefieres más panorámica) */
  object-fit: cover;
  display: block;
  border-bottom: 1px solid rgba(212,175,55,.25);
}

.card-body{ padding: 14px; display:grid; gap:10px; }
.card-title{ margin: 0; font-weight: 800; }
.card-desc{ margin: 0; color: var(--muted,#bbb); font-size: 14px; line-height: 1.4; }
.card-meta{ display:flex; justify-content:space-between; align-items:center; }
.price{ font-weight: 800;
font-size: 1.2rem; }
.btn-order{
  background: #d4af37;
  color: #000;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s;
}
.btn-order:hover{ background: #f0d86d; }

/* Flechas */
.menu-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px; height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(212,175,55,.18);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 5;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 14px rgba(0,0,0,.35);
}
.menu-arrow:hover{ background: rgba(212,175,55,.35); }
.menu-prev{ left: -10px; }
.menu-next{ right: -10px; }

/* En móvil ocultamos flechas y dejamos swipe */
@media (max-width: 768px){
  .menu-arrow{ display:none; }
}


/* ===== FIX: Términos pegados a la derecha ===== */
.form .terms{
  grid-column: 1 / -1;        /* ocupar todo el ancho de la grid */
  width: 100%;
}

.form .terms .check{
  /* forzamos 2 columnas: [checkbox] [texto] y anulamos max-width heredado */
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: start;
  gap: 10px;
  max-width: 100% !important;
}

.form .terms .check input[type="checkbox"]{
  margin-top: 3px;
}

.form .terms .check .terms-text{
  max-width: none !important;
  /* opcional: evita que se vaya muy largo en pantallas enormes */
  /* max-width: 80ch; */
  line-height: 1.45;
}



  /* ------ Widget Reviews Aislado (prefijo gh-) ------ */
  #reviews-widget-gh {
    --gh-text:#f5f5f5; --gh-muted:#ccc; --gh-blue:#1a73e8; --gh-yellow:#f5c518;
    --gh-bg:#111; --gh-card:#1c1c1c; --gh-bd:#333; --gh-rad:14px; --gh-shadow:0 6px 24px rgba(0,0,0,.08);
    --gh-gap:16px; --gh-max:1200px;
    display:block; padding:36px 0 24px; color:var(--gh-text); background:var(--gh-bg);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  }
  #reviews-widget-gh .gh-header{
    max-width:var(--gh-max); margin:0 auto 12px; padding:0 16px;
    display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px 16px;
  }
  #reviews-widget-gh .gh-brand{display:flex; align-items:center; gap:8px; font-size:16px; color:#5f6368}
  #reviews-widget-gh .gh-score{display:flex; align-items:center; gap:8px; font-size:16px}
  #reviews-widget-gh .gh-avg{font-weight:700; font-size:20px}
  #reviews-widget-gh .gh-count{color:var(--gh-muted); font-size:13px}
  #reviews-widget-gh .gh-cta{
    justify-self:end; text-decoration:none; background:#f1f3f4; border:1px solid #e2e5e7;
    color:var(--gh-blue); padding:8px 12px; border-radius:999px; font-weight:600; font-size:14px;
  }
  #reviews-widget-gh .gh-cta:hover{background:#e9eef6}

  #reviews-widget-gh .gh-carousel{max-width:var(--gh-max); margin:0 auto; padding:0 16px; position:relative}
  #reviews-widget-gh .gh-viewport{overflow:hidden}
  #reviews-widget-gh .gh-track{list-style:none; padding:8px 0 4px; margin:0; display:flex; gap:var(--gh-gap); will-change:transform}

  #reviews-widget-gh .gh-card{
    flex:0 0 calc((100% - var(--gh-gap)*2)/3);
    background:var(--gh-card); border:1px solid var(--gh-bd); border-radius:var(--gh-rad);
    box-shadow:0 4px 12px rgba(0,0,0,.06); padding:16px; min-height:168px;
  }
  #reviews-widget-gh .gh-card-h{display:flex; align-items:center; gap:12px; margin-bottom:8px}
  #reviews-widget-gh .gh-avatar{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:13px}
  #reviews-widget-gh .gh-name{display:flex; align-items:center; gap:6px; font-weight:700; font-size:14px}
  #reviews-widget-gh .gh-time{color:var(--gh-muted); font-size:12px}
  #reviews-widget-gh .gh-rating{margin:6px 0 10px}
  #reviews-widget-gh .gh-stars{--s:16px; display:inline-grid; grid-auto-flow:column; gap:2px}
  #reviews-widget-gh .gh-stars svg{width:var(--s); height:var(--s)}
  #reviews-widget-gh .gh-body{color:var(--ghtext); font-size:14px; line-height:1.45; max-height:3.6em; overflow:hidden}
  #reviews-widget-gh .gh-more{display:inline-block; margin-top:8px; color:var(--gh-blue); font-weight:600; text-decoration:none; font-size:14px}

  #reviews-widget-gh .gh-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:36px; height:36px; border-radius:50%; border:1px solid var(--gh-bd); background:#fff; cursor:pointer; box-shadow:0 4px 8px rgba(0,0,0,.4); z-index: 5;
  }
  #reviews-widget-gh .gh-prev{left:0px}  #reviews-widget-gh .gh-next{right:0px}
  #reviews-widget-gh .gh-dots{display:flex; justify-content:center; gap:8px; padding:10px 0 0}
  #reviews-widget-gh .gh-dot{width:8px; height:8px; border-radius:50%; background:#d0d7de; border:none; cursor:pointer}
  #reviews-widget-gh .gh-dot[aria-selected="true"]{background:#111}

  #reviews-widget-gh .gh-focus:focus-visible{outline:3px solid #a2c2ff; outline-offset:2px}
  /* Responsive */
  @media (max-width: 1024px){ #reviews-widget-gh .gh-card{flex-basis: calc((100% - var(--gh-gap))/2);} }
  @media (max-width: 640px){
    #reviews-widget-gh .gh-header{grid-template-columns:1fr; row-gap:6px}
    #reviews-widget-gh .gh-cta{justify-self:start}
    #reviews-widget-gh .gh-card{flex-basis:100%}
  }


  .footer-social {
  display:flex; justify-content:center; gap:20px;
  margin:24px auto 0; padding:16px 0 8px;
  border-top:1px solid rgba(255,255,255,.08);
  max-width:1200px;
}

.footer-social a {
  width:40px; height:40px; border-radius:50%;
  display:grid; place-items:center;
  background:rgba(255,255,255,.08);
  color:#fff; text-decoration:none;
  transition:background .2s ease, transform .2s ease, opacity .2s ease;
}
.footer-social a:hover {
  background:rgba(245,197,24,.25); /* dorado suave */
  transform: translateY(-2px);
}
.footer-social i { font-size:18px; line-height:1; }

.footer-verse {
  text-align: center;
  margin: 30px auto 10px auto;
  max-width: 1090px;
  padding: 10px 20px;
  font-style: italic;
  font-size: 15px;
  color: #d4af37; /* dorado elegante */
  border-top: 1px solid rgba(212,175,55,.2);
  padding-top: 18px;
}

.footer-verse .verse-ref {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #aaa;
}

.menu-price {
  font-size: 20px;   /* más grande */
  font-weight: 900;
  color: #ffd700;    /* opcional: dorado */
}







/* ===== END styles.css ===== */