.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-fb5d326 *//* =========================================================
   MENÚ PRESCHOOL • Estilos limpios (sin panel rojo)
   ========================================================= */

/* ---------- Tokens / Tipografía ---------- */
.cj-menu.theme-preschool{
  --cj-blue: #0a4f97;
  --cj-gray: #eae3ea;
  --cj-text: #1a1a1a;
  --cj-accent: #0a4f97;

  --font: "Inter","Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  --fs-label: clamp(11px, 1.2vw, 13px);
  --fs-value: clamp(11px, 1.3vw, 14px);
  --fs-day:   clamp(12px, 1.4vw, 16px);

  --lh-tight: 1.25;
  --lh-normal: 1.35;

  --gap-col: 14px;
  --pad-card: 10px 12px 14px;
  --pad-chip: .35rem .7rem;

  font-family: var(--font);
  color: var(--cj-text);
}

/* =========================================================
   CONTROLES (filtro)
   ========================================================= */
.cj-menu.theme-preschool .cj-controls{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:12px 16px; background:#fff; border:1px solid #eee; border-radius:18px;
  box-shadow:0 6px 16px rgba(0,0,0,.05); margin:0 0 20px 0;
}
.cj-menu.theme-preschool .cj-controls__left label{
  display:inline-flex; align-items:center; gap:8px; margin:0;
  padding:.55rem .9rem; background:var(--cj-gray); border-radius:16px;
  font-weight:800; color:var(--cj-text);
}
.cj-menu.theme-preschool .cj-controls__left [data-current-month]{ font-weight:900; color:var(--cj-blue); }
.cj-menu.theme-preschool .cj-controls__right{ display:flex; align-items:center; gap:12px; }

