/* Paleta: tons de cobre (cataplana), verde (azeite) e mar */
:root{
  --coz-ink: #e9e6dc;
  --coz-bg: rgba(255,255,255,.03);
  --coz-ouro: var(--gold);
  --coz-mar: #2a354c;
}

/* глобально: фото не шире 350px */
.site-main figure > img{ display:block; width:100%; max-width:350px; height:auto; margin:0 auto; }

/* ===== SEÇÃO 1 — Fundamentos ===== */
.coz-fundos{ padding: 22px 0 10px; }
.toalha-lane{
  position: relative; height: 110px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
    repeating-linear-gradient(90deg, rgba(217,182,111,.10) 0 6px, transparent 6px 12px),
    repeating-linear-gradient(0deg, rgba(143,180,201,.10) 0 6px, transparent 6px 12px);
  /* маска: декоративная «toalha» не заходит под текст ниже */
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
}
.fundos-grid{
  display: grid; gap: 14px; grid-template-columns: repeat(12, 1fr);
}
.fundos-item{
  grid-column: span 4;
  background: var(--coz-bg); border: 1px solid rgba(217,182,111,.16);
  border-radius: 16px; padding: 12px; box-shadow: var(--shadow-sm);
  transition: transform .25s var(--easing), border-color .25s;
}
.fundos-item:hover{ transform: translateY(-3px); border-color: rgba(217,182,111,.28); }
.fundos-texto{
  margin-top: 10px; color: var(--coz-ink);
  border: 1px dashed rgba(217,182,111,.25); border-radius: 12px; padding: 10px 12px;
}

