/* ==========================================================================
   ET TOLIMA v29.60 · CABECERA PÚBLICA REFINADA
   Solo afecta fecha, hora, calendario, separador y ubicación.
   No modifica logo, navegación, plantillas estacionales ni CTAs.
   ========================================================================== */

.et212-header .et212-meta{
  gap:14px !important;
}

/* Calendario con más presencia, sin verse pesado. */
.et212-header .et212-meta-icon{
  width:46px !important;
  height:46px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(241,20,122,.12) !important;
  border-radius:14px !important;
  color:#f0147a !important;
  background:linear-gradient(145deg,#fff6fa 0%,#fff0f7 100%) !important;
  box-shadow:0 7px 18px rgba(240,20,122,.075) !important;
}

.et212-header .et212-meta-icon svg{
  width:22px !important;
  height:22px !important;
  stroke-width:2 !important;
}

/* Fecha y hora: mayor contraste y jerarquía. */
.et212-header .et212-date{
  color:#324968 !important;
  font-size:.82rem !important;
  font-weight:850 !important;
  line-height:1.15 !important;
  letter-spacing:.005em !important;
}

.et212-header .et212-time{
  margin-top:5px !important;
  color:#0b3f7d !important;
  font-size:.76rem !important;
  font-weight:850 !important;
  line-height:1.1 !important;
  letter-spacing:.015em !important;
  font-variant-numeric:tabular-nums !important;
}

.et212-header .et212-meta-sep{
  width:1px !important;
  height:52px !important;
  background:linear-gradient(
    180deg,
    transparent 0%,
    #cad7e8 18%,
    #b9c9dd 50%,
    #cad7e8 82%,
    transparent 100%
  ) !important;
}

/* Ubicación: icono vivo + texto más nítido. */
.et212-header .et212-place{
  gap:10px !important;
  color:#f0147a !important;
}

.et212-header .et212-place > svg{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  padding:2px !important;
  stroke-width:2.1 !important;
  filter:drop-shadow(0 3px 6px rgba(240,20,122,.08)) !important;
}

.et212-header .et212-place span{
  gap:4px !important;
}

.et212-header .et212-place b{
  color:#203d68 !important;
  font-size:.80rem !important;
  font-weight:850 !important;
  line-height:1.15 !important;
}

.et212-header .et212-place small{
  color:#657a98 !important;
  font-size:.64rem !important;
  font-weight:650 !important;
  line-height:1.2 !important;
  letter-spacing:.10em !important;
}

/* Sutil profundidad visual del bloque sin convertirlo en tarjeta. */
.et212-header .et212-meta{
  position:relative !important;
}

.et212-header .et212-meta::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-15px !important;
  height:1px !important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(28,79,145,.08) 22%,
    rgba(240,20,122,.12) 50%,
    rgba(28,79,145,.08) 78%,
    transparent 100%
  ) !important;
  pointer-events:none !important;
}

/* Laptop: mantiene viveza pero conserva espacio para el logo. */
@media(max-width:1280px){
  .et212-header .et212-meta{
    gap:11px !important;
  }

  .et212-header .et212-meta-icon{
    width:42px !important;
    height:42px !important;
  }

  .et212-header .et212-date{
    font-size:.76rem !important;
  }

  .et212-header .et212-time{
    font-size:.71rem !important;
  }

  .et212-header .et212-place b{
    font-size:.74rem !important;
  }

  .et212-header .et212-place small{
    font-size:.58rem !important;
  }
}

/* Tablet/móvil: no fuerza anchos nuevos; respeta el responsive existente. */
@media(max-width:900px){
  .et212-header .et212-meta::after{
    display:none !important;
  }

  .et212-header .et212-meta-icon{
    box-shadow:none !important;
  }
}