/* Date input pill con icono */
.cj-menu.theme-preschool [data-date-picker]{
  height:44px; min-width:220px; padding:0 14px 0 44px;
  border:2px solid #e6e6e6; border-radius:14px; background:#fff no-repeat 12px 50%;
  background-size:22px 22px; font-weight:600; color:var(--cj-text);
  transition:border-color .2s, box-shadow .2s; outline:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23163059' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
.cj-menu.theme-preschool [data-date-picker]::-webkit-calendar-picker-indicator{ opacity:0; cursor:pointer; }
.cj-menu.theme-preschool [data-date-picker]:hover{ border-color:#d7d7d7; }
.cj-menu.theme-preschool [data-date-picker]:focus{ border-color:var(--cj-blue); box-shadow:0 0 0 3px rgba(10,79,151,.15); }

/* Botón secundario */
.cj-menu.theme-preschool [data-clear-date]{
  height:44px; padding:0 16px; border-radius:14px; border:2px solid var(--cj-gray);
  background:#f9f7f9; color:var(--cj-text); font-weight:800; cursor:pointer;
  transition:background .2s, border-color .2s, transform .02s;
}
.cj-menu.theme-preschool [data-clear-date]:hover{ background:#efe8ef; border-color:#e0d8e0; }
.cj-menu.theme-preschool [data-clear-date]:active{ transform:translateY(1px); }

/* =========================================================
   SEMANA / TARJETAS DE DÍA
   ========================================================= */
.cj-menu.theme-preschool .cj-week{
  position:relative; border:none; background:#fff; border-radius:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.06); padding:1.25rem;
}
.cj-menu.theme-preschool .cj-week__header{ margin:0 0 1rem 0; }
.cj-menu.theme-preschool .cj-week__title{
  margin:0; padding:.6rem 1rem; border:none; border-radius:14px;
  background:var(--cj-gray); color:#1c2b5a; font-weight:800;
  font-size:clamp(14px, 1.6vw, 18px);
}

/* Grid de 5 columnas */
.cj-menu.theme-preschool .cj-week__days{
  display:grid; gap:var(--gap-col);
  grid-template-columns:repeat(5, minmax(0,1fr));
}

.cj-menu.theme-preschool .cj-day{
  background:#fff; border:1px solid #eee; border-radius:16px; overflow:hidden;
  box-shadow:0 6px 16px rgba(0,0,0,.05);
}
.cj-menu.theme-preschool .cj-day__header{
  height:78px; display:flex; align-items:center; justify-content:center; padding:0 10px;
  background:url('https://jefferson.edu.co/wp-content/uploads/2025/08/DIAS-DE-LA-SEMANA.png') no-repeat center / contain;
}
.cj-menu.theme-preschool .cj-day__date{
  font-size:var(--fs-day); line-height:var(--lh-tight);
  font-weight:900; color:#27213c; text-transform:uppercase; letter-spacing:.5px; text-align:center;
}
.cj-menu.theme-preschool .cj-day__sections{ padding:var(--pad-card); }

/* =========================================================
   SECCIONES E ÍTEMS
   ========================================================= */
.cj-menu.theme-preschool .cj-section{ margin-bottom:12px; }
.cj-menu.theme-preschool .cj-section__title{
  display:inline-flex; align-items:center;
  margin:.15rem 0 .4rem; padding:var(--pad-chip);
  background:var(--cj-gray); border-radius:14px;
  font-weight:800; color:var(--cj-text);
  font-size:clamp(12px, 1.3vw, 14px);
}

/* Tabla etiqueta/valor */
.cj-menu.theme-preschool .cj-section__list{ list-style:none; margin:0; padding:0; }
.cj-menu.theme-preschool .cj-item{
  display:grid; grid-template-columns:minmax(90px,140px) 1fr;
  column-gap:8px; row-gap:6px; padding:6px 0; border-bottom:1px solid #eee;
}
.cj-menu.theme-preschool .cj-item:last-child{ border-bottom:0; }
.cj-menu.theme-preschool .cj-item__label{
  font-size:var(--fs-label); line-height:var(--lh-tight);
  font-weight:800; color:var(--cj-accent);
}
.cj-menu.theme-preschool .cj-item__value{
  font-size:var(--fs-value); line-height:var(--lh-normal); color:var(--cj-text);
  white-space:pre-line; overflow-wrap:anywhere; word-break:break-word; hyphens:auto;
}

/* Anti-tema/Elementor: asegurar que los valores se vean */
.cj-section__list .cj-item__value{
  display:inline !important; visibility:visible !important; opacity:1 !important;
  color:var(--cj-text) !important; white-space:pre-line !important;
}

/* Feedback */
.cj-menu.theme-preschool .cj-feedback{
  margin-top:12px; padding:10px 12px; border-radius:12px;
  background:#fff4f4; border:1px solid #ffd9d9; color:#a11; font-weight:600;
}

/* =========================================================
   BREAKPOINTS
   ========================================================= */
@media (max-width:1280px){
  .cj-menu.theme-preschool .cj-week__days{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .cj-menu.theme-preschool .cj-item{ grid-template-columns:minmax(90px,120px) 1fr; }
}
@media (max-width:900px){
  .cj-menu.theme-preschool .cj-week__days{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .cj-menu.theme-preschool .cj-day__header{ height:72px; }
}
@media (max-width:820px){
  .cj-menu.theme-preschool .cj-controls{ flex-direction:column; align-items:stretch; gap:12px; }
  .cj-menu.theme-preschool .cj-controls__right{ width:100%; }
  .cj-menu.theme-preschool [data-date-picker],
  .cj-menu.theme-preschool [data-clear-date]{ width:100%; min-width:0; }
}
@media (max-width:560px){
  .cj-menu.theme-preschool .cj-week__days{ grid-template-columns:1fr; }
  .cj-menu.theme-preschool{ --pad-card:8px 10px 12px; --gap-col:12px; }
  .cj-menu.theme-preschool .cj-item{
    grid-template-columns:minmax(84px,110px) 1fr; row-gap:5px; padding:5px 0;
  }
}

/* INPUT fecha: que TODO el campo dispare el datepicker (WebKit/Chromium) */
.cj-menu.theme-preschool [data-date-picker]{
  position: relative; /* base para el pseudo-elemento */
}

/* El indicador nativo ocupa todo el input => cualquier click abre el calendario */
.cj-menu.theme-preschool [data-date-picker]::-webkit-calendar-picker-indicator{
  opacity: 0;          /* oculto el icono nativo pero dejo su zona activa */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}/* End custom CSS */