/* Atlas interiors: generous image-led openings, calm and complete reading. */
.premium-reading {
  --article-reading: min(760px, calc(100vw - 40px));
  --article-breakout: min(1040px, calc(100vw - 40px));
}
.premium-reading :where(p, li, dd, a) {
  overflow-wrap: anywhere;
}
.premium-reading .premium-label {
  display: block;
  margin: 0;
  color: #85503b;
  font: 500 11px/1.5 var(--mono);
  letter-spacing: 0.085em;
  text-transform: uppercase;
}
.premium-reading.article-page .article-mast {
  padding: 30px 0 0;
}
.premium-reading.article-page .breadcrumb {
  margin: 0 0 28px;
}
.premium-reading.article-page .article-head {
  max-width: none;
}
.premium-reading.article-page .article-head .wp-block-post-title {
  max-width: 1160px;
  margin: 16px 0 30px;
  font-size: clamp(35px, 3.8vw, 55px);
  line-height: 1.03;
  letter-spacing: -0.04em;
}
.premium-article-opening {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(30px, 5vw, 72px);
  align-items: center;
}
.premium-reading.article-page .article-cover {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  overflow: visible;
  background: transparent;
}
.premium-reading .article-cover picture {
  display: block;
}
.premium-reading.article-page .article-cover img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}
.premium-reading.article-page .article-cover figcaption {
  position: static;
  margin: 10px 0 0;
  padding: 0;
  color: var(--muted);
  background: none;
  max-width: none;
  font: 11px/1.5 var(--sans);
}
.premium-reading figcaption a {
  text-underline-offset: 3px;
}
.premium-reading.article-page .article-deck {
  margin: 22px 0;
  font: 400 clamp(21px, 2vw, 29px) / 1.48 var(--serif);
}
.premium-reading-link {
  display: inline-flex;
  justify-content: space-between;
  gap: 44px;
  padding: 14px 0;
  border-bottom: 1px solid var(--copper);
  color: var(--ink);
  font: 600 13px/1.4 var(--sans);
  text-decoration: none;
}
.premium-reading-link span {
  font-size: 20px;
}
.premium-reading-link:hover {
  color: #8c3d20;
}
.premium-reading.article-page .article-meta-strip {
  max-width: none;
  margin-top: 30px;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.premium-reading.article-page .article-meta-strip .meta-row {
  padding-block: 17px;
  font-size: 13px;
}
.premium-reading.article-page .article-meta-strip dt {
  font-size: 10px;
}
.premium-reading.article-page .article-meta-strip dd {
  overflow-wrap: anywhere;
}
.premium-reading.article-page .article-intro {
  padding-top: 36px;
}
.premium-reading.article-page .article-grid {
  width: var(--article-reading);
  padding: 34px 0 72px;
}
.premium-reading.article-page .article-body {
  font-size: 20px;
  line-height: 1.77;
}
.premium-reading.article-page .article-body h2 {
  margin-top: 3.1rem;
  font-size: clamp(27px, 3.15vw, 39px);
  line-height: 1.15;
  letter-spacing: -0.028em;
}
.premium-reading.article-page .article-body h3 {
  font-size: 26px;
  line-height: 1.22;
}
.premium-reading .premium-technical-plate {
  margin: 0 0 46px;
  padding: 18px;
  border: 1px solid var(--rule);
  background: var(--paper);
}
.premium-plate-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
  font: 10px var(--mono);
}
.premium-reading .premium-technical-plate img {
  display: block;
  width: 100%;
  height: auto;
}
.premium-reading .premium-technical-plate figcaption {
  margin: 12px 0 0;
  color: var(--muted);
  font: 12px/1.5 var(--sans);
}
.premium-reading
  .article-body
  .wp-block-post-content
  > :where(
    .editorial-spec-table,
    .editorial-comparison,
    .editorial-safety-warning,
    .editorial-regulatory-citation,
    .editorial-steps,
    .editorial-checklist,
    .editorial-decision-tree,
    .editorial-pros-cons,
    .editorial-key-figures,
    .editorial-glossary,
    .wp-block-image.alignwide,
    .wp-block-table
  ) {
  width: var(--article-breakout);
  max-width: none;
  margin-inline: calc((100% - var(--article-breakout)) / 2);
}
.premium-reading .article-body .wp-block-image img {
  height: auto;
  max-height: none;
  object-fit: contain;
}
.premium-reading .article-body .wp-block-image figcaption {
  padding-inline: 0;
  font: 13px/1.6 var(--sans);
}
.premium-reading .editorial-table-scroll {
  background: var(--paper);
}
.premium-reading .editorial-table-scroll :where(th, td) {
  padding: 18px;
  font-size: 15px;
}
.premium-reading .editorial-table-scroll thead th {
  color: var(--paper);
  background: var(--ink);
  font-size: 11px;
}
.premium-reading .editorial-table-scroll tbody tr:nth-child(even) {
  background: #f0eee6;
}
.premium-reading .article-sources,
.premium-reading .editorial-sources {
  width: var(--article-reading);
  margin-bottom: 70px;
}
.premium-reading .article-sources li,
.premium-reading .editorial-sources li {
  padding-block: 16px;
  font-size: 15px;
}
.premium-reading .premium-related {
  padding: 64px max(20px, calc((100vw - 1280px) / 2));
  background: #e5e6df;
  color: var(--ink);
}
.premium-related-heading {
  margin-bottom: 34px;
}
.premium-reading .premium-related h2 {
  margin: 12px 0 0;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.08;
}
.premium-reading .premium-related ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 38px 32px;
  padding: 0;
  background: none;
}
.premium-reading .premium-related li {
  background: none;
}
.premium-reading .premium-related li a {
  display: block;
  padding: 0;
  min-height: 0;
  color: var(--ink);
  background: none;
}
.premium-related figure {
  margin: 0 0 17px;
}
.premium-related picture,
.premium-related img {
  display: block;
  width: 100%;
  height: auto;
}
.premium-reading .premium-related h3 {
  margin: 10px 0 15px;
  font: 400 clamp(21px, 2.1vw, 27px) / 1.18 var(--serif);
  letter-spacing: -0.025em;
  text-wrap: pretty;
}
.premium-related-arrow {
  font: 600 12px/1.4 var(--sans);
}
.premium-reading .premium-related a:hover h3 {
  color: #8b3d20;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.premium-reading .premium-related-credit {
  margin: 28px 0 0;
  color: var(--muted);
  font-size: 11px;
}
.premium-reading .premium-related-credit a {
  display: inline;
  padding: 0;
  min-height: 0;
  color: inherit;
  font: inherit;
  background: none;
}

