/* SMASHLINE 4.6.0 — one editorial card system for Portada, Noticias and all sections.
   IMPORTANT: this file is enqueued LAST. Do not append new cover/card rules to the legacy stylesheet. */

/* Identical content width and rhythm for every in-page section. */
body .home-section > .container {
  box-sizing:border-box;
  width:100% !important;
  max-width:1300px !important;
  padding-left:clamp(14px,2.4vw,26px) !important;
  padding-right:clamp(14px,2.4vw,26px) !important;
  margin-inline:auto !important;
  min-width:0;
}
body .home-section .sm-cover-section {
  width:100%;min-width:0;max-width:100%;
  margin-top:clamp(22px,3vw,38px) !important;
}
body .home-section .sm-cover-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1.56fr) minmax(0,1fr) !important;
  gap:clamp(12px,1.5vw,20px) !important;
  align-items:stretch !important;
  min-width:0 !important;
}
/* The large story has a stable baseline and can grow for exceptionally long titles. */
body .home-section .sm-cover-grid > .sm-cover-lead {
  box-sizing:border-box;
  position:relative !important;
  display:flex !important;flex-direction:column !important;justify-content:flex-end !important;
  width:100% !important;min-width:0 !important;
  min-height:clamp(430px,35vw,525px) !important;
  height:auto !important;max-height:none !important;
  padding:clamp(160px,19vw,215px) 0 0 !important;
  overflow:hidden !important;
  isolation:isolate;
  border-radius:16px !important;
}
body .home-section .sm-cover-grid > .sm-cover-lead > .lead__img,
body .home-section .sm-cover-grid > .sm-cover-lead > .sm-topic-cover,
body .home-section .sm-cover-grid > .sm-cover-lead > .court {
  position:absolute !important;inset:0 !important;
  display:block !important;width:100% !important;height:100% !important;
  min-height:0 !important;max-height:none !important;
  aspect-ratio:auto !important;object-fit:cover !important;
  border-radius:0 !important;
  transform:none !important;
}
body .home-section .sm-cover-grid > .sm-cover-lead > .lead__scrim {
  position:absolute !important;inset:0 !important;display:block !important;
  background:linear-gradient(180deg,rgba(8,11,22,.08) 6%,rgba(7,10,20,.12) 25%,rgba(7,10,20,.9) 90%) !important;
  z-index:1 !important;
}
body .home-section .sm-cover-grid > .sm-cover-lead > .lead__body {
  position:relative !important;inset:auto !important;
  margin-top:auto !important;width:100% !important;
  min-width:0 !important;max-width:100% !important;
  padding:clamp(20px,2.2vw,34px) !important;
  z-index:2 !important;
}
body .home-section .sm-cover-grid .lead__title {
  font-size:clamp(1.65rem,2.65vw,2.55rem) !important;
  line-height:1.13 !important;letter-spacing:-.018em !important;
  margin:10px 0 !important;max-height:none !important;
  overflow:visible !important;overflow-wrap:break-word !important;
  text-wrap:pretty;word-break:normal !important;
}
body .home-section .sm-cover-grid .lead__sub {line-height:1.48 !important;max-height:none !important;}

/* IMPORTANT: secondary cards MUST stretch across their assigned row.
   Their visual is ABSOLUTE WITHIN the image column, never intrinsically 160px high. */
