/* ===========================================================
   CONSULADO BA — puente entre los bloques de WordPress y el diseño
   (se carga en la web y en el editor, después de style.css)
   =========================================================== */

/* Velos oscuros sobre portadas y llamados con foto (antes eran divs vacíos) */
.cba-hero-overlay::after,
.cba-cta-overlay::after{content:"";position:absolute;inset:0;pointer-events:none;}
.cba-hero-overlay::after{background:linear-gradient(180deg, rgba(9,17,40,.35) 0%, rgba(9,17,40,.55) 55%, rgba(9,17,40,.92) 100%);}
.cba-cta-overlay::after{background:linear-gradient(180deg, rgba(9,17,40,.45) 0%, rgba(9,17,40,.8) 100%);}
.cba-hero-overlay > .hero-content{z-index:1;}

/* Formato "Contorno" del editor: palabras solo con el borde de la letra */
.texto-contorno{color:transparent !important;-webkit-text-stroke:1.5px currentColor;}
:is(.hero,.section-navy,.cta-photo,.section-textura-marron,.section-textura-ladrillos) .texto-contorno{-webkit-text-stroke-color:var(--cream);}

/* Fotos de fondo editables: imagen dentro de .hero-bg / .cta-photo-bg */
.cba-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;}

/* Textos que en el original eran <span>/<div> y ahora son párrafos */
p:where(.cba-span),
p:where(.cba-div){margin:0;}
/* ...y que las reglas de ".card p" no los agranden */
.card p.badge-soon{font-size:.62rem;margin-bottom:.6em;opacity:1;color:#fff;}
.card p.eyebrow{font-size:.72rem;margin-bottom:.9em;opacity:1;color:var(--red);}
.card p.tag-pill{font-size:.72rem;margin:0 .4em .4em 0;opacity:1;}

/* Separador "Bandera a cuadros": Cuadrille Consulado (assets/img/cuadrille-tile.svg, a partir del
   original en assets/img/marca/; el original tenía 1px de separación entre cuadrados, acá no) */
.wp-block-separator.is-style-diamantes{
  height:34px;width:100%;max-width:none;margin:0;padding:0;border:0;opacity:1;
  background:url("../img/cuadrille-tile.svg") 0 0 / 34px 34px repeat-x;
}

/* Tarjetas del mismo alto dentro de cada grilla; el link "Conocer →" siempre abajo */
.card{display:flex;flex-direction:column;}
.card > :is(.badge-soon,.eyebrow,.tag-pill,a.more,.icon-img){align-self:flex-start;}
.card > a.more{margin-top:auto;}
@media (min-width:601px){
  .grid:has(> .card){grid-auto-rows:1fr;}
}

/* Páginas simples y entradas: contenido estándar dentro del contenedor */
.cba-simple .wrap{max-width:860px;}
.cba-simple .wrap > * + h2,
.cba-simple .wrap > * + h3{margin-top:1.6em;}
.cba-simple img{height:auto;}
.cba-simple figure{margin:1.6em 0;}
.cba-post{padding:1.4em 0;border-bottom:1px solid var(--line);}

/* Bloques nuevos agregados dentro de las secciones */
.wp-block-image figcaption{font-size:.8rem;opacity:.7;margin-top:.5em;}
.wrap > figure.wp-block-image{margin:1.6em 0;}

/* Listas de carta sobre fondos oscuros: nombres en beige para que se lean */
:is(.section-navy,.section-textura-marron,.section-textura-ladrillos,.section-textura-ventana,.section-textura-tela,.cta-photo) .dish-list li b{color:var(--cream);}
:is(.section-navy,.section-textura-marron,.section-textura-ladrillos,.section-textura-ventana,.section-textura-tela,.cta-photo) .dish-list li{border-bottom-color:rgba(236,233,214,.2);}

/* ---------- Agenda (Google Calendar) ---------- */
.cba-agenda{display:grid;gap:1.4em;margin-top:1.6em;}
.cba-agenda-dia{display:grid;grid-template-columns:170px 1fr;gap:1.4em;padding-bottom:1.4em;border-bottom:1px dashed var(--line);}
.cba-agenda-fecha .eyebrow{margin-bottom:.2em;}
.cba-agenda-fecha b{display:block;font-family:var(--font-display);font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);}
.cba-agenda-eventos{display:grid;gap:1em;}
.cba-agenda-evento{display:grid;grid-template-columns:90px 1fr;gap:1em;align-items:baseline;}
.cba-agenda-hora{font-family:var(--font-mono);font-size:.8rem;color:var(--red);}
.cba-agenda-evento h3{margin:0 0 .3em;}
.cba-agenda-evento p{margin:0;font-size:.92rem;opacity:.85;}
.cba-agenda-vacia,.cba-agenda-aviso{font-family:var(--font-mono);font-size:.9rem;}
.cba-agenda-aviso{border:1px dashed var(--red);padding:1em;}
.section-navy .cba-agenda-fecha b,.section-navy .cba-agenda-evento h3{color:var(--cream);}
.section-navy .cba-agenda-dia{border-color:rgba(236,233,214,.2);}
@media (max-width:700px){
  .cba-agenda-dia{grid-template-columns:1fr;gap:.6em;}
  .cba-agenda-evento{grid-template-columns:1fr;gap:.2em;}
}

