.mth-margin-ac{
	margin-top:-6em;
}

.mth-center{
	 text-align: -webkit-center !important;
}


.news-card__cta:hover{

background-color:#743B98 !important;
color:#fff;
}

a{
	color: white;
}
a:hover{
	color: white;
}
.news-card {
      --nc-teal:      #056B83;
      --nc-teal-dark: #145858;
      --nc-pink:      #c0165e;
      --nc-radius:    1rem;
      max-width: 360px;
      width: 360px;
      height: 500px;
      border-radius: var(--nc-radius) !important;
      transition: transform .25s ease, box-shadow .25s ease;
      position: relative;
      overflow: hidden;
    }
    .news-card:hover { transform: translateY(-5px); box-shadow: 0 14px 36px rgba(0,0,0,.18) !important; }

    /* Imagen cubre TODA la card */
    .news-card__img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .4s ease;
    }
    .news-card:hover .news-card__img { transform: scale(1.05); }

    /* Gradiente: transparente arriba, oscuro abajo */
    .news-card__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,.75) 100%);
      pointer-events: none;
      z-index: 1;
    }

    /* Badge ubicación */
    .news-card__location {
      position: absolute;
      top: 14px; right: 14px;
      z-index: 3;
      background: rgba(255,255,255,.92) !important;
      color: #1a1a2e !important;
      font-size: .72rem; font-weight: 600;
      backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
      border-radius: 20px !important; padding: .35em .75em !important;
      display: flex; align-items: center; gap: 4px;
    }
    .news-card__location svg { color: var(--nc-pink); flex-shrink: 0; }

    /* Contenido inferior: título + tag + fecha + cta */
    .news-card__body {
      position: absolute;
      bottom: 0; left: 0; right: 0;
      z-index: 2;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .news-card__title {
      font-size: 1rem; line-height: 1.35;
      color: #fff;
      font-weight: 700;
      margin: 0;
      display: -webkit-box; -webkit-line-clamp: 3;overflow:hidden;
      text-shadow: 0 1px 4px rgba(0,0,0,.5);
    }

    .news-card__tag {
      background-color: var(--nc-pink) !important; color: #fff !important;
      font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
      border-radius: 4px !important; padding:10px;
      align-self: flex-start;
    }

    .news-card__date { font-size: .82rem; color: rgba(255,255,255,.85); }

    .news-card__cta {
      background-color: var(--nc-teal) !important; color: #fff !important;
      border: none !important; border-radius: .65rem !important;
      font-size: .92rem; padding: .7rem 1.25rem !important;
      transition: background-color .2s ease, transform .15s ease;
      display: flex; align-items: center; justify-content: center; gap: 8px;
      font-weight: 700; text-decoration: none;
    }
    .news-card__cta:hover, .news-card__cta:focus-visible {
       transform: translateY(-1px); color: #fff !important;
    }
    .news-card__cta-arrow { transition: transform .2s ease; }
    .news-card__cta:hover .news-card__cta-arrow { transform: translateX(4px); }

    @media (prefers-reduced-motion: reduce) {
      .news-card, .news-card__img, .news-card__cta, .news-card__cta-arrow { transition: none !important; }
      .news-card:hover, .news-card:hover .news-card__img { transform: none !important; }
    }
    
    
    
 /* ──────────────────────────────────────────
   Sección de filtros - Vista Actualidad
   ────────────────────────────────────────── */

/* ── Contenedor en fila ── */
#views-exposed-form-vista-actualidad-block-1 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 24px 32px 32px !important;
}

#views-exposed-form-vista-actualidad-block-1 label {
  display: none !important;
}


/* ── Cada campo wrapper ── */
#views-exposed-form-vista-actualidad-block-1 .js-form-item {
  flex: 1 !important;
  min-width: 180px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  border: none !important;
}

/* ── Input texto búsqueda ── */
#views-exposed-form-vista-actualidad-block-1 input.form-text:not(.form-autocomplete) {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: #f3f3f3a3 !important;
  font-size: 14px !important;
  color: #333 !important;
  padding: 13px 40px 13px 18px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0 !important;
}

#views-exposed-form-vista-actualidad-block-1 input.form-text:placeholder {
  color: red !important;
  opacity: 1 !important; /* Ensures color is fully opaque in Firefox */
}

/* ── Select programa ── */
#views-exposed-form-vista-actualidad-block-1 select.form-select {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: #f3f3f3a3 !important;
  font-size: 14px !important;
  color: #555 !important;
  padding: 13px 40px 13px 18px !important;
  border-radius: 10px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* ── Autocomplete región ── */
#views-exposed-form-vista-actualidad-block-1 input.form-autocomplete {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: #f3f3f3a3 !important;
  font-size: 14px !important;
  color: #333 !important;
  padding: 13px 18px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* ── Input fecha ── */
#views-exposed-form-vista-actualidad-block-1 input.form-date {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: #f3f3f3a3 !important;
  font-size: 14px !important;
  color: #555 !important;
  padding: 13px 12px 13px 18px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* ── Ícono lupa ── */
#views-exposed-form-vista-actualidad-block-1 .form-item-keys {
  background-image: url("https://ftp.mathilde-ads.com/132-87e1ade0188705e73c95df98b408cfc7.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 29px !important;
}

/* ── Chevron select programa ── */
#views-exposed-form-vista-actualidad-block-1 .form-item-field-categoria-programa-target-id {
  background-image: url("https://ftp.mathilde-ads.com/132-c6cc1443dc9652f2a0e5ecaf06928ee5.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
}




/* ── Ocultar submit ── */
#views-exposed-form-vista-actualidad-block-1 .form-actions {
  display: none !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  #views-exposed-form-vista-actualidad-block-1 {
    flex-direction: column !important;
    padding: 16px !important;
  }
  #views-exposed-form-vista-actualidad-block-1 .js-form-item {
    min-width: 100% !important;
    width: 100% !important;
  }
}