/* =========================================================
   NEWS PAGE - Lau-Tam Abogados
   File: css/news.css
   Loads after css/about.css.
   ========================================================= */

#news.about-panel {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

#news .news-panel-grid,
#news .news-panel-pagination {
  background: transparent !important;
}

.news-panel-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(60px, 9vw, 140px);
  row-gap: 76px;
  padding: 0;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.news-panel-card {
  position: relative;
  display: block;
  min-height: 210px;
  padding-bottom: 8px;
  border-bottom: 0 !important;
  color: inherit;
  text-decoration: none;
  transition: none;
}

.news-panel-card:hover {
  border-color: transparent !important;
}

.news-panel-date {
  display: block;
  margin-bottom: 26px;
  color: rgba(6, 17, 31, 0.58);
  font-family: "Georama", Arial, sans-serif;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.news-panel-title {
  margin: 0;
  max-width: 560px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2rem, 3vw, 3.15rem);
  line-height: 0.99;
  letter-spacing: -0.052em;
  color: #111111;
  font-weight: 700;
  transition: color 180ms ease;
}

.news-panel-card:hover .news-panel-title {
  color: #7b5a22;
}

.news-panel-excerpt {
  margin: 22px 0 0;
  max-width: 520px;
  font-family: "Georama", Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.6;
  color: rgba(6, 17, 31, 0.58);
}

.news-panel-empty {
  grid-column: 1 / -1;
  padding: 54px 0;
  font-family: "Georama", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(6, 17, 31, 0.62);
}

.news-panel-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 76px;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.news-panel-pagination.is-visible {
  display: flex;
}

.news-show-more-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: #06111f;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  padding: 0;
  font-family: "Georama", Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}

.news-show-more-text {
  display: block;
}

.news-show-more-arrow {
  display: block;
  width: 20px;
  height: 20px;
  border-right: 1.5px solid #b58a3c;
  border-bottom: 1.5px solid #b58a3c;
  transform: rotate(45deg);
  transition: transform 180ms ease, border-color 180ms ease;
}

.news-show-more-btn:hover .news-show-more-arrow {
  transform: rotate(45deg) translate(4px, 4px);
  border-color: #06111f;
}

.news-panel-page-btn,
.news-panel-page-arrow,
.news-panel-page-ellipsis,
.news-panel-category,
.news-panel-arrow,
#news .recognition-section-separator {
  display: none !important;
}

@media (max-width: 900px) {
  .news-panel-grid {
    grid-template-columns: 1fr;
    row-gap: 54px;
  }

  .news-panel-card {
    min-height: auto;
  }

  .news-panel-title {
    max-width: 720px;
  }
}

@media (max-width: 620px) {
  .news-panel-grid {
    row-gap: 44px;
  }

  .news-panel-card {
    padding-bottom: 32px;
  }

  .news-panel-date {
    margin-bottom: 22px;
    font-size: 1rem;
  }

  .news-panel-title {
    font-size: clamp(1.95rem, 10vw, 2.65rem);
  }

  .news-panel-excerpt {
    font-size: 0.94rem;
  }

  .news-panel-pagination {
    margin-top: 72px;
  }
}


/* FINAL CLEANUP: no recognition separator line on News page. */
.news-page .recognition-section-separator,
#news .recognition-section-separator {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.news-page .about-gateway-inner::before,
.news-page .about-gateway-inner::after,
.news-page #news::before,
.news-page #news::after {
  display: none !important;
  content: none !important;
}


/* FINAL NEWS CLEANUP: no intro headline inside the white content area. */
.news-page #news .about-gateway-head,
.news-page .news-panel-intro,
.news-page #news .recognition-section-separator{
  display:none!important;
}

.news-page #news .news-panel-grid{
  margin-top:0!important;
}


/* FINAL NEWS CLEANUP: remove every residual line / arrow from news cards and pagination. */
.news-page .news-panel-card,
.news-page .news-panel-card:hover,
.news-page .news-panel-pagination,
.news-page .news-panel-pagination::before,
.news-page .news-panel-pagination::after,
.news-page .news-panel-grid::before,
.news-page .news-panel-grid::after {
  border: 0 !important;
  box-shadow: none !important;
}

.news-page .news-panel-card::before,
.news-page .news-panel-card::after,
.news-page .news-panel-arrow,
.news-page .news-show-more-arrow {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

/* NEWS HERO - split title + About scroll */
.news-page .news-title-split {
  max-width: 1040px;
}

.news-page .news-title-split .about-title-small {
  font-size: clamp(2.15rem, 3.95vw, 4.35rem);
  line-height: .94;
  letter-spacing: -.052em;
  color: rgba(255,255,255,.90);
}

.news-page .news-title-split .about-title-strong {
  font-size: clamp(3.05rem, 5.75vw, 6.35rem);
  line-height: .89;
  letter-spacing: -.058em;
  color: #fff;
}

.news-page .about-hero-subtitle {
  max-width: 720px;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.72;
}

@media (max-width: 1180px) {
  .news-page .news-title-split .about-title-small {
    font-size: clamp(2.1rem, 6.6vw, 3.85rem);
  }

  .news-page .news-title-split .about-title-strong {
    font-size: clamp(2.9rem, 8.9vw, 5rem);
  }
}

@media (max-width: 640px) {
  .news-page .news-title-split {
    gap: .08em;
  }

  .news-page .news-title-split .about-title-small {
    font-size: clamp(2rem, 9vw, 3.05rem);
    line-height: .96;
  }

  .news-page .news-title-split .about-title-strong {
    font-size: clamp(2.75rem, 12.4vw, 4.45rem);
    line-height: .93;
  }

  .news-page .about-hero-subtitle {
    max-width: 100%;
    margin-top: 22px;
    font-size: 1rem;
    line-height: 1.65;
  }
}

/* NEWS HERO VIDEO - dedicated video treatment */
.news-page .about-hero-side-video video {
  filter: saturate(0.65) contrast(1.12) brightness(0.52);
}