/* ---------- Reserva: calendario de disponibilidad ---------- */
.cba-cal{background:var(--cream-2);border:1px solid var(--line);padding:1em;max-width:380px;}
.cba-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8em;font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);}
.cba-cal-nav{background:none;border:1px solid var(--navy);color:var(--navy);width:32px;height:32px;cursor:pointer;font-size:1.1rem;line-height:1;}
.cba-cal-nav:disabled{opacity:.25;cursor:default;}
.cba-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.cba-cal-dow{font-family:var(--font-mono);font-size:.65rem;text-align:center;color:var(--navy);opacity:.6;padding-bottom:.3em;}
.cba-cal-dia{aspect-ratio:1;border:1px solid transparent;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;background:#fff;color:var(--deep-navy);}
.cba-cal-dia.libre:hover{border-color:var(--red);}
.cba-cal-dia.ocupado{background:var(--navy);color:var(--cream);opacity:.45;cursor:not-allowed;text-decoration:line-through;}
.cba-cal-dia.pasado{background:transparent;opacity:.3;cursor:default;}
.cba-cal-dia.elegido{background:var(--red);color:#fff;}
.cba-cal-elegida{margin:.8em 0 0;font-size:.85rem;}
.cba-cal-leyenda{font-size:.75rem;margin:.6em 0 0;display:flex;align-items:center;gap:.4em;}
.cba-cal-dot{display:inline-block;width:12px;height:12px;border:1px solid var(--line);margin-left:.6em;}
.cba-cal-dot.libre{background:#fff;margin-left:0;}
.cba-cal-dot.ocupado{background:var(--navy);opacity:.45;}
.cba-reserva-estado{margin-top:1em;font-size:.9rem;color:var(--red);}

/* ---------- Botón flotante de WhatsApp ---------- */
.cba-wa{
  position:fixed;right:20px;bottom:20px;z-index:150;
  width:58px;height:58px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--red);color:#fff;
  box-shadow:0 8px 24px rgba(9,17,40,.35);
  transition:transform .18s ease, background .18s ease;
}
.cba-wa:hover{transform:scale(1.07);background:var(--deep-navy);color:#fff;}
.cba-wa svg{width:30px;height:30px;fill:currentColor;}
.cba-wa-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
@media (max-width:600px){.cba-wa{right:14px;bottom:14px;width:52px;height:52px;}}

/* Generado: estilos que en el HTML original estaban inline */
.cba-s1{max-width:760px !important;font-family:var(--font-mono) !important;font-size:.9rem !important;line-height:1.7 !important}
.cba-s2{max-width:760px !important}
.cba-s3{margin-top:2em !important}
.cba-s4{max-width:560px !important;margin:0 0 1.4em !important}
.cba-s5{text-align:left !important}
.cba-s6{margin:0 auto .6em !important}
.cba-s7{max-width:640px !important;margin:0 auto 1.4em !important}
.cba-s8{text-align:center !important}
.cba-s9{margin-top:1.6em !important}
.cba-s10{padding-top:0 !important}
.cba-s11{margin-top:1em !important}
.cba-s12{margin-top:2em !important;max-width:760px !important}
.cba-s13{margin:0 auto 1.6em !important}
.cba-s14{margin-top:.5em !important}
.cba-s15{aspect-ratio:4/3 !important}
.cba-s16{max-width:480px !important}
.cba-s17{min-height:340px !important}
.cba-s18{margin:.6em 0 1.2em !important}
.cba-s19{justify-content:center !important}
.cba-s20{margin-top:0 !important}
.cba-s21{margin:0 auto !important}
.cba-s22{font-size:.85rem !important;opacity:.65 !important;margin-top:1em !important}
.cba-s23 > li{border:none !important}
.cba-s24{border:none !important}
.cba-s25{max-width:640px !important;color:rgba(233,225,206,.9) !important}
.cba-s26{color:var(--red) !important}
.cba-s27{color:var(--cream) !important}
.cba-s28{font-size:.9rem !important;opacity:.75 !important}