/* Institutional pages: a visual opening and a structured document beneath it. */
.premium-institutional {
  width: var(--page);
  margin: 0 auto;
  padding: 30px 0 100px;
}
.premium-page-header {
  margin-bottom: 64px;
}
.premium-page-header .editorial-breadcrumbs {
  margin: 0 0 32px;
}
.premium-page-header--illustrated {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 0 70px;
  align-items: center;
}
.premium-page-header--illustrated .editorial-breadcrumbs {
  grid-column: 1 / -1;
}
.premium-page-title {
  min-width: 0;
}
.premium-page-header h1 {
  margin: 20px 0;
  max-width: 840px;
  font: 400 clamp(42px, 5.2vw, 74px) / 1.02 var(--serif);
  letter-spacing: -0.048em;
  text-wrap: balance;
}
.premium-page-deck {
  margin: 0;
  max-width: 710px;
  color: var(--muted);
  font: 18px/1.65 var(--sans);
}
.premium-page-image {
  margin: 0;
}
.premium-page-image picture,
.premium-page-image img {
  display: block;
  width: 100%;
  height: auto;
}
.premium-page-image figcaption {
  margin: 12px 0 0;
  color: var(--muted);
  font: 11px/1.5 var(--sans);
}
.premium-page-content {
  width: min(760px, 100%);
  margin: 0 auto;
  font: 20px/1.77 var(--serif);
}
.premium-page-content > :first-child {
  margin-top: 0;
}
.premium-page-content h2 {
  margin: 48px 0 20px;
  padding-top: 25px;
  border-top: 1px solid var(--rule);
  font: 400 clamp(27px, 3vw, 34px) / 1.2 var(--serif);
  letter-spacing: -0.025em;
  text-wrap: pretty;
}
.premium-page-content p {
  margin: 0 0 24px;
}
.premium-page-content ul {
  padding-left: 24px;
}
.premium-page-content li {
  margin: 0 0 15px;
  padding-left: 7px;
}
.premium-page-content li::marker {
  color: #934b2a;
}
.premium-page-content a {
  text-underline-offset: 4px;
}
.premium-page--metodologia .premium-page-content > p:first-child,
.premium-page--equipo-editorial .premium-page-content > p:first-child {
  font-size: 24px;
  line-height: 1.6;
}
.premium-page--equipo-editorial .premium-page-content ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 30px;
  padding: 0;
  list-style: none;
}
.premium-page--equipo-editorial .premium-page-content li {
  margin: 0;
  padding: 20px 0 0;
  border-top: 1px solid var(--copper);
  font: 17px/1.65 var(--sans);
}
.premium-page--equipo-editorial .premium-page-content li strong {
  display: block;
  margin-bottom: 9px;
  color: #85503b;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.premium-page--metodologia .premium-page-content ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  padding: 0;
  list-style: none;
}
.premium-page--metodologia .premium-page-content li {
  margin: 0;
  padding: 18px 0 0;
  border-top: 2px solid var(--copper);
  font: 17px/1.65 var(--sans);
}
.premium-page--metodologia .premium-page-content li strong {
  display: block;
  margin-bottom: 9px;
  color: var(--ink);
}
.premium-page--contacto .premium-page-header,
.premium-page--newsletter .premium-page-header {
  margin-bottom: 48px;
}
.premium-page--contacto .premium-page-content {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 0 80px;
  width: 100%;
  align-items: start;
}
.premium-page--contacto .premium-page-content > p {
  grid-column: 1;
  font-size: 20px;
}
.premium-page--contacto .editorial-contact {
  grid-column: 2;
  grid-row: 1 / span 4;
}
.premium-reading .editorial-contact {
  padding: 0;
  margin: 0;
}
.premium-reading form[data-editorial-form] {
  min-width: 0;
}
.premium-reading form[data-editorial-form] label:not(.editorial-consent) {
  display: block;
  color: var(--ink);
  font: 600 13px/1.5 var(--sans);
}
.premium-reading
  form[data-editorial-form]
  :where(input:not([type="checkbox"]):not(.editorial-honeypot), textarea) {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 8px;
  padding: 14px 16px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid #99a3a5;
  border-radius: 0;
  font: 17px/1.5 var(--sans);
}
.premium-reading form[data-editorial-form] textarea {
  min-height: 190px;
  resize: vertical;
}
.premium-reading form[data-editorial-form] > label {
  margin-bottom: 22px;
}
.premium-reading form[data-editorial-form] button {
  min-height: 52px;
  padding: 15px 23px;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--paper);
  font: 600 14px/1.4 var(--sans);
  cursor: pointer;
}
.premium-reading form[data-editorial-form] button:hover {
  background: var(--steel);
}
.premium-reading form[data-editorial-form] button:disabled {
  opacity: 0.65;
  cursor: wait;
}
.premium-reading
  form[data-editorial-form]
  :where(input, textarea, button):focus-visible {
  outline: 3px solid #a14f2d;
  outline-offset: 4px;
}
.premium-reading form[data-editorial-form] .editorial-consent {
  display: flex;
  gap: 9px;
  align-items: baseline;
  /* The legacy form rule uses !important; scope its correction to interiors. */
  color: var(--ink) !important;
  font: 14px/1.6 var(--sans);
  font-size: 14px !important;
}
.premium-reading form[data-editorial-form] .editorial-consent input {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  accent-color: var(--ink);
}
.premium-reading form[data-editorial-form] .editorial-form-message {
  margin: 16px 0 0;
  color: #854325;
  font: 15px/1.6 var(--sans);
}
.premium-reading form[data-editorial-form] .editorial-form-message:empty {
  margin: 0;
}
.premium-reading .newsletter form[data-editorial-form] .editorial-consent {
  color: #e1e9eb !important;
}
.premium-reading
  .newsletter
  form[data-editorial-form]
  label:not(.editorial-consent) {
  color: var(--paper);
}
.premium-reading .newsletter form[data-editorial-form] button {
  color: var(--ink);
  background: #e8a17e;
}
.premium-reading .newsletter form[data-editorial-form] button:hover {
  background: var(--paper);
}
.premium-reading .newsletter form[data-editorial-form] .editorial-form-message {
  color: #f2b69a;
}
.premium-page-header .editorial-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font: 11px/1.5 var(--mono);
  color: var(--muted);
}
.premium-page--newsletter .premium-page-content {
  width: 100%;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 0 70px;
}
.premium-page--newsletter .premium-page-content > p,
.premium-page--newsletter .premium-page-content > ul {
  grid-column: 1;
  margin-top: 0;
  font-size: 19px;
}
.premium-page--newsletter .editorial-newsletter {
  grid-column: 2;
  grid-row: 1 / span 3;
  display: block;
  margin: 0;
  padding: 32px;
  color: var(--ink);
  background: #e5e6df;
}
.premium-page--newsletter .editorial-newsletter h2 {
  margin: 8px 0 16px;
  padding: 0;
  border: 0;
  font-size: 30px;
}
.premium-page--newsletter .editorial-newsletter p {
  font: 17px/1.6 var(--sans);
}
.premium-page--newsletter .editorial-newsletter .editorial-eyebrow {
  font: 10px/1.4 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.premium-page-header--document {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--rule);
}
.premium-page-header--document h1 {
  font-size: clamp(38px, 5vw, 64px);
}
.premium-page--confirmar-suscripcion .premium-institutional,
.premium-page--cancelar-suscripcion .premium-institutional {
  min-height: 65vh;
}
.premium-page--confirmar-suscripcion .premium-page-content,
.premium-page--cancelar-suscripcion .premium-page-content {
  margin: 0;
  max-width: 760px;
  padding: 28px;
  background: var(--paper);
  border-top: 3px solid var(--copper);
}

