:root{ --cca-radius:18px; --cca-gap:18px }

/* Hero */
.cca-carta{
  color:#e5e7eb;
  background:linear-gradient(180deg,#0b0f14, var(--cca-bg, #0c1116) 40%, #0b0f14 100%)
}
.cca-hero{
  background:
    radial-gradient(1200px 400px at 50% -50%, rgba(245,158,11,.25), transparent 60%),
    url('https://images.unsplash.com/photo-1516450360452-9312f5e86fc7?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat
}
.cca-hero__inner{
  max-width:1200px;margin:auto;padding:64px 20px 36px;text-align:center;backdrop-filter:saturate(120%) blur(1px)
}
.cca-hero h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.cca-hero p{margin:0 0 18px;color:#94a3b8}
.cca-search{display:flex;justify-content:center}
#cca-search-input{
  width:min(720px,92%);padding:14px 16px;border-radius:999px;border:1px solid #1f2937;background:#0b1220;color:#e5e7eb;outline:none
}
#cca-search-input::placeholder{ color:#6b7280 }

/* Tabs */
.cca-tabs{
  position:sticky;top:0;z-index:50;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;
  padding:10px 14px;background:rgba(12,17,22,.92);backdrop-filter:blur(8px);border-bottom:1px solid #111827
}
.cca-tabs button{
  appearance:none;border:1px solid #253041;background:#0e1625;color:#cbd5e1;padding:8px 14px;border-radius:999px;cursor:pointer;transition:.2s
}
.cca-tabs button:hover{ transform:translateY(-1px) }
.cca-tabs button.is-active{
  background:linear-gradient(180deg,#f6c453,var(--cca-primary, #f59e0b));color:#000;font-weight:700;border-color:#b45309
}

/* Secciones */
.cca-sections{ max-width:1200px;margin:auto;padding:24px 16px 64px }
.cca-section{ scroll-margin-top:84px;margin-top:24px }
.cca-section__head{ display:flex;align-items:baseline;gap:10px;margin:10px 4px 14px }
.cca-section h2{ font-size:clamp(22px,3.2vw,34px);margin:0 }
.cca-anchor{ opacity:.35;color:#94a3b8;text-decoration:none }

/* Grid */
.cca-grid{ display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--cca-gap) }
@media(min-width:640px){ .cca-grid{ grid-template-columns:repeat(2,1fr) } }
@media(min-width:980px){ .cca-grid{ grid-template-columns:repeat(3,1fr) } }

/* Card */
.cca-card{
  background:linear-gradient(180deg,#0e1622,#0a0f17);border:1px solid #1e293b;border-radius:var(--cca-radius);overflow:hidden;box-shadow:0 6px 22px rgba(0,0,0,.25)
}
.cca-card__media{
  display:block;
  aspect-ratio: 4 / 3;   /* antes 3/2 → recorta menos */
  background:#0b0f16
}

.cca-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
  display: block;
}


.cca-card__body{ padding:14px 14px 16px }
.cca-card header{ display:flex;align-items:flex-start;justify-content:space-between;gap:10px }
.cca-card h3{ font-size:18px;margin:0 }
.cca-price{ background:#111827;color:#f8fafc;border:1px solid #334155;border-radius:10px;padding:6px 10px;font-weight:700;white-space:nowrap }
.cca-desc{ margin:10px 0 8px;color:#cbd5e1 }
.cca-tags{ display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none }
.cca-tags li{ font-size:12px;border-radius:999px;padding:6px 10px;border:1px solid #334155;background:#0e1726 }

/* Legal */
.cca-legal{ max-width:1200px;margin:0 auto 60px;color:#9ca3af;padding:0 16px }
.cca-allergen-link{ color:#ddd;text-decoration:underline }

/* Títulos de secciones de la carta en blanco */
body.page-template-octoberfest-template .cca-carta .cca-section__head h2{
  color:#fff !important;
}

/* (opcional) el # ancla junto al título un poco más claro */
body.page-template-octoberfest-template .cca-carta .cca-anchor{
  color:rgba(255,255,255,.65) !important;
}

/* (opcional) si algún día activas el hero de la carta */
body.page-template-octoberfest-template .cca-carta .cca-hero h1{
  color:#fff !important;
}

/* ===== Modo LISTA automático cuando NO hay imagen ===== */
.cca-grid > .cca-card:not(:has(.cca-card__media)){
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:14px 16px;
  grid-column: 1 / -1;                 /* ocupa toda la fila */
  background:linear-gradient(180deg,#0f1623,#0b1018);
  border:1px solid #1f2a3b;
  border-radius:var(--cca-radius);
  box-shadow:0 8px 26px rgba(0,0,0,.28);
}

.cca-card:not(:has(.cca-card__media)) .cca-card__body{
  padding:0;                            /* compacta el interior */
  width:100%;
}

/* “dot” decorativo a la izquierda (sin tocar el HTML) */
.cca-card:not(:has(.cca-card__media))::before{
  content:"";
  width:12px; height:12px; flex:0 0 12px; border-radius:999px;
  margin-top:6px;
  background: radial-gradient(circle at 30% 30%, var(--cca-primary,#f59e0b), #b45309 70%);
  box-shadow:0 0 0 3px rgba(245,158,11,.15), 0 6px 18px rgba(0,0,0,.35);
}

/* Encabezado/price en lista: más compacto */
.cca-card:not(:has(.cca-card__media)) header{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.cca-card:not(:has(.cca-card__media)) h3{ font-size:17px; margin:0 }
.cca-card:not(:has(.cca-card__media)) .cca-price{
  background:#0f172a; border-color:#233044; padding:6px 10px; border-radius:10px; font-weight:700;
}
.cca-card:not(:has(.cca-card__media)) .cca-desc{ margin:8px 0 6px; color:#cbd5e1 }
.cca-card:not(:has(.cca-card__media)) .cca-tags{ margin-top:6px }