.editorial-page {
  --ed-ink: #101012;
  --ed-paper: #f8f9fa;
  --ed-mist: #e8e8e5;
  --ed-muted: #5f6066;
  --ed-turquoise-ink: #00706a;
  --ed-gold-ink: #7a5f12;
  --ed-turquoise: var(--color-accent, #0fbfb0);
  --ed-gold: var(--color-gold, #d4b46a);
  --ed-sapphire: #17375c;
  min-height: 70vh;
  overflow: clip;
  background: var(--ed-paper);
  color: var(--ed-ink);
}
.editorial-shell { width: min(100% - 40px, 1180px); margin-inline: auto; }
.editorial-kicker { margin: 0 0 18px; color: var(--ed-turquoise); font-size: .75rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.editorial-section:not(.editorial-section--dark) .editorial-kicker,
.legal-document .editorial-kicker { color: var(--ed-turquoise-ink); }
.editorial-title { max-width: 920px; margin: 0; font-size: var(--font-size-h1); font-weight: 400; letter-spacing: -.065em; line-height: .95; }
.editorial-title em { color: var(--ed-gold); font-family: inherit; font-weight: inherit; font-style: normal; }
.editorial-lead { max-width: 650px; color: var(--ed-muted); font-size: clamp(1rem, 1.6vw, 1.25rem); line-height: 1.7; }
.editorial-hero { padding: clamp(80px, 10vw, 150px) 0 clamp(64px, 8vw, 110px); background: var(--ed-ink); color: var(--ed-paper); }
.editorial-hero .editorial-lead { margin: var(--space-6) 0 0; color: rgba(248,249,250,.65); }

/* Variante compacta, a la mitad de alto: para pantallas donde la cabecera
   es un rotulo y no una portada, y el contenido tiene que entrar antes.
   Escala el conjunto (relleno, titular y bajada), no solo el relleno, para
   que las proporciones se mantengan. Las pantallas de carrito y checkout
   reciben su propia reduccion desde commerce_editorial.css. */
.editorial-hero--compact { padding: clamp(44px, 5vw, 68px) 0 clamp(34px, 3.5vw, 50px); }
.editorial-hero--compact .editorial-kicker { margin-bottom: var(--space-3); }
.editorial-hero--compact .editorial-title { font-size: clamp(2.1rem, 4.2vw, 4rem); }
.editorial-hero--compact .editorial-lead { max-width: 560px; margin-top: var(--space-4); font-size: clamp(.92rem, 1.1vw, 1rem); }
.editorial-section { padding: clamp(64px, 8vw, 110px) 0; }
.editorial-section--mist { background: var(--ed-mist); }
.editorial-section--dark { background: var(--ed-ink); color: var(--ed-paper); }
.editorial-section h2 { max-width: 780px; margin: 0 0 36px; font-size: clamp(2rem, 4vw, 4rem); font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.editorial-action { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; background: var(--ed-ink); color: var(--ed-paper); font-size: .82rem; font-weight: 800; text-decoration: none; }
.editorial-action:hover { background: var(--ed-turquoise); color: var(--ed-ink); }
.editorial-text-link { display: inline-block; border-bottom: 1px solid currentColor; padding-bottom: 5px; color: inherit; font-size: .84rem; font-weight: 800; text-decoration: none; }

.editorial-filters { display: grid; grid-template-columns: 1.5fr 1fr 1fr auto; gap: 14px; padding: 24px; background: var(--ed-paper); }
.editorial-field { display: grid; gap: 7px; }
.editorial-field label { color: var(--ed-muted); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.editorial-field input, .editorial-field select { min-height: 48px; border: 1px solid #c8c8c5; border-radius: 0; background: #fff; color: var(--ed-ink); padding: 0 13px; }
.editorial-filter-actions { display: flex; align-items: end; gap: 9px; }
.editorial-filter-actions button, .editorial-filter-actions a { min-height: 48px; display: inline-flex; align-items: center; padding: 0 18px; border: 0; background: var(--ed-ink); color: var(--ed-paper); font-weight: 800; text-decoration: none; cursor: pointer; }
.editorial-filter-actions a { background: #d8d8d5; color: var(--ed-ink); }
.editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1px; background: #c9c9c5; }
.editorial-card { min-width: 0; background: var(--ed-paper); }
.editorial-card__media { aspect-ratio: 4/3; display: grid; place-items: center; overflow: hidden; background: var(--ed-sapphire); color: var(--ed-turquoise); text-decoration: none; }
.editorial-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.editorial-card__media:hover img { transform: scale(1.025); }
.editorial-card__media span { font-size: 4rem; line-height: 1; opacity: .35; }
.editorial-card__copy { padding: 26px; }
.editorial-meta { color: #5f6066; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.editorial-card h2, .editorial-card h3 { margin: var(--space-4) 0 var(--space-3); font-size: 1.5rem; line-height: 1.15; }
.editorial-card h2 a, .editorial-card h3 a { color: inherit; text-decoration: none; }
.editorial-card p { color: var(--ed-muted); line-height: 1.55; }
.editorial-empty { max-width: 760px; padding: var(--space-8); border-left: 3px solid var(--ed-turquoise); background: var(--ed-paper); }
.editorial-empty h2 { margin-bottom: 18px; }
.editorial-empty p { color: var(--ed-muted); line-height: 1.65; }

.about-manifesto { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(40px,8vw,120px); }
.about-manifesto blockquote { margin: 0 0 clamp(28px,3.6vw,52px); font-size: clamp(2rem,4vw,4.3rem); letter-spacing: -.045em; line-height: 1.04; }
.about-manifesto__copy p { color: var(--ed-muted); font-size: 1.08rem; line-height: 1.75; }

.account-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.45fr); gap: 26px; }
.account-panel { padding: clamp(24px,4vw,48px); background: var(--ed-paper); }
.account-panel h2 { margin: 0 0 28px; font-size: 1.6rem; }
.account-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.account-field { display: grid; gap: 7px; }
.account-field--full { grid-column: 1/-1; }
.account-field label { color: var(--ed-muted); font-size: .75rem; font-weight: 800; text-transform: uppercase; }
/* input/select/textarea con la misma metrica: sin esto el <select> se queda
 * sin el borde/alto que si recibe el <input> (ver el mismo arreglo ya hecho
 * para el dominio comercial en commerce_editorial.css) y dos campos
 * contiguos -como Departamento y Ciudad- se ven distintos. */
.account-field input,
.account-field select,
.account-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  border: 1px solid #c8c8c5;
  border-radius: 0;
  background: #fff;
  color: var(--ed-ink);
  padding: 0 14px;
  font: inherit;
}
/* El borde/alto de arriba no basta para un <select>: el navegador le suma
 * su propio chrome nativo (flecha, relieve) encima de cualquier CSS, asi
 * que sigue viendose distinto a un <input> con el mismo borde. Se apaga ese
 * chrome y se dibuja una flecha propia para que ambos queden iguales. */
.account-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23101012' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
  padding-right: 40px;
}
.account-security summary { cursor: pointer; font-weight: 800; }
.account-security[open] summary { margin-bottom: var(--space-5); }
.account-actions { display: flex; justify-content: space-between; gap: 14px; margin-top: 28px; }

.account-address-hint { color: var(--ed-muted); font-size: .85rem; margin: 0 0 var(--space-3); }
.account-address-list { list-style: none; margin: 0 0 var(--space-5); padding: 0; }
.account-address-list > li { border-bottom: 1px solid rgba(0,0,0,.08); padding: var(--space-4) 0; }
.account-address-list label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.account-address-list input[type="radio"],
.account-address-list input[type="checkbox"] { width: 16px; height: 16px; min-height: 0; margin-top: 3px; flex: 0 0 auto; }
.account-address-list input:disabled + span { opacity: .55; }
.account-personalizacion { border: 0; margin: 0; padding: 0; min-width: 0; }
.account-link-button { background: none; border: none; cursor: pointer; padding: 0; font: inherit; }
.account-address-list label small { display: block; color: var(--ed-muted); margin-top: 2px; }
.account-address-list .account-security { margin: var(--space-3) 0 0 26px; }
.account-address-list .account-actions { margin: var(--space-2) 0 0 26px; justify-content: flex-start; }

.order-list { background: var(--ed-paper); }
.order-row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); padding: 24px; border-bottom: 1px solid #dededb; color: inherit; text-decoration: none; }
.order-row:hover { background: #f0f0ed; }
.order-row strong, .order-row small { display: block; }
.order-row small { margin-top: 5px; color: var(--ed-muted); }
.order-row__meta { display: flex; align-items: center; gap: 18px; }
.order-status { padding: 7px 10px; background: #f2e7c9; color: #594614; font-size: .75rem; font-weight: 800; }
.editorial-article { max-width: 820px; margin-inline: auto; }
.editorial-article__cover { width: 100%; aspect-ratio: 16/9; object-fit: cover; margin-bottom: 32px; }
.recommendation-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.recommendation-card { background: var(--ed-paper); }
.recommendation-card img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.recommendation-card div { padding: var(--space-4); }
.recommendation-card h3 { margin: 0 0 var(--space-2); font-size: 1rem; }
.recommendation-card a { color: inherit; text-decoration: none; }

@media (max-width: 860px) {
  .editorial-filters, .about-manifesto, .account-layout { grid-template-columns: 1fr; }
  .editorial-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px) {
  .editorial-shell { width: min(100% - 30px,1180px); }
  .editorial-grid, .account-fields, .recommendation-grid { grid-template-columns: 1fr; }
  .editorial-empty { padding: 36px 26px; }
  .order-row, .order-row__meta, .account-actions { align-items: flex-start; flex-direction: column; }
}

/* Fondo Quantum común para contacto y documentos legales. Es ambiental:
   queda detrás de la lectura, no recibe eventos y se inmoviliza si el
   sistema solicita menos movimiento. */
.editorial-quantum { position: relative; isolation: isolate; background: #090a0c; color: var(--ed-paper); }
.editorial-quantum__background { position: fixed; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(circle at 78% 18%, rgba(15,191,176,.13), transparent 28%), radial-gradient(circle at 18% 78%, rgba(40,79,126,.2), transparent 32%), #090a0c; }
.editorial-quantum__background::before, .editorial-quantum__background::after { content: ""; position: absolute; left: 68%; top: 30%; width: min(62vw,780px); aspect-ratio: 1; border: 1px solid rgba(15,191,176,.22); border-radius: 50%; transform: translate(-50%,-50%) rotate(12deg); animation: editorial-orbit 32s linear infinite; }
.editorial-quantum__background::after { width: min(42vw,520px); border-color: rgba(212,180,106,.15); transform: translate(-50%,-50%) rotate(-25deg) scaleY(.45); animation-direction: reverse; animation-duration: 24s; }
.editorial-quantum__background span { position: absolute; left: 68%; top: 30%; width: 12px; height: 12px; border-radius: 50%; background: var(--ed-turquoise); box-shadow: 0 0 22px rgba(15,191,176,.75); animation: editorial-core 5s ease-in-out infinite alternate; }
.editorial-quantum .editorial-hero { background: transparent; }
.editorial-quantum .editorial-section { background: transparent; }
@keyframes editorial-orbit { to { transform: translate(-50%,-50%) rotate(372deg); } }
@keyframes editorial-core { to { opacity: .35; transform: scale(.7); } }

.legal-layout { display: grid; grid-template-columns: 260px minmax(0,760px); align-items: start; justify-content: space-between; gap: clamp(40px,8vw,120px); }
.legal-nav { position: sticky; top: 140px; display: grid; gap: var(--space-1); }
.legal-nav > p { margin-bottom: var(--space-3); color: var(--ed-gold); font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.legal-nav a { padding: var(--space-2) 0; color: rgba(248,249,250,.58); font-size: .82rem; text-decoration: none; }
.legal-nav a:hover, .legal-nav a[aria-current="page"] { color: var(--ed-turquoise); }
.legal-document { padding: clamp(28px,5vw,62px); background: rgba(248,249,250,.96); color: var(--ed-ink); box-shadow: 0 35px 90px rgba(0,0,0,.32); }
.legal-document__status { display: inline-block; margin: 0 0 var(--space-5); padding: 7px 10px; background: #f2e7c9; color: #594614; font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.legal-document__aviso { margin: 0 0 var(--space-4); padding: 8px 12px; background: #eef1f4; color: var(--ed-muted); font-size: .8rem; line-height: 1.5; border-left: 3px solid var(--ed-turquoise-ink); }
.legal-document__summary { margin: 0 0 34px; padding-bottom: 28px; border-bottom: 1px solid #d8d8d4; color: var(--ed-muted); font-size: 1.05rem; line-height: 1.65; }
.legal-document h2 { margin: 42px 0 14px; font-size: 1.45rem; letter-spacing: -.02em; }
.legal-document h3 { margin: 30px 0 10px; font-size: 1.05rem; }
.legal-document p, .legal-document li { color: #45454a; line-height: 1.75; }
.legal-document li + li { margin-top: 10px; }
.legal-document a { color: var(--ed-sapphire); }
.legal-table { margin: 22px 0 8px; overflow-x: auto; border: 1px solid #d8d8d4; }
.legal-table:focus-visible { outline: 2px solid var(--ed-turquoise-ink); outline-offset: 2px; }
.legal-table table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: .88rem; }
.legal-table th { padding: 11px 14px; background: var(--ed-ink); color: var(--ed-paper); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.legal-table td { padding: 12px 14px; border-top: 1px solid #e3e3df; color: #45454a; line-height: 1.55; vertical-align: top; }
.legal-table th:nth-child(1) { width: 24%; }
.legal-table th:nth-child(2) { width: 44%; }
.legal-table td[data-primera] { color: var(--ed-ink); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .82rem; font-weight: 700; overflow-wrap: anywhere; }
.legal-action { min-height: 44px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--ed-ink); color: var(--ed-paper); font: inherit; font-size: .88rem; font-weight: 800; cursor: pointer; transition: background var(--motion-ui, 200ms) ease; }
.legal-action:hover { background: var(--ed-turquoise-ink); }
.legal-action:focus-visible { outline: 2px solid var(--ed-turquoise-ink); outline-offset: 3px; }
.legal-document__footer { display: flex; justify-content: space-between; gap: 18px; margin-top: 44px; padding-top: var(--space-5); border-top: 1px solid #d8d8d4; }

.contact-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 1px; background: rgba(248,249,250,.18); }
.contact-card { min-height: 250px; padding: clamp(28px,5vw,54px); background: rgba(16,16,18,.88); }
.contact-card--primary { grid-row: span 2; min-height: 380px; display: flex; flex-direction: column; justify-content: flex-start; background: rgba(16,16,18,.92); }
.contact-card--primary .contact-card__address { margin-top: 28px; }
.contact-card small { color: var(--ed-gold); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.contact-card h2 { margin: 20px 0 14px; font-size: clamp(1.7rem,3vw,3rem); }
.contact-card p { color: rgba(248,249,250,.6); line-height: 1.65; }
.contact-card a { color: var(--ed-paper); text-decoration: none; }
.contact-card__address { font-size: clamp(1.25rem,2.3vw,2rem); overflow-wrap: anywhere; }
.contact-socials { display: flex; flex-wrap: wrap; gap: 10px; }
.contact-socials a { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(248,249,250,.25); border-radius: 50%; color: inherit; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.contact-socials a:hover, .contact-socials a:focus-visible { color: var(--ed-turquoise); border-color: var(--ed-turquoise); }
.contact-socials svg { width: 20px; height: 20px; fill: currentColor; }

@media (max-width: 860px) {
  /* minmax(0,1fr): con `1fr` a secas la columna crece hasta el min-content de
   * la tabla legal (min-width 560px) y el texto se sale de la pantalla. */
  .legal-layout, .contact-grid { grid-template-columns: minmax(0, 1fr); }
  .legal-layout > *, .contact-grid > * { min-width: 0; }
  .legal-nav { position: static; grid-template-columns: repeat(2,1fr); }
  .legal-nav > p { grid-column: 1/-1; }
  .contact-card--primary { grid-row: auto; min-height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-quantum__background::before, .editorial-quantum__background::after, .editorial-quantum__background span { animation: none; }
}

/* ---------- Ciencia de materiales (Acerca de) y Journal cientifico ---------- */
.editorial-section h2 em { color: var(--ed-gold); font-family: inherit; font-weight: inherit; font-style: normal; }

/* Citas [n] en el texto: enlazan a la lista de referencias. */
.cite { margin-left: 1px; font-size: .75rem; font-weight: 800; line-height: 0; vertical-align: super; white-space: nowrap; }
.cite a { color: var(--ed-sapphire); text-decoration: none; }
.cite a + a { margin-left: 2px; }
.cite a:hover { text-decoration: underline; }
.editorial-section--dark .cite a { color: var(--ed-turquoise); }

.science-hero { position: relative; overflow: hidden; }
.science-lattice { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.science-lattice__bond { fill: none; stroke: var(--ed-turquoise); stroke-opacity: .55; stroke-width: 1; }
.science-lattice__atom { fill: var(--ed-gold); }
.science-lattice__fade-in { stop-color: white; }
.science-lattice__fade-out { stop-color: black; }
.science-hero__content { position: relative; z-index: 1; }
.science-lead { max-width: 640px; margin: 0 0 clamp(36px, 5vw, 64px); color: rgba(248,249,250,.7); font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.7; }

.science-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(248,249,250,.2); }
.science-stat { padding: 28px 24px 8px 0; }
.science-stat + .science-stat { padding-left: 24px; border-left: 1px solid rgba(248,249,250,.14); }
.science-stat__value { display: block; font-size: clamp(2rem, 3.6vw, 3.3rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.02; color: var(--ed-paper); }
.science-stat__value small { margin-left: 4px; color: var(--ed-gold); font-size: .36em; font-weight: 800; letter-spacing: .02em; }
.science-stat__label { display: block; margin-top: 12px; color: rgba(248,249,250,.62); font-size: .86rem; line-height: 1.5; }
.science-note { margin: 32px 0 0; color: rgba(248,249,250,.5); font-size: .78rem; line-height: 1.6; }

.science-split { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 6vw, 90px); align-items: center; }
.science-split h2 { margin-bottom: 24px; }
.science-copy { max-width: 560px; margin: 0; color: var(--ed-muted); font-size: 1.05rem; line-height: 1.75; }
.science-copy--wide { max-width: 760px; margin-top: 40px; }
.editorial-section--dark .science-copy { color: rgba(248,249,250,.7); }

.science-figure { margin: 0; }
.science-figure svg { display: block; width: 100%; height: auto; font-family: inherit; }
.layers rect { fill: var(--ed-ink); }
.layers--many rect { opacity: .2; }
.layers--few rect { opacity: .5; }
.layers--one rect { fill: var(--ed-turquoise); opacity: 1; }
.figure-label { fill: var(--ed-ink); font-size: 15px; font-weight: 800; }
.figure-label--accent { fill: var(--ed-sapphire); }
.figure-sub { fill: var(--ed-muted); font-size: 12.5px; }
.figure-value { fill: var(--ed-paper); font-size: 15px; font-weight: 800; }
.figure-value--accent { fill: var(--ed-turquoise); font-size: 22px; font-weight: 800; }
.science-figure--dark .figure-label { fill: var(--ed-paper); }
.science-figure--dark .figure-label--accent { fill: var(--ed-turquoise); }
.science-figure--dark .figure-sub { fill: rgba(248,249,250,.6); }
.bar--ref { fill: rgba(248,249,250,.38); }
.bar--main { fill: var(--ed-turquoise); }
.bar--range { fill: var(--ed-turquoise); opacity: .4; }

.science-routes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #c9c9c5; border: 1px solid #c9c9c5; }
.science-route { padding: 30px 28px 34px; background: var(--ed-paper); border-top: 3px solid var(--ed-turquoise); }
.science-route small { color: var(--ed-gold-ink); font-weight: 800; letter-spacing: .12em; }
.science-route h3 { margin: 44px 0 12px; font-size: 1.45rem; font-weight: 400; letter-spacing: -.02em; }
.science-route p { margin: 0; color: var(--ed-muted); line-height: 1.65; }

.science-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); border-top: 1px solid #c9c9c5; border-left: 1px solid #c9c9c5; }
.science-benefit { display: flex; flex-direction: column; gap: 14px; padding: 28px; border-right: 1px solid #c9c9c5; border-bottom: 1px solid #c9c9c5; background: var(--ed-paper); }
.science-benefit h3 { margin: 0; font-size: 1.35rem; font-weight: 400; letter-spacing: -.02em; }
.science-benefit p { margin: 0; color: var(--ed-muted); line-height: 1.65; }
.science-benefit small { margin-top: auto; color: #5f6066; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.evidence { display: inline-flex; gap: 4px; }
.evidence i { display: block; width: 22px; height: 6px; border-radius: 3px; background: rgba(16,16,18,.16); font-style: normal; }
.evidence[data-level="1"] i:nth-child(-n+1),
.evidence[data-level="2"] i:nth-child(-n+2),
.evidence[data-level="3"] i:nth-child(-n+3),
.evidence[data-level="4"] i:nth-child(-n+4) { background: var(--ed-turquoise); }
.evidence-legend { display: flex; flex-wrap: wrap; gap: 14px 28px; margin: 28px 0 0; padding: 0; list-style: none; color: var(--ed-muted); font-size: .78rem; }
.evidence-legend li { display: inline-flex; align-items: center; gap: 10px; }

.science-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 32px; }
.science-cta h2 { margin-bottom: 18px; }
.science-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }

.science-references, .editorial-references ol { margin: 0; padding-left: 1.6em; list-style: decimal; color: #45454a; font-size: .86rem; line-height: 1.65; }
.science-references li, .editorial-references li { padding-left: 6px; scroll-margin-top: 96px; }
.science-references li + li, .editorial-references li + li { margin-top: 10px; }
.science-references a, .editorial-references a { color: var(--ed-sapphire); font-weight: 800; }
.science-references li:target, .editorial-references li:target { background: rgba(212,180,106,.25); }
.editorial-references { margin-top: 48px; padding-top: 8px; border-top: 1px solid #d8d8d4; }
.editorial-references h2 { font-size: 1.15rem; }

.editorial-card__media .editorial-card__lattice { display: block; width: 100%; height: 100%; font: inherit; opacity: 1; background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='66'%20height='38.11'%20viewBox='0%200%2066%2038.11'%3E%3Cpath%20d='M22.00%200.00%20L11.00%2019.05%20L-11.00%2019.05%20L-22.00%200.00%20L-11.00%20-19.05%20L11.00%20-19.05%20Z%20M88.00%200.00%20L77.00%2019.05%20L55.00%2019.05%20L44.00%200.00%20L55.00%20-19.05%20L77.00%20-19.05%20Z%20M22.00%2038.11%20L11.00%2057.16%20L-11.00%2057.16%20L-22.00%2038.11%20L-11.00%2019.05%20L11.00%2019.05%20Z%20M88.00%2038.11%20L77.00%2057.16%20L55.00%2057.16%20L44.00%2038.11%20L55.00%2019.05%20L77.00%2019.05%20Z%20M55.00%2019.05%20L44.00%2038.11%20L22.00%2038.11%20L11.00%2019.05%20L22.00%200.00%20L44.00%200.00%20Z'%20fill='none'%20stroke='%230fbfb0'%20stroke-opacity='.4'%20stroke-width='1'/%3E%3C/svg%3E"); background-size: 66px 38.1px; }

@media (max-width: 980px) {
  .science-split { grid-template-columns: 1fr; }
  .science-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .science-stat:nth-child(odd) { padding-left: 0; border-left: 0; }
  .science-stat:nth-child(n+3) { margin-top: 12px; border-top: 1px solid rgba(248,249,250,.14); }
  .science-routes { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .science-stats { grid-template-columns: 1fr; }
  .science-stat, .science-stat + .science-stat { padding-left: 0; border-left: 0; }
  .science-stat + .science-stat { border-top: 1px solid rgba(248,249,250,.14); margin-top: 12px; }
}

/* Areas de clic: un enlace de una linea no debe medir menos de 24 px de alto.
 * Las citas [n] son pequenas a proposito; su zona de clic se amplia sin
 * cambiar la maquetacion. */
.cite a { position: relative; }
.cite a::after { position: absolute; inset: -9px -7px; content: ""; }
.editorial-references a, .science-references a { display: inline-block; padding-block: 4px; }

/* Acerca de: indice, propositos, historia, pilares, valores, ecosistema y laboratorio. */
.editorial-section[id] { scroll-margin-top: 96px; }
.about-index { display: flex; flex-wrap: wrap; gap: 4px 28px; margin: 36px 0 0; padding: 0; list-style: none; }
.about-index a { display: inline-block; padding-block: 6px; border-bottom: 1px solid rgba(248,249,250,.28); color: rgba(248,249,250,.84); font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-decoration: none; }
.about-index a:hover, .about-index a:focus-visible { border-color: var(--ed-turquoise); color: var(--ed-turquoise); }

.about-manifesto__copy p + p { margin-top: 20px; }

.about-statements { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 8px; border-block: 1px solid rgba(248,249,250,.16); }
.about-statement { padding: 32px 28px 40px; }
.about-statement + .about-statement { border-left: 1px solid rgba(248,249,250,.16); }
.about-statement small { display: block; color: var(--ed-gold); font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.about-statement p { margin: 64px 0 0; font-size: clamp(1.25rem, 2vw, 1.8rem); letter-spacing: -.02em; line-height: 1.25; }

.about-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #c9c9c5; border: 1px solid #c9c9c5; }
.about-card { padding: 30px 28px 34px; background: var(--ed-paper); border-top: 3px solid var(--ed-turquoise); }
.about-card small { color: var(--ed-gold-ink); font-weight: 800; letter-spacing: .12em; }
.about-card h3 { margin: 44px 0 12px; font-size: 1.45rem; font-weight: 400; letter-spacing: -.02em; }
.about-card p { margin: 0; color: var(--ed-muted); line-height: 1.65; }

.about-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); border-top: 1px solid #c9c9c5; border-left: 1px solid #c9c9c5; }
.about-value { padding: 28px; border-right: 1px solid #c9c9c5; border-bottom: 1px solid #c9c9c5; background: var(--ed-paper); }
.about-value h3 { margin: 0 0 18px; padding-bottom: 14px; border-bottom: 3px solid var(--ed-turquoise); font-size: 1.35rem; font-weight: 400; letter-spacing: -.02em; }
.about-value p { margin: 0; color: var(--ed-muted); line-height: 1.65; }

.science-benefit p a { color: var(--ed-sapphire); font-weight: 800; }

@media (max-width: 980px) {
  .about-statements, .about-cards { grid-template-columns: 1fr; }
  .about-statement + .about-statement { border-left: 0; border-top: 1px solid rgba(248,249,250,.16); }
  .about-statement p { margin-top: 28px; }
  .about-card h3 { margin-top: 28px; }
}

/* Seccion que sigue de inmediato a una cabecera compacta: el relleno superior
   normal sumaba al de la cabecera y dejaba un vacio de mas de 150 px. */
.editorial-section--flush-top { padding-top: clamp(20px, 2.5vw, 32px); }