@media (max-width: 1000px) {
  .premium-article-opening {
    gap: 30px;
  }
  .premium-page-header--illustrated {
    gap: 0 32px;
  }
  .premium-page-header h1 {
    font-size: 48px;
  }
  .premium-page--contacto .premium-page-content,
  .premium-page--newsletter .premium-page-content {
    gap: 0 36px;
  }
  .premium-reading .premium-related ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .premium-reading.article-page .page-shell,
  .premium-institutional {
    width: calc(100vw - 40px);
  }
  .premium-reading.article-page .article-mast {
    padding-top: 22px;
  }
  .premium-reading.article-page .breadcrumb {
    margin-bottom: 23px;
    font-size: 11px;
  }
  .premium-reading.article-page .article-head .wp-block-post-title {
    margin: 12px 0 24px;
    font-size: clamp(28px, 4.5vw, 35px);
    line-height: 1.08;
  }
  .premium-article-opening {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .premium-reading.article-page .article-deck {
    margin: 15px 0;
    font-size: 23px;
    line-height: 1.48;
  }
  .premium-reading.article-page .article-meta-strip {
    margin-top: 24px;
  }
  .premium-reading.article-page .article-meta-strip .meta-row {
    padding: 14px 10px;
    font-size: 12px;
  }
  .premium-reading.article-page .article-meta-strip .meta-row:first-child {
    padding-left: 10px;
  }
  .premium-reading.article-page .article-intro {
    padding-top: 20px;
  }
  .premium-reading.article-page .article-grid {
    padding-top: 25px;
  }
  .premium-reading.article-page .article-body {
    font-size: 19px;
    line-height: 1.76;
  }
  .premium-reading.article-page .article-body h2 {
    font-size: 26px;
  }
  .premium-reading.article-page .article-body h3 {
    font-size: 24px;
  }
  .premium-reading .premium-technical-plate {
    padding: 12px;
  }
  .premium-reading
    .article-body
    .wp-block-post-content
    > :where(
      .editorial-spec-table,
      .editorial-comparison,
      .editorial-safety-warning,
      .editorial-regulatory-citation,
      .editorial-steps,
      .editorial-checklist,
      .editorial-decision-tree,
      .editorial-pros-cons,
      .editorial-key-figures,
      .editorial-glossary,
      .wp-block-image.alignwide,
      .wp-block-table
    ) {
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
  }
  .premium-reading
    .article-body
    .wp-block-post-content
    > :where(.editorial-safety-warning, .editorial-decision-tree) {
    padding-inline: 20px;
  }
  .premium-reading
    .article-body
    .wp-block-post-content
    > .editorial-regulatory-citation {
    padding-left: 58px;
    padding-right: 18px;
  }
  .premium-page-header--illustrated {
    grid-template-columns: 1fr;
    gap: 27px;
  }
  .premium-page-header--illustrated .editorial-breadcrumbs {
    margin-bottom: 0;
  }
  .premium-page-header {
    margin-bottom: 38px;
  }
  .premium-page-header h1,
  .premium-page-header--document h1 {
    margin: 13px 0 19px;
    font-size: 43px;
  }
  .premium-page-deck {
    font-size: 17px;
  }
  .premium-page-content {
    font-size: 19px;
  }
  .premium-page-content h2 {
    font-size: 28px;
  }
  .premium-page--metodologia .premium-page-content > p:first-child,
  .premium-page--equipo-editorial .premium-page-content > p:first-child {
    font-size: 22px;
  }
  .premium-page--contacto .premium-page-content,
  .premium-page--newsletter .premium-page-content {
    display: block;
  }
  .premium-reading .editorial-contact {
    margin-top: 32px;
  }
  .premium-page--newsletter .editorial-newsletter {
    margin-top: 32px;
    padding: 25px;
  }
  .premium-reading .editorial-consent {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .premium-reading .premium-related {
    padding-block: 45px;
  }
  .premium-reading .premium-related ul {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .premium-reading .premium-related li a {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }
  .premium-related figure {
    margin: 0;
  }
  .premium-reading .premium-related h3 {
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.23;
  }
  .premium-related .premium-label {
    font-size: 9px;
  }
  .premium-related-arrow {
    font-size: 11px;
  }
  .premium-page--equipo-editorial .premium-page-content ul {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .premium-page--metodologia .premium-page-content ul {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 389px) {
  .premium-reading.article-page .article-head .wp-block-post-title {
    font-size: 23px;
  }
  .premium-reading.article-page .article-body h2 {
    font-size: 22px;
    line-height: 1.2;
  }
  .premium-reading.article-page .article-body h3 {
    font-size: 22px;
  }
  .premium-page-header h1 {
    font-size: 36px;
  }
  .premium-page-content h2 {
    font-size: 22px;
  }
  .premium-reading .premium-related li a {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px 18px;
  }
  .premium-reading .premium-related figure {
    grid-column: 1;
    grid-row: 1;
  }
  .premium-reading .premium-related-copy {
    display: contents;
  }
  .premium-reading .premium-related-copy .premium-label {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 10px;
  }
  .premium-reading .premium-related h3 {
    grid-column: 1 / -1;
    margin: 0;
    font-size: 20px;
  }
  .premium-reading .premium-related-arrow {
    grid-column: 1 / -1;
  }
}
@media (min-width: 431px) and (max-width: 600px) {
  .premium-reading.article-page .article-head .wp-block-post-title {
    font-size: clamp(23px, 4.6vw, 27px);
  }
}
