/* ─────────────────────────────────────────
   RECETAS.CSS — ConservasDeNavarra.org
   Carga tras base.css. No duplica tokens.
───────────────────────────────────────── */

/* HERO — fondo oscuro, dos columnas */
.rec-hero{
  background:var(--os);
  padding:6rem 2.5rem 5rem;
  display:grid;grid-template-columns:1fr 1fr;
  gap:7rem;align-items:end;
  position:relative;overflow:hidden;
}
.rec-hero-left{position:relative;z-index:2;}
.rec-seccion{
  font-size:13px;letter-spacing:0.25em;text-transform:uppercase;
  color:rgba(196,176,124,0.72);margin-bottom:1.5rem;display:block;
  font-weight:400;
}
.rec-h1{
  font-family:'Cormorant Garamond',serif;
  font-size:66px;font-weight:300;line-height:0.9;
  color:var(--c);letter-spacing:-0.02em;margin-bottom:2rem;
}
.rec-h1 em{font-style:italic;color:rgba(196,176,124,0.72);}
.rec-rule{width:28px;height:1px;background:rgba(196,176,124,0.25);margin-bottom:2rem;}
.rec-deck{
  font-family:'Cormorant Garamond',serif;
  font-size:21px;font-weight:300;font-style:italic;
  color:rgba(245,237,224,0.88);line-height:1.58;max-width:460px;
}
.rec-meta{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:1rem;
  border-left:0.5px solid rgba(196,176,124,0.12);
  padding-left:2.5rem;
}

/* Foto en hero de receta */
.rec-foto-hero{
  position:relative;overflow:hidden;
  min-height:320px;
}
.rec-meta-item{display:flex;flex-direction:column;gap:0.25rem;}
.rec-meta-label{
  font-size:12px;letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(196,176,124,0.55);font-weight:400;
}
.rec-meta-val{
  font-family:'Cormorant Garamond',serif;
  font-size:19px;font-weight:400;color:rgba(245,237,224,0.92);
}
.rec-meta-sep{
  width:20px;height:0.5px;background:rgba(196,176,124,0.1);
  margin:0.5rem 0;
}

/* CUERPO EDITORIAL */
.rec-body{
  max-width:720px;margin:0 auto;
  padding:5rem 2.5rem;
}
.rec-intro{
  font-family:'Cormorant Garamond',serif;
  font-size:23px;font-weight:300;font-style:italic;
  color:var(--t);line-height:1.6;
  border-left:2px solid var(--e);
  padding-left:1.5rem;margin-bottom:3rem;
}
.rec-p{
  font-size:18px;color:var(--g);font-weight:400;
  line-height:1.88;margin-bottom:1.5rem;
}
.rec-p strong{color:var(--o);font-weight:500;}

/* INGREDIENTES */
.rec-ingredientes{
  background:var(--cw);
  padding:3rem;margin-bottom:3.5rem;
}
.rec-ing-title{
  font-size:13px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--tl);margin-bottom:1.75rem;font-weight:400;
}
.rec-ing-group{margin-bottom:1.75rem;}
.rec-ing-group:last-child{margin-bottom:0;}
.rec-ing-group-label{
  font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--g);margin-bottom:0.75rem;font-weight:400;
  border-bottom:0.5px solid rgba(122,92,58,0.1);padding-bottom:0.5rem;
}
.rec-ing-list{list-style:none;}
.rec-ing-list li{
  font-size:17px;color:var(--o);font-weight:400;
  padding:0.5rem 0;
  border-bottom:0.5px solid rgba(122,92,58,0.06);
  display:flex;justify-content:space-between;align-items:baseline;
  gap:1rem;
}
.rec-ing-list li:last-child{border-bottom:none;}
.rec-ing-cantidad{
  font-family:'Cormorant Garamond',serif;
  font-size:18px;color:var(--t);font-weight:300;
  white-space:nowrap;flex-shrink:0;
}
.rec-ing-nota{
  font-size:14px;color:var(--g);font-style:italic;
}

/* ELABORACIÓN */
.rec-elaboracion{margin-bottom:3.5rem;}
.rec-elab-title{
  font-size:13px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--tl);margin-bottom:2rem;font-weight:400;
}
.rec-paso{
  display:grid;grid-template-columns:auto 1fr;
  gap:1.5rem;align-items:start;
  padding:1.5rem 0;
  border-bottom:0.5px solid rgba(122,92,58,0.08);
}
.rec-paso:last-child{border-bottom:none;}
.rec-paso-n{
  font-family:'Cormorant Garamond',serif;
  font-size:36px;font-weight:300;color:rgba(122,92,58,0.18);
  line-height:1;width:32px;flex-shrink:0;margin-top:2px;
}
.rec-paso-txt{
  font-size:17px;color:var(--g);font-weight:400;line-height:1.78;
}
.rec-paso-txt strong{color:var(--o);font-weight:500;}