/* ===== SEÇÃO 2 — Mar ===== */
.coz-mar{ padding: 22px 0 10px; }
.vapor-friso{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.vapor-friso::before,
.vapor-friso::after{
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    repeating-linear-gradient(165deg, rgba(217,182,111,.12) 0 2px, transparent 2px 24px),
    repeating-linear-gradient(15deg, rgba(143,180,201,.12) 0 2px, transparent 2px 30px);
  animation: vapor 10s linear infinite;
  -webkit-mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
}
.vapor-friso::after{ opacity:.5; animation-duration: 14s; transform: translateY(4px); }
@keyframes vapor{ to{ transform: translateX(12%);} }

.mar-wrap{
  display: grid; gap: 16px; grid-template-columns: 1fr .9fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.mar-passos{
  --bsize: 22px; --r: calc(var(--bsize)/2);
  position: relative; list-style: none; margin: 0; padding-left: 28px; counter-reset: m 0;
}
.mar-passos::before{
  content:""; position:absolute; left: calc(-2px + 28px - 14px);
  top: var(--r); bottom: var(--r); border-left: 2px dashed rgba(217,182,111,.25);
}
.mar-passos li{ counter-increment: m; margin: 0 0 14px 0; position: relative; }
.mar-passos li::before{
  content: counter(m);
  position: absolute; left: -30px; top: 0;
  width: var(--bsize); height: var(--bsize); border-radius: 50%;
  display: grid; place-items: center;
  background: radial-gradient(circle at 30% 30%, var(--coz-ouro), #7c5a22);
  color: #0e1320; font-weight: 700; font-size: .85rem; box-shadow: 0 2px 6px rgba(0,0,0,.35);
}
.mar-passos h3{ margin: 0 0 4px; font-family: "Noto Serif", serif; }
.mar-passos p{ margin: 0; color: var(--coz-ink); }

.mar-fotos{ display: grid; gap: 10px; }
.mar-fotos figure{
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}

/* ===== SEÇÃO 3 — Bacalhau ===== */
.coz-bacalhau{ padding: 22px 0 12px; }
.baca-painel{ display: grid; gap: 10px; }
.baca-item{
  border: 1px solid rgba(217,182,111,.16);
  border-radius: 12px; padding: 8px 10px;
  background: rgba(255,255,255,.03);
  transition: border-color .25s, transform .25s;
}
.baca-item[open]{ border-color: rgba(217,182,111,.28); transform: translateY(-2px); }
.baca-item summary{ cursor: pointer; list-style: none; }
.baca-item summary::-webkit-details-marker{ display: none; }
.baca-item summary::after{
  content: "▾"; float: right; opacity: .7; transition: transform .25s;
}
.baca-item[open] summary::after{ transform: rotate(180deg); }
.baca-item p{ margin: 6px 0 0; color: var(--coz-ink); }

.baca-fotos{ display: grid; gap: 10px; grid-template-columns: repeat(12, 1fr); margin-top: 6px; }
.baca-fotos figure{
  grid-column: span 6;
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}

/* ===== Responsivo (1–3) ===== */
@media (max-width: 1024px){
  .fundos-item{ grid-column: span 6; }
  .mar-wrap{ grid-template-columns: 1fr; }
  .baca-fotos figure{ grid-column: span 12; }
}
@media (max-width: 720px){
  .toalha-lane{ height: 96px; }
  .vapor-friso{ height: 88px; }
  .fundos-item{ grid-column: 1 / -1; }
}
/* ===== SEÇÃO 4 — Horta & Queijos (3 fotos) ===== */
.coz-horta{ padding: 22px 0 10px; }
.horta-faixa{
  position: relative; height: 100px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
    repeating-linear-gradient(0deg, rgba(150,170,120,.10) 0 6px, transparent 6px 12px),
    repeating-linear-gradient(90deg, rgba(160,120,120,.10) 0 6px, transparent 6px 12px);
  /* máscara: a faixa desvanece antes do conteúdo seguinte */
  -webkit-mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
}
.horta-grid{
  display: grid; gap: 14px; grid-template-columns: repeat(12, 1fr);
}
.horta-item{
  grid-column: span 4;
  background: var(--coz-bg); border: 1px solid rgba(217,182,111,.16);
  border-radius: 16px; padding: 12px; box-shadow: var(--shadow-sm);
  transition: transform .25s var(--easing), border-color .25s;
}
.horta-item:hover{ transform: translateY(-3px); border-color: rgba(217,182,111,.28); }
.horta-tokens{
  margin-top: 10px; list-style: none; padding: 0; display: grid; gap: 8px;
  grid-template-columns: repeat(12, 1fr);
}
.horta-tokens li{
  grid-column: span 4;
  padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.03);
  border: 1px solid rgba(217,182,111,.16);
  transform: rotate(-1deg);
  transition: transform .25s var(--easing), box-shadow .25s;
}
.horta-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.horta-tokens b{ color: var(--coz-ouro); }

@media (max-width: 1024px){
  .horta-item{ grid-column: span 6; }
  .horta-tokens li{ grid-column: span 6; }
}
@media (max-width: 720px){
  .horta-item, .horta-tokens li{ grid-column: 1 / -1; }
  .horta-faixa{ height: 92px; }
}

/* ===== SEÇÃO 5 — Sopas (2 fotos) ===== */
.coz-sopas{ padding: 22px 0 10px; }
.sopa-canvas{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.sopa-canvas::before,
.sopa-canvas::after{
  /* “vapor” suave com máscara nas pontas */
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    repeating-linear-gradient(165deg, rgba(217,182,111,.12) 0 2px, transparent 2px 26px),
    repeating-linear-gradient(15deg, rgba(143,180,201,.12) 0 2px, transparent 2px 30px);
  animation: vapor 11s linear infinite;
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
}
.sopa-canvas::after{ opacity: .45; animation-duration: 15s; transform: translateY(4px); }

.sopa-wrap{
  display: grid; gap: 16px; grid-template-columns: 1fr .9fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.sopa-steps{
  --b: 22px; --r: calc(var(--b)/2);
  position: relative; list-style: none; margin: 0; padding-left: 28px; counter-reset: s 0;
}
.sopa-steps::before{
  content:""; position:absolute; left: calc(-2px + 28px - 14px);
  top: var(--r); bottom: var(--r); border-left: 2px dashed rgba(217,182,111,.25);
}
.sopa-steps li{ counter-increment: s; margin: 0 0 14px 0; position: relative; }
.sopa-steps li::before{
  content: counter(s);
  position: absolute; left: -30px; top: 0;
  width: var(--b); height: var(--b); border-radius: 50%;
  display: grid; place-items: center;
  background: radial-gradient(circle at 30% 30%, var(--coz-ouro), #7c5a22);
  color: #0e1320; font-weight: 700; font-size: .85rem; box-shadow: 0 2px 6px rgba(0,0,0,.35);
}
.sopa-steps h3{ margin: 0 0 4px; font-family: "Noto Serif", serif; }
.sopa-steps p{ margin: 0; color: var(--coz-ink); }

.sopa-fotos{ display: grid; gap: 10px; }
.sopa-fotos figure{
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}

@media (max-width: 1024px){
  .sopa-wrap{ grid-template-columns: 1fr; }
}

/* ===== SEÇÃO 6 — Carnes & Enchidos (2 fotos) ===== */
.coz-carnes{ padding: 22px 0 10px; }
.carnes-board{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
    repeating-linear-gradient(135deg, rgba(160,120,120,.10) 0 6px, transparent 6px 12px),
    repeating-linear-gradient(45deg, rgba(217,182,111,.10) 0 6px, transparent 6px 12px);
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
}

.carnes-wrap{
  display: grid; gap: 16px; grid-template-columns: .9fr 1fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.carnes-tokens{
  list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
}
.carnes-tokens li{
  padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(217,182,111,.16); background: rgba(255,255,255,.03);
  transform: rotate(-1deg); transition: transform .25s var(--easing), box-shadow .25s;
}
.carnes-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.carnes-tokens b{ color: var(--coz-ouro); }
.carnes-tokens span{ color: var(--coz-ink); }

.carnes-fotos{ display: grid; gap: 10px; }
.carnes-fotos figure{
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}

@media (max-width: 1024px){
  .carnes-wrap{ grid-template-columns: 1fr; }
}
/* ===== SEÇÃO 7 — Arroz & Caldos (3 fotos) ===== */
.coz-arroz{ padding: 22px 0 10px; }
.arroz-canvas{
  position: relative; height: 100px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.arroz-canvas::before{
  /* ondas suaves (arroz malandrinho) com máscara para não invadir texto */
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    repeating-linear-gradient(165deg, rgba(217,182,111,.12) 0 2px, transparent 2px 26px),
    repeating-linear-gradient(15deg, rgba(143,180,201,.12) 0 2px, transparent 2px 30px);
  -webkit-mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%);
  animation: vapor 12s linear infinite;
}
.arroz-grid{
  display: grid; gap: 14px; grid-template-columns: repeat(12, 1fr);
}
.arroz-item{
  grid-column: span 4;
  background: var(--coz-bg); border: 1px solid rgba(217,182,111,.16);
  border-radius: 16px; padding: 12px; box-shadow: var(--shadow-sm);
  transition: transform .25s var(--easing), border-color .25s;
}
.arroz-item:hover{ transform: translateY(-3px); border-color: rgba(217,182,111,.28); }

@media (max-width: 1024px){
  .arroz-item{ grid-column: span 6; }
}
@media (max-width: 720px){
  .arroz-item{ grid-column: 1 / -1; }
  .arroz-canvas{ height: 92px; }
}

/* ===== SEÇÃO 8 — Petiscos & Conservas (2 fotos) ===== */
.coz-petiscos{ padding: 22px 0 10px; }
.pet-board{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.pet-board::before{
  /* “rótulos” radiais de latas, discretos e mascarados */
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    conic-gradient(from 0deg at 30% 70%, rgba(217,182,111,.12), transparent 40%),
    conic-gradient(from 0deg at 70% 30%, rgba(143,180,201,.12), transparent 40%);
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
  opacity:.85;
}

.pet-wrap{
  display: grid; gap: 16px; grid-template-columns: .9fr 1fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.pet-tokens{
  list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
}
.pet-tokens li{
  padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(217,182,111,.16); background: rgba(255,255,255,.03);
  transform: rotate(-1deg); transition: transform .25s var(--easing), box-shadow .25s;
}
.pet-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.pet-tokens b{ color: var(--coz-ouro); }
.pet-tokens span{ color: var(--coz-ink); }

.pet-fotos{ display: grid; gap: 10px; }
.pet-fotos figure{
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}

@media (max-width: 1024px){
  .pet-wrap{ grid-template-columns: 1fr; }
}

/* ===== SEÇÃO 9 — Legumes & Migas (2 fotos) ===== */
.coz-legumes{ padding: 22px 0 10px; }
.migas-board{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
    repeating-linear-gradient(90deg, rgba(150,170,120,.10) 0 6px, transparent 6px 12px),
    repeating-linear-gradient(0deg, rgba(217,182,111,.10) 0 6px, transparent 6px 12px);
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
}

.leg-wrap{
  display: grid; gap: 16px; grid-template-columns: .9fr 1fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.leg-tokens{
  list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
}
.leg-tokens li{
  padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(217,182,111,.16); background: rgba(255,255,255,.03);
  transform: rotate(-1deg); transition: transform .25s var(--easing), box-shadow .25s;
}
.leg-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.leg-tokens b{ color: var(--coz-ouro); }
.leg-tokens span{ color: var(--coz-ink); }

.leg-fotos{ display: grid; gap: 10px; }
.leg-fotos figure{
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}

@media (max-width: 1024px){
  .leg-wrap{ grid-template-columns: 1fr; }
}
/* ===== SEÇÃO 10 — Doces de Convento (3 fotos) ===== */
.coz-doces{ padding: 22px 0 10px; }
.doce-renda{
  position: relative; height: 100px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.doce-renda::before{
  /* “renda” açucarada, com máscara para não invadir o texto seguinte */
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    conic-gradient(from 0deg at 20% 60%, rgba(217,182,111,.14), transparent 40%),
    conic-gradient(from 0deg at 60% 40%, rgba(143,180,201,.14), transparent 40%),
    conic-gradient(from 0deg at 85% 70%, rgba(217,182,111,.10), transparent 40%);
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
  opacity:.85;
}
.doce-grid{
  display: grid; gap: 14px; grid-template-columns: repeat(12, 1fr);
}
.doce-item{
  grid-column: span 4;
  background: var(--coz-bg); border: 1px solid rgba(217,182,111,.16);
  border-radius: 16px; padding: 12px; box-shadow: var(--shadow-sm);
  transition: transform .25s var(--easing), border-color .25s;
}
.doce-item:hover{ transform: translateY(-3px); border-color: rgba(217,182,111,.28); }
.doce-tokens{
  margin-top: 10px; list-style: none; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(12,1fr);
}
.doce-tokens li{
  grid-column: span 4; padding: 10px 12px; border-radius: 12px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(217,182,111,.16);
  transform: rotate(-1deg); transition: transform .25s var(--easing), box-shadow .25s;
}
.doce-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.doce-tokens b{ color: var(--coz-ouro); }
.doce-tokens span{ color: var(--coz-ink); }
@media (max-width: 1024px){
  .doce-item{ grid-column: span 6; }
  .doce-tokens li{ grid-column: span 6; }
}
@media (max-width: 720px){
  .doce-item, .doce-tokens li{ grid-column: 1 / -1; }
  .doce-renda{ height: 92px; }
}

/* ===== SEÇÃO 11 — Marisqueira & Grelha (2 fotos) ===== */
.coz-maris{ padding: 22px 0 10px; }
.maris-onda{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.maris-onda::before,
.maris-onda::after{
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    repeating-linear-gradient(165deg, rgba(143,180,201,.12) 0 2px, transparent 2px 28px),
    repeating-linear-gradient(15deg, rgba(217,182,111,.10) 0 2px, transparent 2px 28px);
  animation: vapor 12s linear infinite;
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
}
.maris-onda::after{ opacity:.45; animation-duration: 16s; transform: translateY(4px); }

.maris-wrap{
  display: grid; gap: 16px; grid-template-columns: .9fr 1fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.maris-tokens{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.maris-tokens li{
  padding:10px 12px; border-radius:12px;
  border:1px solid rgba(217,182,111,.16); background: rgba(255,255,255,.03);
  transform: rotate(-1deg); transition: transform .25s var(--easing), box-shadow .25s;
}
.maris-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.maris-tokens b{ color: var(--coz-ouro); }
.maris-tokens span{ color: var(--coz-ink); }

.maris-fotos{ display:grid; gap:10px; }
.maris-fotos figure{
  margin:0; padding:10px; border-radius:12px; background: var(--coz-bg);
  border:1px solid rgba(217,182,111,.16);
}
@media (max-width: 1024px){
  .maris-wrap{ grid-template-columns: 1fr; }
}

/* ===== SEÇÃO 12 — Azeite & Vinagre (2 fotos) ===== */
.coz-temperos{ padding: 22px 0 14px; }
.tempero-friso{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
    repeating-linear-gradient(90deg, rgba(217,182,111,.10) 0 6px, transparent 6px 12px),
    repeating-linear-gradient(0deg, rgba(143,180,201,.10) 0 6px, transparent 6px 12px);
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
}
.tempero-wrap{
  display: grid; gap: 14px; grid-template-columns: repeat(12, 1fr); align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.tempero-col{
  grid-column: span 6;
  background: rgba(255,255,255,.02); border: 1px solid rgba(217,182,111,.14); border-radius: 12px; padding: 10px;
}
.temp-tokens{ list-style:none; margin:0 0 8px 0; padding:0; display:grid; gap:8px; }
.temp-tokens li{
  padding:8px 10px; border-radius:10px; border:1px solid rgba(217,182,111,.16);
  background: rgba(255,255,255,.03); transform: rotate(-1deg);
  transition: transform .25s var(--easing), box-shadow .25s;
}
.temp-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.temp-tokens b{ color: var(--coz-ouro); }
.temp-tokens span{ color: var(--coz-ink); }

@media (max-width: 1024px){
  .tempero-col{ grid-column: span 12; }
}
/* ===== SEÇÃO 13 — Doçaria Regional (3 fotos) ===== */
.coz-regional{ padding: 22px 0 10px; }
.regional-renda{
  position: relative; height: 100px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.regional-renda::before{
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    conic-gradient(from 0deg at 25% 60%, rgba(217,182,111,.14), transparent 40%),
    conic-gradient(from 0deg at 65% 40%, rgba(143,180,201,.14), transparent 40%),
    conic-gradient(from 0deg at 85% 75%, rgba(217,182,111,.10), transparent 40%);
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
  opacity:.85;
}
.regional-grid{
  display: grid; gap: 14px; grid-template-columns: repeat(12, 1fr);
}
.regional-item{
  grid-column: span 4;
  background: var(--coz-bg); border: 1px solid rgba(217,182,111,.16);
  border-radius: 16px; padding: 12px; box-shadow: var(--shadow-sm);
  transition: transform .25s var(--easing), border-color .25s;
}
.regional-item:hover{ transform: translateY(-3px); border-color: rgba(217,182,111,.28); }
.regional-tokens{
  margin-top: 10px; list-style: none; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(12,1fr);
}
.regional-tokens li{
  grid-column: span 4; padding: 10px 12px; border-radius: 12px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(217,182,111,.16);
  transform: rotate(-1deg); transition: transform .25s var(--easing), box-shadow .25s;
}
.regional-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.regional-tokens b{ color: var(--coz-ouro); }
.regional-tokens span{ color: var(--coz-ink); }

@media (max-width: 1024px){
  .regional-item{ grid-column: span 6; }
  .regional-tokens li{ grid-column: span 6; }
}
@media (max-width: 720px){
  .regional-item, .regional-tokens li{ grid-column: 1 / -1; }
  .regional-renda{ height: 92px; }
}

/* ===== SEÇÃO 14 — Feira & Mercado (2 fotos) ===== */
.coz-mercado{ padding: 22px 0 10px; }
.mercado-lane{
  position: relative; height: 90px; margin: 6px 0 12px;
  border: 1px solid rgba(217,182,111,.12); border-radius: 14px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.mercado-lane::before{
  /* linhas como toldos de banca; máscara para não cruzar o texto a seguir */
  content:""; position:absolute; inset:8px; border-radius:12px;
  background:
    repeating-linear-gradient(90deg, rgba(217,182,111,.12) 0 6px, transparent 6px 18px),
    repeating-linear-gradient(0deg, rgba(143,180,201,.12) 0 6px, transparent 6px 18px);
  -webkit-mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 78%, transparent 100%);
  opacity:.85;
}
.mercado-wrap{
  display: grid; gap: 16px; grid-template-columns: 1fr .9fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.mercado-fotos{ display: grid; gap: 10px; }
.mercado-fotos figure{
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}
.mercado-tokens{
  list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
}
.mercado-tokens li{
  padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(217,182,111,.16); background: rgba(255,255,255,.03);
  transform: rotate(-1deg); transition: transform .25s var(--easing), box-shadow .25s;
}
.mercado-tokens li:hover{ transform: rotate(0deg) translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.mercado-tokens b{ color: var(--coz-ouro); }
.mercado-tokens span{ color: var(--coz-ink); }

@media (max-width: 1024px){
  .mercado-wrap{ grid-template-columns: 1fr; }
}

/* ===== SEÇÃO 15 — Passagens (2 fotos + cartões) ===== */
.coz-passagens{ padding: 22px 0 16px; }
.czpass-layout{
  display: grid; gap: 16px; grid-template-columns: 1fr .9fr; align-items: start;
  border: 1px solid rgba(217,182,111,.12); border-radius: 16px; padding: 12px; background: var(--coz-bg);
}
.czpass-grid{
  display: grid; gap: 12px; grid-template-columns: repeat(12, 1fr);
}
.czpass-card{
  grid-column: span 4; position: relative; overflow: hidden; text-decoration: none;
  border: 1px solid rgba(217,182,111,.16); border-radius: 16px;
  background: rgba(255,255,255,.03);
  transition: transform .25s var(--easing), box-shadow .25s, border-color .25s;
  color: var(--coz-ink);
}
.czpass-card::before{
  content:""; position: absolute; right: -26px; top: -26px; width: 110px; height: 110px; border-radius: 50%;
  background:
    conic-gradient(from 0deg, rgba(217,182,111,.18) 0 25%, transparent 25% 50%, rgba(217,182,111,.18) 50% 75%, transparent 75% 100%),
    radial-gradient(closest-side, rgba(255,255,255,.04), rgba(0,0,0,.35));
  border: 1px solid rgba(217,182,111,.22);
  opacity: .7; filter: blur(.2px);
}
.czpass-card:hover{ transform: translateY(-3px); border-color: rgba(217,182,111,.28); box-shadow: 0 16px 36px rgba(0,0,0,.35); }
.czpass-inner{ padding: 14px 16px 18px; position: relative; z-index: 1; }
.czpass-inner h3{ margin: 0 0 6px; font-family: "Noto Serif", serif; }
.czpass-inner p{ margin: 0 0 10px; color: #e7e1d4; }
.czpass-cta{
  display: inline-block; font-size: .9rem; color: var(--coz-ouro);
  border: 1px solid rgba(217,182,111,.35); border-radius: 999px; padding: 6px 10px;
}
.czpass-cta:hover{ background: rgba(217,182,111,.12); }

/* variações cromáticas */
.czpass-vinhos{ background: linear-gradient(180deg, rgba(160,120,120,.08), rgba(255,255,255,.03)); }
.czpass-arq{ background: linear-gradient(180deg, rgba(139,160,190,.06), rgba(255,255,255,.03)); }
.czpass-mare{ background: linear-gradient(180deg, rgba(150,170,120,.08), rgba(255,255,255,.03)); }

.czpass-fotos{ display: grid; gap: 10px; }
.czpass-fotos figure{
  margin: 0; padding: 10px; border-radius: 12px; background: var(--coz-bg);
  border: 1px solid rgba(217,182,111,.16);
}

@media (max-width: 1024px){
  .czpass-layout{ grid-template-columns: 1fr; }
  .czpass-card{ grid-column: span 6; }
}
@media (max-width: 720px){
  .czpass-card{ grid-column: 1 / -1; }
}