body .home-section .sm-cover-grid > .sm-cover-secondary {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(12px,1.4vw,18px) !important;
  height:100% !important;min-height:0 !important;min-width:0 !important;
  align-self:stretch !important;
}
body .home-section .sm-cover-secondary > .sm-cover-secondary-card {
  display:grid !important;
  grid-template-columns:minmax(125px,41%) minmax(0,1fr) !important;
  grid-template-rows:minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:0 !important;
  width:100% !important;height:100% !important;
  min-width:0 !important;min-height:0 !important;
  padding:0 !important;overflow:hidden !important;
  border-radius:16px !important;
}
body .home-section .sm-cover-secondary-card > .sm-cover-secondary-image {
  position:relative !important;inset:auto !important;
  display:block !important;align-self:stretch !important;
  height:100% !important;width:100% !important;
  max-height:none !important;min-height:0 !important;
  aspect-ratio:auto !important;min-width:0 !important;
  margin:0 !important;border-radius:0 !important;
  overflow:hidden !important;
}
body .home-section .sm-cover-secondary-card .sm-cover-secondary-image > img,
body .home-section .sm-cover-secondary-card .sm-cover-secondary-image > .sm-topic-cover,
body .home-section .sm-cover-secondary-card .sm-cover-secondary-image > .court {
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;
  max-height:none !important;min-height:0 !important;
  aspect-ratio:auto !important;
  display:block !important;object-fit:cover !important;
  border-radius:0 !important;
}
body .home-section .sm-cover-secondary-card > .sm-cover-secondary-body {
  display:flex !important;flex-direction:column !important;justify-content:center !important;
  align-self:stretch !important;gap:6px;
  min-width:0 !important;width:100% !important;
  padding:clamp(13px,1.4vw,20px) !important;
}
body .home-section .sm-cover-secondary-body h3 {
  font-size:clamp(.91rem,1.13vw,1.14rem) !important;
  line-height:1.32 !important;margin:0 !important;
  letter-spacing:-.016em;overflow-wrap:break-word !important;
  max-height:none !important;-webkit-line-clamp:unset !important;
}
body .home-section .sm-cover-secondary-body small {font-size:.72rem !important;}

/* Media is ALWAYS framed and fills its frame; no nested mini-covers. */
body .home-section .sm-recent-card-image,
body .home-section .sm-news-stack__image,
body .home-section .article-card__img,
body .home-section .sm-cover-secondary-image {
  position:relative !important;overflow:hidden !important;
  background:#141a2c !important;
}
body .home-section .sm-recent-card-image > img,
body .home-section .sm-recent-card-image > .sm-topic-cover,
body .home-section .sm-recent-card-image > .court,
body .home-section .sm-news-stack__image > img,
body .home-section .sm-news-stack__image > .sm-topic-cover,
body .home-section .sm-news-stack__image > .court,
body .home-section .article-card__img > img,
body .home-section .article-card__img > .sm-topic-cover,
body .home-section .article-card__img > .court {
  position:absolute !important;inset:0 !important;
  display:block !important;width:100% !important;height:100% !important;
  min-height:0 !important;max-height:100% !important;
  aspect-ratio:auto !important;object-fit:cover !important;
  border-radius:0 !important;
}
body .home-section .sm-recent-card-image {aspect-ratio:16/10 !important;height:auto !important;}
body .home-section .sm-news-stack__image {aspect-ratio:16/10 !important;height:auto !important;}
body .home-section .article-card__img {aspect-ratio:16/10 !important;height:auto !important;}
body .home-section .sm-recent-card .sm-recent-card__content {
  display:flex !important;flex-direction:column !important;
  flex:1 1 auto !important;min-width:0 !important;
}
/* Fallback art is JUST the illustration. Category and headline live in the card body. */
body .sm-topic-cover .sm-topic-cover__copy,
body .sm-topic-cover .sm-topic-cover__mini-tag {display:none !important;}
body .sm-topic-cover .sm-topic-cover__icon {right:50% !important;bottom:50% !important;transform:translate(50%,50%) rotate(-12deg) !important;opacity:.5;}
body .sm-topic-cover .sm-topic-cover__icon svg {width:clamp(66px,12vw,140px) !important;max-width:100%;}
body .sm-topic-cover::before {inset:7% !important;border-radius:12px !important;}
body .sm-topic-cover::after {left:52% !important;top:7% !important;bottom:7% !important;}

/* Section parity: identical spacing, photo ratios and card heights across all editorial views. */
body .home-section .sm-news-hub,
body .home-section .sm-section-editorial {width:100% !important;max-width:1300px !important;}
body .home-section .sm-home-block {min-width:0 !important;}

