/* ==========================================================================
   TURISMO Y EDUCACIÓN
   Dos módulos que comparten casi todo: la banda verde de arriba, los chips
   de filtro y la ficha lateral.
   ========================================================================== */

/* ---- La banda verde de arriba ---- */
.cotui-turhero,
.cotui-eduhero {
  background: linear-gradient(135deg, var(--cotui-green-950, #08381C), var(--cotui-green-800, #17703A));
  color: #fff;
  padding: clamp(30px, 4vw, 52px) 0 clamp(24px, 3vw, 38px);
}
.cotui-turhero__title,
.cotui-eduhero__title {
  margin: 10px 0 8px;
  font-size: clamp(1.7rem, 3.6vw, 2.5rem);
  font-weight: 700;
  color: #fff;
}
.cotui-turhero__sub,
.cotui-eduhero__sub {
  margin: 0;
  max-width: 62ch;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, .82);
}
.cotui-breadcrumb--inverse,
.cotui-breadcrumb--inverse a { color: rgba(255, 255, 255, .72); }
.cotui-breadcrumb--inverse a:hover { color: var(--cotui-gold-400, #D4AF37); }

/* ---- Los chips de filtro ---- */
.cotui-tur-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.cotui-tur-chip {
  display: inline-block;
  padding: 8px 15px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-size: .88rem;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease;
}
.cotui-tur-chip:hover { background: rgba(255, 255, 255, .18); }
.cotui-tur-chip.is-active {
  background: var(--cotui-gold-400, #D4AF37);
  border-color: var(--cotui-gold-400, #D4AF37);
  color: var(--cotui-green-950, #08381C);
  font-weight: 700;
}

/* ---- La rejilla de lugares ---- */
.cotui-tur-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: clamp(16px, 2vw, 26px);
}
.cotui-tur-card {
  display: flex; flex-direction: column;
  background: #fff;
  border: 1px solid var(--cotui-neutral-200, #E7ECE8);
  border-radius: 16px;
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.cotui-tur-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(8, 56, 28, .12);
}
.cotui-tur-card__foto {
  position: relative; display: block;
  aspect-ratio: 4 / 3; background: var(--cotui-green-50, #F5F7F3);
}
.cotui-tur-card__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cotui-tur-card__ilustracion {
  filter: saturate(.82) contrast(.96);
  transform: scale(1.01);
}
.cotui-tur-card__arte {
  position: absolute; right: 10px; bottom: 10px;
  padding: 4px 9px; border-radius: 999px;
  background: rgba(255, 253, 249, .88);
  color: var(--cotui-green-900, #0F5B2E);
  font-size: .68rem; font-weight: 700;
  backdrop-filter: blur(4px);
}
.cotui-tur-card__sinfoto {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  font-size: 2.6rem; opacity: .5;
}
.cotui-tur-card__tipo {
  position: absolute; left: 10px; top: 10px;
  padding: 5px 11px; border-radius: 999px;
  background: rgba(8, 56, 28, .82); color: #fff;
  font-size: .74rem; font-weight: 600;
  backdrop-filter: blur(4px);
}
.cotui-tur-card__cuerpo { padding: 15px 16px 17px; display: grid; gap: 7px; }
.cotui-tur-card__title { margin: 0; font-size: 1.06rem; font-weight: 700; line-height: 1.3; }
.cotui-tur-card__title a { color: var(--cotui-green-900, #0F5B2E); text-decoration: none; }
.cotui-tur-card__title a:hover { color: var(--cotui-green-700, #2E7D32); }
.cotui-tur-card__donde,
.cotui-tur-card__resumen {
  margin: 0; font-size: .88rem; line-height: 1.5;
  color: var(--cotui-neutral-600, #4B5563);
}
.cotui-tur-card__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 3px; }

/* Turismo 2026: portada editorial, filtros claros y tarjetas sin emojis. */
.cotui-turismo--modern { background: #f7f8f5; }
.cotui-turhero--modern { position: relative; overflow: hidden; padding: 30px 0 46px; background: linear-gradient(120deg,#073b22,#09633a 64%,#0b7544); }
.cotui-turhero__layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 48px; align-items: center; }
.cotui-tur-kicker { display: block; margin: 32px 0 9px; color: #f2bd32; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.cotui-turhero--modern .cotui-turhero__title { max-width: 760px; margin: 0; font-size: clamp(2.25rem,5vw,4.25rem); line-height: 1.02; letter-spacing: -.045em; }
.cotui-turhero--modern .cotui-turhero__title em { display: block; color: #f2bd32; font-style: normal; font-weight: 500; }
.cotui-turhero--modern .cotui-turhero__sub { max-width: 650px; margin-top: 18px; font-size: 1.05rem; }
.cotui-turhero__visual { text-align: center; }
.cotui-turhero__visual svg { display: block; width: 100%; height: auto; filter: drop-shadow(0 18px 24px rgba(0,25,12,.22)); }
.cotui-turhero__visual strong { display: block; margin-top: 8px; color: #f2bd32; font-size: 2rem; line-height: 1; }
.cotui-turhero__visual span { display: block; margin-top: 6px; color: rgba(255,255,255,.72); font-size: .8rem; }
.cotui-tur-filters { padding: 48px 0 26px; background: #fff; }
.cotui-tur-filters__head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.cotui-tur-filters__head span,.cotui-tur-contribute span { display: block; margin-bottom: 7px; color: #96750d; font-size: .74rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.cotui-tur-filters__head h2 { margin: 0; color: #153824; font-size: clamp(1.5rem,3vw,2.1rem); letter-spacing: -.025em; }
.cotui-tur-filtergrid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; }
.cotui-tur-filter { display: grid; place-items: center; gap: 9px; min-height: 105px; padding: 13px 8px; border: 1px solid #dfe7e1; border-radius: 15px; background: #fff; color: #244433; text-align: center; text-decoration: none; transition: transform .15s ease,border-color .15s ease,box-shadow .15s ease; }
.cotui-tur-filter:hover { transform: translateY(-2px); border-color: #8db69e; box-shadow: 0 10px 24px rgba(8,56,28,.08); }
.cotui-tur-filter.is-active { border-color: #d6a719; box-shadow: inset 0 -3px 0 #d6a719; }
.cotui-tur-filter svg { width: 28px; height: 28px; color: #126537; }
.cotui-tur-filter strong { font-size: .78rem; line-height: 1.25; }
.cotui-turismo--modern .cotui-section { padding-top: 28px; }
.cotui-turismo--modern .cotui-tur-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.cotui-turismo--modern .cotui-tur-card { border-radius: 18px; box-shadow: 0 4px 14px rgba(8,56,28,.045); }
.cotui-tur-card__donde { display: flex; align-items: flex-start; gap: 6px; }
.cotui-tur-card__donde svg { flex: 0 0 15px; width: 15px; height: 15px; margin-top: 3px; color: #277649; }
.cotui-tur-contribute { padding: 12px 0 64px; }
.cotui-tur-contribute .cotui-container > div { padding: 36px 40px; border-radius: 23px; background: #0a4f2d; color: #fff; }
.cotui-tur-contribute span { color: #f2bd32; }
.cotui-tur-contribute h2 { margin: 0; color: #fff; font-size: clamp(1.5rem,3vw,2.1rem); }
.cotui-tur-contribute p { max-width: 680px; margin: 10px 0 22px; color: rgba(255,255,255,.74); }
.cotui-tur-contribute a { display: inline-block; padding: 12px 18px; border-radius: 11px; background: #efbd31; color: #073e24; font-weight: 800; text-decoration: none; }
@media (max-width: 980px) { .cotui-tur-filtergrid { grid-template-columns: repeat(3,minmax(0,1fr)); } .cotui-turismo--modern .cotui-tur-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) { .cotui-turhero__layout { grid-template-columns: 1fr; } .cotui-turhero__visual { display: none; } }
@media (max-width: 560px) { .cotui-turhero--modern { padding: 22px 0 32px; } .cotui-tur-kicker { margin-top: 25px; } .cotui-tur-filtergrid { grid-template-columns: repeat(2,minmax(0,1fr)); } .cotui-turismo--modern .cotui-tur-grid { grid-template-columns: 1fr; } .cotui-tur-filters__head { display: block; } .cotui-tur-contribute .cotui-container > div { padding: 28px 23px; } }

/* ---- La lista de escuelas ---- */
.cotui-edu-lista { display: grid; gap: 12px; }
.cotui-edu-row {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: #fff;
  border: 1px solid var(--cotui-neutral-200, #E7ECE8);
  border-left: 4px solid var(--cotui-green-700, #2E7D32);
  border-radius: 14px;
  padding: 16px 18px;
}
.cotui-edu-row:hover { box-shadow: 0 8px 20px rgba(8, 56, 28, .09); }
.cotui-edu-row__title { margin: 0 0 8px; font-size: 1.08rem; font-weight: 700; }
.cotui-edu-row__title a { color: var(--cotui-green-900, #0F5B2E); text-decoration: none; }
.cotui-edu-row__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cotui-edu-row__dir { margin: 8px 0 0; font-size: .88rem; color: var(--cotui-neutral-600, #4B5563); }
.cotui-edu-row__cta { flex: none; }

/* ---- Los chips pequeños ---- */
.cotui-tur-card__chips .chip,
.cotui-edu-row__chips .chip {
  display: inline-block; padding: 4px 10px; border-radius: 999px;
  background: var(--cotui-green-50, #F5F7F3);
  color: var(--cotui-green-800, #17703A);
  font-size: .78rem; font-weight: 600;
}
.chip--entrada { background: #FDF6E3 !important; color: #8A6D1B !important; }
.chip--nivel { background: var(--cotui-green-900, #0F5B2E) !important; color: #fff !important; }

/* ---- La página de un lugar ---- */
.cotui-tursingle__hero { width: 100%; max-height: 460px; overflow: hidden; }
.cotui-tursingle__hero img { width: 100%; height: 100%; object-fit: cover; display: block; }

.cotui-tursingle__cab { margin: 14px 0 26px; }
.cotui-tursingle__tipo {
  display: inline-block; padding: 5px 13px; border-radius: 999px;
  background: var(--cotui-green-50, #F5F7F3);
  color: var(--cotui-green-800, #17703A);
  font-size: .82rem; font-weight: 700;
}
.cotui-tursingle__title {
  margin: 12px 0 6px;
  font-size: clamp(1.7rem, 3.6vw, 2.5rem);
  font-weight: 700;
  color: var(--cotui-green-900, #0F5B2E);
}
.cotui-tursingle__donde { margin: 0; color: var(--cotui-neutral-600, #4B5563); }

.cotui-tursingle__cols {
  display: grid; grid-template-columns: 1fr 330px;
  gap: clamp(22px, 3vw, 44px); align-items: start;
}
.cotui-tursingle__texto { font-size: 1.02rem; line-height: 1.75; }
.cotui-tursingle__foto img { width: 100%; border-radius: 14px; }

.cotui-tursingle__ficha {
  background: var(--cotui-green-50, #F5F7F3);
  border: 1px solid var(--cotui-neutral-200, #E7ECE8);
  border-radius: 16px;
  padding: 20px;
  position: sticky; top: 88px;
}
.cotui-tursingle__h {
  margin: 0 0 14px; font-size: .82rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  color: var(--cotui-green-800, #17703A);
}
.cotui-ficha { margin: 0 0 18px; }
.cotui-ficha dt {
  font-size: .76rem; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: var(--cotui-neutral-500, #6B7280);
  margin-top: 12px;
}
.cotui-ficha dt:first-child { margin-top: 0; }
.cotui-ficha dd { margin: 3px 0 0; font-size: .95rem; line-height: 1.5; }
.cotui-tursingle__ir { width: 100%; justify-content: center; margin-top: 8px; }
.cotui-tursingle__nota {
  margin: 12px 0 0; font-size: .8rem; line-height: 1.5;
  color: var(--cotui-neutral-500, #6B7280);
}
.cotui-tursingle__otros { margin-top: clamp(38px, 5vw, 64px); }

@media (max-width: 900px) {
  .cotui-tursingle__cols { grid-template-columns: 1fr; }
  .cotui-tursingle__ficha { position: static; }
}
@media (max-width: 560px) {
  .cotui-edu-row { flex-direction: column; align-items: flex-start; }
  .cotui-edu-row__cta { width: 100%; }
  .cotui-edu-row__cta .cotui-btn { width: 100%; justify-content: center; }
}

/* ==========================================================================
   EVENTOS Y GALERÍA
   ========================================================================== */

/* ---- La agenda ---- */
.cotui-ev-lista { display: grid; gap: 14px; }
.cotui-ev-row {
  display: flex; align-items: center; gap: 18px;
  background: #fff;
  border: 1px solid var(--cotui-neutral-200, #E7ECE8);
  border-radius: 16px;
  padding: 16px 18px;
  transition: box-shadow .15s ease;
}
.cotui-ev-row:hover { box-shadow: 0 10px 24px rgba(8, 56, 28, .10); }

/* El día grande, como una hoja de calendario. */
.cotui-ev-row__dia {
  flex: none; width: 68px; text-align: center;
  background: var(--cotui-green-900, #0F5B2E);
  color: #fff; border-radius: 12px;
  padding: 10px 0 8px; line-height: 1;
}
.cotui-ev-row__d { display: block; font-size: 1.7rem; font-weight: 800; }
.cotui-ev-row__m {
  display: block; margin-top: 4px;
  font-size: .68rem; font-weight: 700; letter-spacing: .09em;
  color: var(--cotui-gold-400, #D4AF37);
}

.cotui-ev-row__main { flex: 1; min-width: 0; }
.cotui-ev-row__title { margin: 0 0 9px; font-size: 1.12rem; font-weight: 700; }
.cotui-ev-row__title a { color: var(--cotui-green-900, #0F5B2E); text-decoration: none; }
.cotui-ev-row__title a:hover { color: var(--cotui-green-700, #2E7D32); }
.cotui-ev-row__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cotui-ev-row__chips .chip {
  display: inline-block; padding: 4px 10px; border-radius: 999px;
  background: var(--cotui-green-50, #F5F7F3);
  color: var(--cotui-green-800, #17703A);
  font-size: .78rem; font-weight: 600;
}
.cotui-ev-row__res {
  margin: 10px 0 0; font-size: .9rem; line-height: 1.55;
  color: var(--cotui-neutral-600, #4B5563);
}

.cotui-ev-row__foto { flex: none; width: 130px; height: 92px; border-radius: 10px; overflow: hidden; }
.cotui-ev-row__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

.cotui-ev-pasado {
  display: inline-block; padding: 5px 13px; border-radius: 999px;
  background: #FDECEC; color: #9B2C2C;
  font-size: .8rem; font-weight: 700;
}

/* ---- El mosaico de fotos ---- */
.cotui-gal-mosaico {
  columns: 3 280px;
  column-gap: 16px;
}
.cotui-gal-item {
  break-inside: avoid; margin: 0 0 16px;
  background: #fff;
  border: 1px solid var(--cotui-neutral-200, #E7ECE8);
  border-radius: 14px; overflow: hidden;
}
.cotui-gal-item img { width: 100%; height: auto; display: block; }
.cotui-gal-pie { padding: 11px 14px 13px; display: grid; gap: 3px; }
.cotui-gal-pie__t { font-size: .94rem; font-weight: 600; color: var(--cotui-neutral-900, #1F2937); }
.cotui-gal-pie__a { font-size: .78rem; color: var(--cotui-neutral-500, #6B7280); font-style: italic; }

@media (max-width: 620px) {
  .cotui-ev-row { flex-wrap: wrap; }
  .cotui-ev-row__foto { width: 100%; height: 150px; order: 3; }
}

/* El crédito de la foto. Obligatorio en las de licencia CC BY-SA: sin el
   nombre de quien la tomó, no se puede usar. */
.cotui-tursingle__hero { position: relative; margin: 0; }
.cotui-credito {
  position: absolute; right: 0; bottom: 0;
  padding: 5px 12px;
  background: rgba(8, 56, 28, .72);
  color: rgba(255, 255, 255, .92);
  font-size: .72rem; letter-spacing: .01em;
  border-top-left-radius: 8px;
  backdrop-filter: blur(3px);
}
@media (max-width: 560px) { .cotui-credito { font-size: .66rem; padding: 4px 9px; } }

/* Educación 2026 */
.cotui-educacion--modern { background: #f7f8f5; }
.cotui-eduhero--modern { position: relative; overflow: hidden; padding: 32px 0 42px; background: linear-gradient(122deg,#073f24,#09643a 65%,#0c7544); }
.cotui-eduhero__layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 48px; align-items: center; }
.cotui-edu-kicker,
.cotui-edu-levels__head span,
.cotui-edu-results__head span,
.cotui-edu-contribute span { display: block; margin: 34px 0 8px; color: #f2bd32; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.cotui-eduhero--modern .cotui-eduhero__title { max-width: 760px; margin: 0; font-size: clamp(2.2rem,5vw,4.2rem); line-height: 1.04; letter-spacing: -.045em; }
.cotui-eduhero--modern .cotui-eduhero__title em { display: block; color: #f2bd32; font-style: normal; font-weight: 500; }
.cotui-eduhero--modern .cotui-eduhero__sub { max-width: 680px; margin-top: 18px; font-size: 1.05rem; }
.cotui-edu-search { display: grid; grid-template-columns: 1fr auto; max-width: 690px; margin-top: 26px; padding: 6px; border-radius: 16px; background: #fff; box-shadow: 0 16px 36px rgba(0,25,12,.22); }
.cotui-edu-search label { position: relative; }
.cotui-edu-search label svg { position: absolute; left: 15px; top: 50%; width: 20px; height: 20px; color: #176b3c; transform: translateY(-50%); }
.cotui-edu-search input { width: 100%; height: 50px; padding: 0 15px 0 45px; border: 0; border-radius: 10px; font: inherit; }
.cotui-edu-search input:focus { outline: 2px solid #d7aa1a; }
.cotui-edu-search button { min-width: 106px; border: 0; border-radius: 11px; background: #e2ae18; color: #073e24; font-weight: 800; cursor: pointer; }
.cotui-eduhero__visual { position: relative; text-align: center; }
.cotui-eduhero__visual svg { display: block; width: 100%; max-height: 250px; }
.cotui-eduhero__visual strong { display: block; color: #f2bd32; font-size: 2rem; line-height: 1; }
.cotui-eduhero__visual span { display: block; margin-top: 6px; color: rgba(255,255,255,.7); font-size: .8rem; }

.cotui-edu-levels { padding: 52px 0 34px; background: #fff; }
.cotui-edu-levels__head,
.cotui-edu-results__head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 22px; }
.cotui-edu-levels__head span,
.cotui-edu-results__head span { margin-top: 0; color: #98770e; }
.cotui-edu-levels__head h2,
.cotui-edu-results__head h2 { margin: 0; color: #153824; font-size: clamp(1.55rem,3vw,2.15rem); letter-spacing: -.025em; }
.cotui-edu-levels__head > a,
.cotui-edu-results__head > a { color: #176b3c; font-size: .84rem; font-weight: 700; text-underline-offset: 3px; }
.cotui-edu-levelgrid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 10px; }
.cotui-edu-level { display: grid; place-items: center; gap: 9px; min-height: 118px; padding: 13px 8px; border: 1px solid #e0e7e1; border-radius: 15px; background: #fff; color: #224331; text-align: center; text-decoration: none; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.cotui-edu-level:hover { transform: translateY(-2px); border-color: #91b7a0; box-shadow: 0 10px 24px rgba(8,56,28,.08); }
.cotui-edu-level.is-active { border-color: #d7a917; box-shadow: inset 0 -3px 0 #d7a917; }
.cotui-edu-level__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #ebf5ee; color: #126537; }
.cotui-edu-level.is-active .cotui-edu-level__icon { background: #0c6238; color: #fff; }
.cotui-edu-level__icon svg { width: 24px; height: 24px; }
.cotui-edu-level strong { font-size: .76rem; line-height: 1.25; }

.cotui-edu-results { padding: 44px 0 58px; }
.cotui-edu-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.cotui-edu-card { display: flex; flex-direction: column; min-height: 265px; padding: 20px; border: 1px solid #dfe6e0; border-radius: 18px; background: #fff; box-shadow: 0 4px 14px rgba(8,56,28,.045); transition: transform .15s ease, box-shadow .15s ease; }
.cotui-edu-card:hover { transform: translateY(-2px); box-shadow: 0 13px 28px rgba(8,56,28,.10); }
.cotui-edu-card__top { display: flex; align-items: center; gap: 10px; }
.cotui-edu-card__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #edf5ef; color: #126537; }
.cotui-edu-card__icon svg { width: 21px; height: 21px; }
.cotui-edu-card__type { padding: 5px 10px; border-radius: 999px; background: #f4f0df; color: #735d17; font-size: .72rem; font-weight: 700; }
.cotui-edu-card h2 { margin: 15px 0 10px; font-size: 1.12rem; line-height: 1.35; }
.cotui-edu-card h2 a { color: #153824; text-decoration: none; }
.cotui-edu-card__meta { display: flex; flex-wrap: wrap; gap: 7px; }
.cotui-edu-card__meta span { padding: 4px 9px; border-radius: 999px; background: #f0f4f1; color: #526158; font-size: .72rem; font-weight: 600; }
.cotui-edu-card__address { display: flex; gap: 7px; margin: 13px 0 16px; color: #68756d; font-size: .82rem; line-height: 1.5; }
.cotui-edu-card__address svg { flex: 0 0 16px; width: 16px; margin-top: 2px; color: #277649; }
.cotui-edu-card__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 13px; border-top: 1px solid #edf0ed; }
.cotui-edu-card__details { color: #176b3c; font-size: .82rem; font-weight: 800; text-decoration: none; }
.cotui-edu-card__call { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; background: #0e693b; color: #fff; font-size: .78rem; font-weight: 800; text-decoration: none; }
.cotui-edu-card__call svg { width: 15px; height: 15px; }
.cotui-edu-empty { padding: 50px 20px; border: 1px dashed #cbd7cd; border-radius: 18px; background: #fff; text-align: center; }
.cotui-edu-empty h2 { margin: 0 0 8px; color: #153824; }
.cotui-edu-empty p { color: #68756d; }
.cotui-edu-empty a { color: #176b3c; font-weight: 800; }
.cotui-edu-contribute { padding: 0 0 64px; }
.cotui-edu-contribute .cotui-container > div { padding: 36px 40px; border-radius: 23px; background: #0a4f2d; color: #fff; }
.cotui-edu-contribute span { margin: 0 0 8px; }
.cotui-edu-contribute h2 { margin: 0; color: #fff; font-size: clamp(1.5rem,3vw,2.1rem); }
.cotui-edu-contribute p { max-width: 680px; margin: 10px 0 22px; color: rgba(255,255,255,.72); }
.cotui-edu-contribute a { display: inline-block; padding: 12px 18px; border-radius: 11px; background: #efbd31; color: #073e24; font-weight: 800; text-decoration: none; }
@media (max-width: 980px) { .cotui-edu-levelgrid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 760px) {
  .cotui-eduhero__layout { grid-template-columns: 1fr; }
  .cotui-eduhero__visual { display: none; }
  .cotui-edu-grid { grid-template-columns: 1fr; }
  .cotui-edu-levelgrid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .cotui-eduhero--modern { padding: 22px 0 30px; }
  .cotui-edu-kicker { margin-top: 25px; }
  .cotui-edu-search { grid-template-columns: 1fr; }
  .cotui-edu-search button { min-height: 46px; }
  .cotui-edu-levels__head,.cotui-edu-results__head { display: block; }
  .cotui-edu-levels__head > a,.cotui-edu-results__head > a { display: inline-block; margin-top: 10px; }
  .cotui-edu-level { min-height: 105px; }
  .cotui-edu-contribute .cotui-container > div { padding: 28px 23px; }
}

/* Agenda vacía: se convierte en invitación comunitaria. */
.cotui-ev-empty { max-width:780px;margin:0 auto;padding:clamp(34px,6vw,58px);border:1px solid #e1e5dc;border-radius:23px;background:linear-gradient(145deg,#fff 42%,#fff7e3);box-shadow:0 13px 32px rgba(72,57,13,.07);text-align:center; }
.cotui-ev-empty__icon { display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:19px;background:#fff0c7;color:#956e08; }
.cotui-ev-empty__icon svg { width:32px;height:32px; }
.cotui-ev-empty__kicker { display:block;margin-bottom:6px;color:#977409;font-size:.71rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.cotui-ev-empty h2 { margin:0;color:#153824;font-size:clamp(1.4rem,3vw,1.95rem); }
.cotui-ev-empty p { max-width:610px;margin:10px auto 22px;color:#68766e;line-height:1.65; }
.cotui-ev-empty__actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px; }
@media(max-width:520px){.cotui-ev-empty{padding:34px 20px}.cotui-ev-empty__actions .cotui-btn{width:100%}}