/* NOTA EDITORIAL */
.rec-nota{
  background:var(--os);
  padding:2.5rem 3rem;
  margin-bottom:3.5rem;
}
.rec-nota-ey{
  font-size:12px;letter-spacing:0.18em;text-transform:uppercase;
  color:rgba(196,176,124,0.65);margin-bottom:1.25rem;font-weight:400;
}
.rec-nota-body{
  font-size:16px;color:rgba(245,237,224,0.88);font-weight:400;
  line-height:1.78;
}
.rec-nota-body strong{color:rgba(245,237,224,0.98);font-weight:500;}

/* PRODUCTOR RELACIONADO */
.rec-productor{
  border:0.5px solid rgba(122,92,58,0.15);
  padding:2rem 2.5rem;
  display:grid;grid-template-columns:auto 1fr;
  gap:1.75rem;align-items:center;
  margin-bottom:3.5rem;
}
.rec-prod-logo{
  width:56px;height:56px;
  background:rgba(122,92,58,0.06);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.rec-prod-label{
  font-size:11px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--tl);margin-bottom:0.35rem;font-weight:400;
}
.rec-prod-name{
  font-family:'Cormorant Garamond',serif;
  font-size:22px;font-weight:400;color:var(--o);
  margin-bottom:0.25rem;
}
.rec-prod-desc{font-size:15px;color:var(--g);font-weight:400;line-height:1.55;}
.rec-prod-cta{
  display:inline-block;margin-top:0.75rem;
  font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--t);border-bottom:0.5px solid rgba(122,92,58,0.3);
  padding-bottom:2px;transition:color 0.2s;
}
.rec-prod-cta:hover{color:var(--o);}

/* INSTAGRAM */
.rec-instagram{
  background:var(--cw);
  padding:2.5rem 3rem;
  margin-bottom:3.5rem;
}
.rec-ig-ey{
  font-size:11px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--tl);margin-bottom:1.5rem;font-weight:400;
}
.rec-ig-caption{
  font-size:16px;color:var(--o);font-weight:400;line-height:1.72;
  margin-bottom:1.25rem;
}
.rec-ig-frase{
  font-family:'Cormorant Garamond',serif;
  font-size:21px;font-style:italic;font-weight:300;
  color:var(--t);border-left:2px solid var(--e);
  padding-left:1.25rem;margin-bottom:1.25rem;line-height:1.45;
}
.rec-ig-ideas{
  font-size:14px;color:var(--g);font-weight:400;line-height:1.7;
}
.rec-ig-ideas li{padding:0.35rem 0;list-style:none;padding-left:1rem;position:relative;}
.rec-ig-ideas li::before{
  content:'—';position:absolute;left:0;color:var(--tl);
}

/* INDICE DE RECETAS */
.recetas-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--cw);
}
.rcard{
  background:var(--w);
  display:flex;flex-direction:column;
  text-decoration:none;
  transition:background 0.2s;
}
.rcard:hover{background:var(--c);}
.rcard-foto{
  width:100%;height:280px;
  background:var(--os);
  overflow:hidden;position:relative;
}
.rcard-foto img{width:100%;height:100%;object-fit:cover;}
.rcard-prod-badge{
  position:absolute;bottom:1rem;left:1rem;
  font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  padding:4px 10px;
  background:rgba(26,22,16,0.65);
  color:rgba(196,176,124,0.9);
  backdrop-filter:blur(4px);
}
.rcard-body{padding:1.75rem 2rem;display:flex;flex-direction:column;flex:1;}
.rcard-producto{
  font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--tl);margin-bottom:0.5rem;font-weight:400;
}
.rcard-title{
  font-family:'Cormorant Garamond',serif;
  font-size:24px;font-weight:400;color:var(--o);
  margin-bottom:0.65rem;line-height:1.15;
}
.rcard-desc{
  font-size:15px;color:var(--g);font-weight:400;
  line-height:1.65;flex:1;margin-bottom:1.25rem;
}
.rcard-foot{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:1rem;border-top:0.5px solid rgba(122,92,58,0.08);
}
.rcard-tiempo{font-size:13px;color:var(--g);font-style:italic;}
.rcard-link{
  font-size:12px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--t);
}

/* RESPONSIVE */
@media(max-width:1024px){
  .rec-hero{grid-template-columns:1fr;gap:3.5rem;padding:4rem 1.5rem 3.5rem;}
  .rec-h1{font-size:48px;}
  .rec-meta{border-left:none;padding-left:0;border-top:0.5px solid rgba(196,176,124,0.12);padding-top:1.5rem;}
  .recetas-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .rec-body{padding:3rem 1.25rem;}
  .rec-h1{font-size:38px;}
  .rec-ingredientes{padding:2rem 1.5rem;}
  .rec-nota{padding:2rem 1.5rem;}
  .rec-productor{grid-template-columns:1fr;gap:1.25rem;}
  .rec-instagram{padding:2rem 1.5rem;}
  .recetas-grid{grid-template-columns:1fr;}
}