@media (max-width:1050px) {
  body .home-section .sm-cover-grid{grid-template-columns:minmax(0,1fr) !important;gap:14px !important;}
  body .home-section .sm-cover-grid > .sm-cover-lead {
    display:flex !important;min-height:0 !important;height:auto !important;
    padding:0 !important;aspect-ratio:auto !important;max-height:none !important;
  }
  body .home-section .sm-cover-grid > .sm-cover-lead > .lead__img,
  body .home-section .sm-cover-grid > .sm-cover-lead > .sm-topic-cover,
  body .home-section .sm-cover-grid > .sm-cover-lead > .court {
    position:relative !important;inset:auto !important;
    display:block !important;width:100% !important;height:auto !important;
    min-height:0 !important;max-height:none !important;flex:0 0 auto !important;
    aspect-ratio:16/9 !important;object-fit:cover !important;
  }
  body .home-section .sm-cover-grid > .sm-cover-lead > .lead__scrim{display:none !important;}
  body .home-section .sm-cover-grid > .sm-cover-lead > .lead__body{
    position:relative !important;inset:auto !important;
    display:flex !important;flex-direction:column !important;align-items:flex-start !important;
    margin:0 !important;padding:clamp(16px,3vw,24px) !important;
    background:linear-gradient(140deg,var(--sm-section-tint,rgba(204,255,0,.04)),#141a2b 60%) !important;
  }
  body .home-section .sm-cover-grid > .sm-cover-secondary {
    grid-template-rows:auto !important;height:auto !important;
    gap:12px !important;
  }
  body .home-section .sm-cover-secondary > .sm-cover-secondary-card {
    grid-template-columns:minmax(120px,29%) minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    height:auto !important;min-height:128px !important;
  }
  body .home-section .sm-cover-secondary-card > .sm-cover-secondary-image {
    height:auto !important;min-height:100% !important;
  }
  body .home-section .sm-cover-secondary-card > .sm-cover-secondary-body {padding:15px !important;}
}
@media (max-width:680px) {
  body .home-section .sm-cover-secondary > .sm-cover-secondary-card {
    grid-template-columns:minmax(96px,34%) minmax(0,1fr) !important;
    min-height:112px !important;
  }
  body .home-section .sm-cover-secondary-card > .sm-cover-secondary-body {padding:12px !important;}
  body .home-section .sm-cover-secondary-body h3 {font-size:clamp(.89rem,3.65vw,1.03rem) !important;line-height:1.31 !important;}
  body .home-section .sm-cover-grid .lead__title {font-size:clamp(1.5rem,6.1vw,1.95rem) !important;line-height:1.16 !important;}
  body .home-section .sm-recent-four,
  body .home-section .sm-actualidad-grid {grid-template-columns:minmax(0,1fr) !important;}
  body .home-section .sm-recent-four .sm-recent-card,
  body .home-section .sm-actualidad-grid .sm-recent-card {
    display:grid !important;
    grid-template-columns:minmax(100px,35%) minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    align-items:stretch !important;
    gap:0 !important;min-height:112px !important;
    padding:0 !important;
  }
  body .home-section .sm-recent-four .sm-recent-card-image,
  body .home-section .sm-actualidad-grid .sm-recent-card-image {
    display:block !important;position:relative !important;
    height:auto !important;min-height:100% !important;max-height:none !important;
    aspect-ratio:auto !important;margin:0 !important;border-radius:0 !important;
  }
  body .home-section .sm-recent-four .sm-recent-card__content,
  body .home-section .sm-actualidad-grid .sm-recent-card__content {padding:13px 14px !important;justify-content:center !important;}
  body .home-section .sm-news-stack__image {aspect-ratio:4/3 !important;}
  body .sm-topic-cover .sm-topic-cover__icon svg {width:65px !important;}
}
@media (max-width:360px){
  body .home-section .sm-cover-secondary > .sm-cover-secondary-card {grid-template-columns:102px minmax(0,1fr) !important;}
  body .home-section .sm-recent-four .sm-recent-card,
  body .home-section .sm-actualidad-grid .sm-recent-card {grid-template-columns:104px minmax(0,1fr) !important;}
}
