/* ====================================================================
   AUTÓNOMA — CSS Específico
   Micrositio diferenciado dentro del sitio principal
==================================================================== */

/* Importar Kiona de Google Fonts o fallback */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  --aut-f-title: 'Playfair Display', Georgia, serif;
  --aut-f-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --aut-line: 1px solid rgba(0,0,0,.15);
}

.ly-dark-mode {
  --aut-line: 1px solid rgba(255,255,255,.08);
}

/* ============================================================
   HEADER AUTÓNOMA
============================================================ */

.is-autonoma .ly-header {
  border-bottom: var(--aut-line);
}

.is-autonoma .ly-header__logo {
  /* Logo de Autónoma en lugar del de LY */
}

/* ============================================================
   MENU AUTÓNOMA
============================================================ */

.is-autonoma .ly-menu-nav__link,
.is-autonoma .ly-menu-nav__sub-link {
  font-family: var(--f);
  font-size: 13px;
  font-weight: 400;
}

.is-autonoma .ly-menu-nav__link.active {
  border-bottom: 2px solid var(--acc);
  padding-bottom: 2px;
}

/* ============================================================
   HERO AUTÓNOMA
============================================================ */

.aut-hero {
  padding: clamp(80px, 10vw, 120px) var(--g);
  border-bottom: var(--aut-line);
  text-align: left;
}

.aut-hero__inner {
  max-width: var(--max);
  margin: 0 auto;
}

.aut-hero__title {
  font-family: var(--aut-f-title);
  font-weight: 700;
  font-size: clamp(64px, 8vw, 140px);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 0.95;
  margin-bottom: 24px;
}

.aut-hero__meta {
  font-family: var(--f);
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--muted);
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.aut-hero__meta::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--muted);
}

.aut-hero__question {
  font-family: Georgia, serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.6;
  color: var(--muted);
  max-width: 720px;
}

/* ============================================================
   CONTENIDO AUTÓNOMA
============================================================ */

.aut-section {
  padding: clamp(60px, 8vw, 100px) var(--g);
  border-bottom: var(--aut-line);
}

.aut-section__inner {
  max-width: var(--max);
  margin: 0 auto;
}

.aut-section__label {
  font-family: var(--f);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--muted);
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.aut-section__label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  background: var(--muted);
  opacity: 0.5;
}

.aut-section__title {
  font-family: var(--aut-f-title);
  font-weight: 600;
  font-size: clamp(32px, 4vw, 64px);
  text-transform: uppercase;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-bottom: 32px;
}

.aut-section__title em {
  font-style: italic;
  font-weight: 400;
}

.aut-intro-text {
  max-width: 720px;
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
  color: var(--txt);
}

.aut-intro-text p {
  margin-bottom: 1.5em;
}

/* ============================================================
   VIDEO AUTÓNOMA
============================================================ */

.aut-video-section {
  padding: clamp(60px, 8vw, 100px) var(--g);
  border-bottom: var(--aut-line);
}

.aut-video-label {
  font-family: var(--f);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--muted);
  margin-bottom: 20px;
}

.aut-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 900px;
  padding-bottom: 56.25%;
  background: #000;
  margin-bottom: 20px;
  overflow: hidden;
}

.aut-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.aut-video-desc {
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
  color: var(--muted);
  max-width: 720px;
}

/* ============================================================
   COLECCIÓN — Grid de documentos
============================================================ */

.aut-docs {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.aut-doc-row {
  display: grid;
  grid-template-columns: 80px 1fr 140px;
  gap: clamp(20px, 4vw, 60px);
  padding: clamp(24px, 3vw, 40px) 0;
  border-bottom: var(--aut-line);
  align-items: center;
}

.aut-doc-row:first-child {
  border-top: var(--aut-line);
}

.aut-doc-number {
  font-family: var(--aut-f-title);
  font-weight: 300;
  font-size: clamp(36px, 4vw, 60px);
  line-height: 1;
  color: var(--acc);
}

.aut-doc-info {
  min-width: 0;
}

.aut-doc-name {
  font-family: var(--aut-f-title);
  font-weight: 600;
  font-size: clamp(18px, 2.2vw, 32px);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
  line-height: 1.2;
}

.aut-doc-name a {
  color: var(--txt);
  text-decoration: none;
  transition: color 0.2s;
}

.aut-doc-name a:hover {
  color: var(--acc);
}

.aut-doc-subtitle {
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  color: var(--muted);
  line-height: 1.5;
}

.aut-doc-scale {
  font-family: var(--f);
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted);
  text-align: right;
}

/* ============================================================
   NAVEGACIÓN INTERNA AUTÓNOMA
============================================================ */

.aut-doc-nav {
  padding: clamp(40px, 5vw, 80px) var(--g) 0;
  margin-top: clamp(40px, 5vw, 80px);
  border-top: var(--aut-line);
}

.aut-doc-nav__label {
  font-family: var(--f);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--muted);
  margin-bottom: 24px;
}

.aut-doc-nav__sequence {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(16px, 2vw, 24px);
  font-family: var(--f);
  font-size: 13px;
}

.aut-doc-nav__link {
  color: var(--txt);
  text-decoration: none;
  transition: color 0.2s;
  padding-bottom: 2px;
}

.aut-doc-nav__link:hover {
  color: var(--acc);
}

.aut-doc-nav__current {
  color: var(--acc);
  font-weight: 600;
  border-bottom: 2px solid var(--acc);
  padding-bottom: 2px;
}

.aut-doc-nav__sep {
  opacity: 0.3;
}

/* ============================================================
   CIERRE AUTÓNOMA
============================================================ */

.aut-doc-close {
  padding: clamp(60px, 8vw, 100px) var(--g);
  background: #111111;
  color: #f2f0eb;
  text-align: center;
  border-top: var(--aut-line);
}

.aut-doc-close__text {
  font-family: var(--f);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
}

.aut-doc-close__link {
  color: #f2f0eb;
  text-decoration: none;
  transition: opacity 0.2s;
}

.aut-doc-close__link:hover {
  opacity: 0.7;
}

/* ============================================================
   RESPONSIVE
============================================================ */

@media (max-width: 1024px) {
  .aut-doc-row {
    grid-template-columns: 60px 1fr 100px;
    gap: clamp(16px, 3vw, 40px);
  }
}

@media (max-width: 768px) {
  .aut-doc-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .aut-doc-scale {
    text-align: left;
  }

  .aut-doc-nav__sequence {
    flex-direction: column;
    gap: 8px;
  }

  .aut-hero__title {
    margin-bottom: 20px;
  }
}

/* ============================================================
   OSCURO (Dark Mode)
============================================================ */

.ly-dark-mode.is-autonoma .aut-hero__question,
.ly-dark-mode.is-autonoma .aut-doc-subtitle,
.ly-dark-mode.is-autonoma .aut-video-desc {
  color: var(--muted);
}

.ly-dark-mode.is-autonoma .aut-doc-close {
  background: #0a0a0a;
  border-top-color: rgba(255,255,255,.08);
}



/* ============================================================
   CSS desde hub
============================================================ */


/* FULL WIDTH — anular GeneratePress */
body.is-autonoma .site-content,
body.is-autonoma .content-area,
body.is-autonoma .inside-article,
body.is-autonoma .entry-content,
body.is-autonoma main.site-main,
body.is-autonoma .site-main {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.aut-hub {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

/* HERO */
.aut-hero-full {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 600px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
}

.aut-hero-full__bg {
	position: absolute;
	inset: 0;
	background: #111;
	background-size: cover;
	background-position: center;
	transform: scale(1.04);
	transition: transform 12s cubic-bezier(.16,1,.3,1);
}

.aut-hero-full:hover .aut-hero-full__bg { transform: scale(1); }

.aut-hero-full__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.1) 100%);
	z-index: 1;
}

.aut-hero-full__body {
	position: relative;
	z-index: 2;
	padding: clamp(48px,6vw,100px) clamp(24px,4vw,80px);
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
}

.aut-hero-full__meta {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: rgba(255,255,255,.45);
	margin-bottom: 24px;
}

.aut-hero-full__title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: clamp(40px, 7vw, 120px);
	text-transform: uppercase;
	letter-spacing: -0.03em;
	line-height: 0.95;
	color: #fff;
	margin: 0 0 32px 0;
	max-width: 1100px;
	word-break: break-word;
	overflow-wrap: break-word;
}

.aut-hero-full__claim {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 300;
	font-size: clamp(16px, 1.6vw, 26px);
	line-height: 1.65;
	color: rgba(255,255,255,.65);
	max-width: 700px;
	margin: 0;
}

.aut-hero-full__scroll {
	position: absolute;
	bottom: clamp(24px,3vw,48px);
	right: clamp(24px,4vw,80px);
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: rgba(255,255,255,.35);
}

.aut-hero-full__scrollline {
	width: 40px; height: 1px;
	background: rgba(255,255,255,.25);
	position: relative; overflow: hidden;
}

.aut-hero-full__scrollline::after {
	content: '';
	position: absolute;
	top: 0; left: -100%; width: 100%; height: 100%;
	background: rgba(255,255,255,.7);
	animation: aut-scroll 2s ease infinite;
}

@keyframes aut-scroll { to { left: 200%; } }

/* BLOQUES */
.aut-block {
	width: 100%;
	border-top: 1px solid rgba(255,255,255,.08);
}

.aut-block__inner {
	max-width: 1680px;
	margin: 0 auto;
	padding: clamp(60px,8vw,120px) clamp(24px,4vw,80px);
}

.aut-block__inner-pad {
	max-width: 1680px;
	margin: 0 auto;
	padding: clamp(40px,5vw,80px) clamp(24px,4vw,80px) 24px;
}

/* INTRO */
.aut-intro-text {
	max-width: 800px;
	font-family: Georgia, serif;
	font-size: clamp(17px,1.3vw,21px);
	line-height: 1.85;
	font-weight: 300;
	color: #f2f0eb;
}

.aut-intro-text p { margin-bottom: 1.8em; }
.aut-intro-text p:last-child { margin-bottom: 0; }
.aut-intro-text strong { font-weight: 400; color: #c8b77a; }

/* VIDEO */
.aut-block--video { padding: 0; }

.aut-video-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: #999;
}

/* VIDEO */
.aut-block--video { padding: 0; }

.aut-video-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: #999;
}

.aut-video-wrapper {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	background: #000;
	max-width: 100%;
	overflow: hidden;
}

.aut-video-wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	border: none;
}

.aut-video-desc {
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	color: #999;
	line-height: 1.6;
	margin: 0;
}

/* COLECCIÓN */
.aut-coleccion__label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: #999;
	margin: 0 0 clamp(24px,3vw,48px) 0;
}

.aut-docs { display: flex; flex-direction: column; }

.aut-doc-row {
	display: grid;
	grid-template-columns: 80px 1fr auto 28px;
	gap: clamp(20px,3vw,60px);
	padding: clamp(32px,3.5vw,52px) 0;
	border-top: 1px solid rgba(255,255,255,.08);
	align-items: center;
	text-decoration: none;
	transition: opacity .25s;
}

.aut-doc-row:last-child { border-bottom: 1px solid rgba(255,255,255,.08); }
a.aut-doc-row:hover { opacity: .6; }
.aut-doc-row--preview { opacity: .3; pointer-events: none; }

.aut-doc-number {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: clamp(48px,6vw,80px);
	line-height: 1;
	color: #c8b77a;
	letter-spacing: -0.02em;
}

.aut-doc-name {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: clamp(22px,2.6vw,42px);
	text-transform: uppercase;
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: #f2f0eb;
	margin-bottom: 10px;
}

.aut-doc-subtitle {
	font-family: Georgia, serif;
	font-size: 15px;
	font-style: italic;
	font-weight: 300;
	color: #999;
	line-height: 1.5;
}

.aut-doc-type {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #999;
	text-align: right;
}

.aut-doc-arrow {
	font-size: 18px;
	color: #c8b77a;
	opacity: 0;
	transition: opacity .2s, transform .2s;
}

a.aut-doc-row:hover .aut-doc-arrow { opacity: 1; transform: translateX(4px); }

/* RESPONSIVE */
@media (max-width: 768px) {
	.aut-hero-full__title { word-spacing: normal; }
	.aut-doc-row { grid-template-columns: 52px 1fr 24px; }
	.aut-doc-type { display: none; }
	.aut-doc-arrow { opacity: 1; }
}


/* ============================================================
   CSS desde header
============================================================ */


/* ============================================================
   HEADER AUTÓNOMA — Mismo sistema que LY
============================================================ */

.aut-header {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 1000;
	height: 72px;
	background: transparent;
	color: #ffffff;
	mix-blend-mode: exclusion;
	pointer-events: none;
	transition: background .35s ease, border-color .35s ease, mix-blend-mode 0s;
	border-bottom: 1px solid transparent;
}

/* Al hacer scroll: fondo oscuro translúcido, mix-blend-mode normal */
.aut-header.is-scrolled {
	background: rgba(10,10,10,.88);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom-color: rgba(255,255,255,.08);
	mix-blend-mode: normal;
	pointer-events: auto;
}

/* pointer-events en elementos clickeables siempre */
.aut-header__logo,
.aut-header__right,
.aut-header__ly,
.aut-menu-btn {
	pointer-events: auto;
}

.aut-header__inner {
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 clamp(24px,4vw,80px);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* LOGO */
.aut-header__logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	flex-shrink: 0;
}

.aut-header__logo-img {
	height: 22px;
	width: auto;
	display: block;
	filter: brightness(0) invert(1); /* blanco siempre */
	transition: opacity .2s;
}

.aut-header__logo:hover .aut-header__logo-img { opacity: .65; }

/* DERECHA: LY isotipo + botón + */
.aut-header__right {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* Isotipo LY — mismo comportamiento que logo Autónoma */
.aut-header__ly {
	display: flex;
	align-items: center;
	text-decoration: none;
	flex-shrink: 0;
}

.aut-header__ly-img {
	width: 50px;
	height: auto;
	object-fit: contain;
	display: block;
	filter: brightness(0) invert(1);
	transition: opacity .2s;
}

.aut-header__ly:hover .aut-header__ly-img { opacity: .65; }

/* BOTÓN + (× rotado 45°) — idéntico a LY */
.aut-menu-btn {
	background: none;
	border: none;
	cursor: pointer;
	width: 40px; height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background .2s, transform .3s cubic-bezier(.4,0,.2,1);
	padding: 0;
}

/* Cerrado: × rotado 45° = + */
.aut-menu-btn:not(.is-open) { transform: rotate(45deg); }
/* Abierto: × derecho */
.aut-menu-btn.is-open { transform: rotate(0deg); }
.aut-menu-btn:hover { background: rgba(255,255,255,.08); }

.aut-btn-icon {
	font-style: normal;
	font-size: 28px;
	line-height: 1;
	color: rgba(255,255,255,.85);
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}

/* ============================================================
   OVERLAY FULLSCREEN
============================================================ */

.aut-overlay {
	position: fixed;
	inset: 0;
	z-index: 999;
	background: #0a0a0a;
	display: flex;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease, visibility .35s ease;
}

.aut-overlay.open {
	opacity: 1;
	visibility: visible;
}

.aut-overlay__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 1680px;
	width: 100%;
	margin: 0 auto;
	padding: 0 clamp(24px,4vw,80px);
}

/* TOP: logo + close */
.aut-overlay__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 72px;
	flex-shrink: 0;
	border-bottom: 1px solid rgba(255,255,255,.06);
}

.aut-overlay__logo img {
	height: 22px;
	width: auto;
	filter: brightness(0) invert(1);
	opacity: .6;
	transition: opacity .2s;
}

.aut-overlay__logo:hover img { opacity: 1; }

.aut-overlay-close {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: rgba(255,255,255,.5);
	width: 40px; height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: color .2s, background .2s;
	padding: 0;
	line-height: 1;
}

.aut-overlay-close:hover {
	color: #fff;
	background: rgba(255,255,255,.06);
}

/* BODY del overlay */
.aut-overlay__body {
	flex: 1;
	display: flex;
	align-items: center;
	padding: clamp(32px,6vh,80px) 0;
	/* Mismo offset que LY */
	padding-left: clamp(0px,18vw,360px);
}

/* NAV LINKS — Montserrat 300 uppercase, igual que LY */
.aut-overlay__nav {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 560px;
}

.aut-nav__link {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: clamp(22px,3vw,40px);
	text-transform: uppercase;
	letter-spacing: -0.01em;
	line-height: 1.1;
	color: rgba(255,255,255,.85);
	text-decoration: none;
	padding: clamp(12px,1.5vh,18px) 0;
	border-bottom: 1px solid rgba(255,255,255,.06);
	opacity: .45;
	transition: opacity .15s, color .15s;
}

.aut-nav__link:first-child {
	border-top: 1px solid rgba(255,255,255,.06);
}

.aut-nav__link:hover { opacity: 1; }

.aut-nav__link.active {
	opacity: 1;
	color: #c8b77a;
}

/* Separador */
.aut-nav__sep {
	height: 1px;
	background: rgba(255,255,255,.06);
	margin: clamp(16px,3vh,32px) 0 clamp(8px,2vh,16px);
}

/* Link a LY Arquitectos */
.aut-nav__link--ly {
	display: flex !important;
	align-items: center;
	gap: 12px;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em !important;
	color: rgba(255,255,255,.35) !important;
	border-top: none !important;
	border-bottom: none !important;
	padding: 12px 0 !important;
	opacity: .6 !important;
}

.aut-nav__link--ly img {
	width: 22px !important;
	height: 22px !important;
	object-fit: contain;
	flex-shrink: 0;
	filter: brightness(0) invert(1);
	opacity: .35;
}

.aut-nav__link--ly:hover {
	opacity: 1 !important;
	color: rgba(255,255,255,.7) !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.aut-overlay__body { padding-left: 0; }
	.aut-nav__link { font-size: clamp(20px,5.5vw,32px); }
}


/* ============================================================
   CSS desde archive
============================================================ */


:root{--bg:#f4f1eb;--txt:#111111;--muted:#888888;--bdr:rgba(0,0,0,.1);--acc:#b6a16b;--f:'Montserrat',sans-serif;--ease:cubic-bezier(.4,0,.2,1);--max:1680px;--g:clamp(24px,4vw,80px);}
.ly-dark-mode{--bg:#111111;--txt:#f2f0eb;--muted:#888;--bdr:rgba(255,255,255,.1);}
*{box-sizing:border-box;margin:0;padding:0;}
body{overflow-x:hidden;}
.ly-site{background:var(--bg);color:var(--txt);}
.inside-article,.entry-content,.content-area,.site-content,.grid-container{all:unset;display:block;}
.entry-header,.generate-page-header{display:none!important;}

/* PAGE HEADER */
.ly-think-head{
  padding:calc(72px + clamp(60px,8vw,100px)) var(--g) clamp(48px,6vw,80px);
  border-bottom:1px solid var(--bdr);
}
.ly-think-head__inner{max-width:var(--max);margin:0 auto;}
.ly-think-head__label{font-family:var(--f);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:20px;}
.ly-think-head__title{font-family:var(--f);font-weight:300;font-size:clamp(36px,5.5vw,88px);line-height:1.0;text-transform:uppercase;letter-spacing:-.03em;max-width:900px;margin-bottom:24px;}
.ly-think-head__sub{font-family:var(--f);font-size:clamp(14px,1.2vw,18px);font-weight:300;line-height:1.6;color:var(--muted);max-width:560px;}

/* AUTONOMA GRID */
.ly-autonoma-full__inner{max-width:var(--max);margin:0 auto;padding:clamp(60px,8vw,120px) var(--g);}
.ly-aut-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(40px,5vw,80px);
  margin-bottom:clamp(60px,8vw,100px);
}
.ly-aut-card__a{display:block;text-decoration:none;color:var(--txt);}
.ly-aut-card__img-wrap{overflow:hidden;aspect-ratio:3/4;margin-bottom:clamp(20px,2vw,32px);}
.ly-aut-card__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease);}
.ly-aut-card__ph{width:100%;height:100%;background:#d8d5cf;}
.ly-aut-card:hover .ly-aut-card__img-wrap img{transform:scale(1.04);}
.ly-aut-card__info{}
.ly-aut-card__meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
  font-family:var(--f);
  font-size:9px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
}
.ly-aut-card__n{color:var(--acc);}
.ly-aut-card__type{background:rgba(182,161,107,.1);color:var(--acc);padding:2px 6px;border-radius:2px;}
.ly-aut-card__title{font-family:var(--f);font-weight:500;font-size:clamp(13px,1.1vw,16px);text-transform:uppercase;letter-spacing:-.01em;line-height:1.3;margin-bottom:8px;}
.ly-aut-card__excerpt{font-family:var(--f);font-size:12px;font-weight:300;line-height:1.6;color:var(--muted);}

/* PAGINACIÓN */
.ly-pagination{max-width:var(--max);margin:0 auto;padding:0 var(--g);border-top:1px solid var(--bdr);padding-top:clamp(40px,5vw,60px);}
.ly-pagination ul{list-style:none;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.ly-pagination a, .ly-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:32px;
  font-family:var(--f);
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-decoration:none;
  color:var(--txt);
  border:1px solid var(--bdr);
  border-radius:2px;
  transition:all .2s;
}
.ly-pagination a:hover{color:var(--acc);border-color:var(--acc);}
.ly-pagination .current{background:var(--acc);color:#fff;border-color:var(--acc);}

/* RESPONSIVE */
@media(max-width:1200px){
  .ly-aut-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:768px){
  .ly-aut-grid{grid-template-columns:1fr;}
}

/* ============================================================
   FOOTER AUTÓNOMA
============================================================ */
.aut-footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06);padding:clamp(40px,6vw,80px) clamp(24px,4vw,80px);}
.aut-footer__inner{max-width:1680px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;}
.aut-footer__logo{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(20px,2vw,28px);text-transform:uppercase;letter-spacing:-.02em;color:#f2f0eb;text-decoration:none;display:block;margin-bottom:12px;}
.aut-footer__copy{font-family:'Montserrat',sans-serif;font-size:11px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.06em;}
.aut-footer__copy a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;}
.aut-footer__copy a:hover{color:#c8b77a;}
.aut-footer__nav{display:flex;flex-direction:column;gap:8px;text-align:right;}
.aut-footer__nav a{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);text-decoration:none;transition:color .2s;}
.aut-footer__nav a:hover{color:#c8b77a;}
@media(max-width:768px){
  .aut-footer__inner{flex-direction:column;align-items:flex-start;}
  .aut-footer__nav{text-align:left;}
  .aut-hero-full__title{word-spacing:normal;}
}

/* ============================================================
   SINGLE — Presentación del manifiesto
============================================================ */

/* Hero del manifiesto */
.aut-piece-hero{position:relative;width:100%;height:85vh;min-height:500px;display:flex;align-items:flex-end;overflow:hidden;}
.aut-piece-hero__bg{position:absolute;inset:0;background:#111;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 12s ease;}
.aut-piece-hero:hover .aut-piece-hero__bg{transform:scale(1);}
.aut-piece-hero__veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.1) 100%);}
.aut-piece-hero__body{position:relative;z-index:2;padding:clamp(40px,6vw,80px) clamp(24px,4vw,80px);width:100%;max-width:1680px;margin:0 auto;}
.aut-piece-hero__eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.aut-piece-hero__num{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(48px,7vw,96px);line-height:1;color:#c8b77a;letter-spacing:-.03em;}
.aut-piece-hero__type{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.4);}
.aut-piece-hero__title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(36px,6vw,96px);text-transform:uppercase;letter-spacing:-.03em;line-height:.95;color:#fff;margin:0 0 16px;max-width:1000px;word-break:break-word;}
.aut-piece-hero__subtitle{font-family:Georgia,serif;font-style:italic;font-size:clamp(16px,1.4vw,22px);color:rgba(255,255,255,.6);line-height:1.5;}

/* Acciones — leer + descargar */
.aut-piece-actions{background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.06);}
.aut-piece-actions__inner{max-width:1680px;margin:0 auto;padding:clamp(24px,3vw,40px) clamp(24px,4vw,80px);display:flex;gap:16px;flex-wrap:wrap;}
.aut-piece-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:all .2s;border:none;cursor:pointer;}
.aut-piece-btn i{font-size:14px;}
.aut-piece-btn--primary{background:#c8b77a;color:#000;}
.aut-piece-btn--primary:hover{background:#e0cc8f;color:#000;}
.aut-piece-btn--secondary{background:rgba(255,255,255,.08);color:#f2f0eb;border:1px solid rgba(255,255,255,.15);}
.aut-piece-btn--secondary:hover{background:rgba(255,255,255,.15);color:#fff;}
.aut-piece-btn--ghost{background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);}
.aut-piece-btn--ghost:hover{color:#fff;border-color:rgba(255,255,255,.5);}

/* Resumen */
.aut-summary-text{max-width:760px;font-family:Georgia,serif;font-size:clamp(17px,1.3vw,20px);line-height:1.85;font-weight:300;color:#f2f0eb;}
.aut-summary-text p{margin-bottom:1.8em;}
.aut-summary-text p:last-child{margin-bottom:0;}
.aut-summary-text strong{font-weight:400;color:#c8b77a;}
.aut-summary-text blockquote{border-left:2px solid #c8b77a;padding-left:24px;margin:32px 0;font-style:italic;color:rgba(255,255,255,.6);}

/* CTA lectura completa */
.aut-piece-cta{max-width:760px;}
.aut-piece-cta__label{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#999;margin-bottom:16px;display:block;}
.aut-piece-cta__title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(28px,4vw,56px);text-transform:uppercase;letter-spacing:-.02em;color:#f2f0eb;margin-bottom:16px;line-height:1;}
.aut-piece-cta__sub{font-family:Georgia,serif;font-size:16px;font-style:italic;color:rgba(255,255,255,.5);margin-bottom:32px;line-height:1.6;}
.aut-piece-cta__btns{display:flex;gap:16px;flex-wrap:wrap;}

/* ============================================================
   LECTURA COMPLETA — Template con TOC
============================================================ */

/* Barra superior fija */
.aut-lectura-bar{
  position:sticky;top:72px;z-index:800;
  background:rgba(10,10,10,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;gap:16px;
  padding:0 clamp(24px,4vw,80px);height:52px;
}
.aut-lectura-bar__back{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);text-decoration:none;white-space:nowrap;transition:color .2s;flex-shrink:0;}
.aut-lectura-bar__back:hover{color:#c8b77a;}
.aut-lectura-bar__title{flex:1;display:flex;align-items:center;gap:12px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.aut-lectura-bar__num{color:#c8b77a;flex-shrink:0;}
.aut-lectura-bar__pdf{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);text-decoration:none;flex-shrink:0;transition:color .2s;}
.aut-lectura-bar__pdf:hover{color:#c8b77a;}

/* Header del documento */
.aut-lectura-header{padding:clamp(60px,8vw,120px) clamp(24px,4vw,80px);border-bottom:1px solid rgba(255,255,255,.06);max-width:1680px;margin:0 auto;}
.aut-lectura-header__img{width:100%;aspect-ratio:21/9;overflow:hidden;margin-bottom:clamp(48px,6vw,80px);}
.aut-lectura-header__img img{width:100%;height:100%;object-fit:cover;display:block;}
.aut-lectura-header__num{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(64px,10vw,140px);line-height:1;color:#c8b77a;letter-spacing:-.04em;margin-bottom:0;}
.aut-lectura-header__title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(36px,5vw,80px);text-transform:uppercase;letter-spacing:-.03em;line-height:.95;color:#f2f0eb;margin:8px 0 20px;word-break:break-word;}
.aut-lectura-header__sub{font-family:Georgia,serif;font-style:italic;font-size:clamp(18px,1.5vw,24px);color:rgba(255,255,255,.5);line-height:1.5;}

/* Layout: TOC + contenido */
/* ============================================================
   LECTURA — Fondo claro, tipografía oscura, TOC visible
============================================================ */

/* Wrapper lectura — fondo crema como el resto del sitio */
.aut-lectura { background: #f4f1eb; color: #111111; }

/* Barra superior — adaptada a fondo claro */
.aut-lectura .aut-lectura-bar {
  background: rgba(244,241,235,.95);
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.aut-lectura .aut-lectura-bar__back { color: #888; }
.aut-lectura .aut-lectura-bar__back:hover { color: var(--acc, #b6a16b); }
.aut-lectura .aut-lectura-bar__title { color: #111; }
.aut-lectura .aut-lectura-bar__num { color: var(--acc, #b6a16b); }
.aut-lectura .aut-lectura-bar__pdf { color: #888; }
.aut-lectura .aut-lectura-bar__pdf:hover { color: var(--acc, #b6a16b); }

/* Header — colores oscuros */
.aut-lectura .aut-lectura-header { border-bottom: 1px solid rgba(0,0,0,.1); }
.aut-lectura .aut-lectura-header__num { color: var(--acc, #b6a16b); }
.aut-lectura .aut-lectura-header__title { color: #111; }
.aut-lectura .aut-lectura-header__sub { color: #666; }

/* Layout TOC + contenido */
.aut-lectura-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 0;
  max-width: 1680px;
  margin: 0 auto;
  align-items: start;
}

/* TOC lateral — fondo claro */
.aut-lectura-toc {
  position: sticky;
  top: 124px;
  padding: clamp(40px,5vw,80px) clamp(20px,2vw,40px) clamp(40px,5vw,80px) clamp(24px,4vw,80px);
  border-right: 1px solid rgba(0,0,0,.08);
  min-height: 200px;
}
.aut-lectura-toc__inner { max-width: 220px; }
.aut-lectura-toc__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .18em;
  color: #999; margin-bottom: 20px; display: block;
}
.aut-toc__item {
  display: flex; align-items: baseline; gap: 10px;
  padding: 9px 0; text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.06);
  transition: all .2s;
}
.aut-toc__item:last-child { border-bottom: none; }
.aut-toc__n {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px; font-weight: 700;
  color: #bbb; flex-shrink: 0; transition: color .2s;
}
.aut-toc__text {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px; color: #888;
  line-height: 1.4; text-transform: uppercase;
  letter-spacing: .04em; transition: color .2s;
}
.aut-toc__item:hover .aut-toc__text { color: #111; }
.aut-toc__item.is-active .aut-toc__n { color: var(--acc, #b6a16b); }
.aut-toc__item.is-active .aut-toc__text { color: #111; font-weight: 600; }
.aut-toc__pdf {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 24px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .1em;
  color: #aaa; text-decoration: none; transition: color .2s;
}
.aut-toc__pdf:hover { color: var(--acc, #b6a16b); }

/* Contenido Gutenberg — fondo claro, texto oscuro, ancho generoso */
.aut-lectura-content {
  padding: clamp(60px,8vw,100px) clamp(40px,5vw,100px);
  max-width: 900px;
}
.aut-lectura-content h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; font-size: clamp(20px,2vw,28px);
  text-transform: uppercase; letter-spacing: -.01em;
  color: #111; margin: clamp(48px,6vw,80px) 0 24px;
  padding-top: 8px; scroll-margin-top: 140px;
}
.aut-lectura-content h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600; font-size: clamp(13px,1.1vw,15px);
  text-transform: uppercase; letter-spacing: .08em;
  color: var(--acc, #b6a16b); margin: 32px 0 16px;
}
.aut-lectura-content p {
  font-family: Georgia, serif;
  font-size: clamp(17px,1.3vw,20px);
  line-height: 1.85; color: #222;
  margin-bottom: 1.6em; font-weight: 300;
}
.aut-lectura-content blockquote {
  border-left: 2px solid var(--acc, #b6a16b);
  padding: 8px 0 8px 24px; margin: 40px 0; font-style: italic;
}
.aut-lectura-content blockquote p {
  font-size: clamp(18px,1.5vw,22px); color: #555; margin-bottom: 0;
}
.aut-lectura-content figure { margin: 40px 0; }
.aut-lectura-content figure img { width: 100%; height: auto; display: block; }
.aut-lectura-content figcaption {
  font-family: 'Montserrat', sans-serif; font-size: 11px;
  color: #999; text-transform: uppercase; letter-spacing: .06em; margin-top: 12px;
}
.aut-lectura-content ul, .aut-lectura-content ol { padding-left: 24px; margin-bottom: 1.6em; }
.aut-lectura-content li {
  font-family: Georgia, serif;
  font-size: clamp(17px,1.3vw,20px);
  line-height: 1.85; color: #222; margin-bottom: .6em;
}
.aut-lectura-content hr { border: none; border-top: 1px solid rgba(0,0,0,.1); margin: clamp(40px,5vw,64px) 0; }
.aut-lectura-content strong { color: #111; font-weight: 600; }
.aut-lectura-content a { color: var(--acc, #b6a16b); text-decoration: underline; text-underline-offset: 3px; }

/* Nav anterior/siguiente */
.aut-lectura-nav {
  max-width: 1680px; margin: 0 auto;
  padding: clamp(48px,6vw,80px) clamp(24px,4vw,80px);
  border-top: 1px solid rgba(0,0,0,.1);
  display: flex; justify-content: space-between; align-items: center; gap: 32px;
}
.aut-lectura-nav__back {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em;
  color: #888; text-decoration: none; transition: color .2s;
}
.aut-lectura-nav__back:hover { color: var(--acc, #b6a16b); }
.aut-lectura-nav__next { display: flex; align-items: center; gap: 12px; text-decoration: none; transition: opacity .2s; }
.aut-lectura-nav__next:hover { opacity: .7; }
.aut-lectura-nav__next-label { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: #999; display: block; }
.aut-lectura-nav__next-title { font-family: 'Montserrat', sans-serif; font-size: clamp(14px,1.4vw,18px); font-weight: 700; text-transform: uppercase; letter-spacing: -.01em; color: #111; display: block; }
.aut-lectura-nav__next i { font-size: 20px; color: var(--acc, #b6a16b); flex-shrink: 0; }

/* RESPONSIVE */
@media(max-width:1200px) {
  .aut-lectura-layout { grid-template-columns: 220px 1fr; }
}
@media(max-width:1024px) {
  .aut-lectura-layout { grid-template-columns: 200px 1fr; }
  .aut-lectura-content { padding: clamp(40px,5vw,80px) clamp(24px,4vw,60px); }
}
@media(max-width:768px) {
  .aut-lectura-layout { grid-template-columns: 1fr; }
  .aut-lectura-toc { display: none; }
  .aut-lectura-content { padding: 40px 24px; max-width: 100%; }
  .aut-lectura-header__img { aspect-ratio: 16/9; }
  .aut-lectura-nav { flex-direction: column; align-items: flex-start; }
  .aut-piece-actions__inner, .aut-piece-cta__btns { flex-direction: column; }
  .aut-piece-btn { width: 100%; justify-content: center; }
}

/* ============================================================
   LANDING — página gancho del manifiesto
   Layout asimétrico: número grande + texto editorial
============================================================ */

.aut-landing {
  background: #0d0d0d;
  color: #f2f0eb;
}

/* Strip de acciones — debajo del hero */
.aut-landing__actions {
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.aut-landing__actions-inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(24px,3vw,40px) clamp(24px,4vw,80px);
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}

/* Resumen — layout asimétrico 2 columnas */
.aut-landing__summary {
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.aut-landing__summary-inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(60px,8vw,120px) clamp(24px,4vw,80px);
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,6vw,120px);
  align-items: start;
}

/* Aside izquierda */
.aut-landing__summary-aside {
  position: sticky;
  top: 100px;
}
.aut-landing__big-num {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(80px,10vw,160px);
  line-height: 1;
  letter-spacing: -.04em;
  color: #c8b77a;
  margin-bottom: 24px;
}
.aut-landing__aside-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 40px;
}
.aut-landing__aside-type {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: rgba(255,255,255,.35);
}
.aut-landing__aside-sub {
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
  color: rgba(255,255,255,.45);
  line-height: 1.5;
}
.aut-landing__aside-cta {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #c8b77a;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: gap .2s;
}
.aut-landing__aside-cta:hover { gap: 14px; }
.aut-landing__aside-cta span { font-size: 16px; }

/* Cuerpo del texto */
.aut-landing__summary-body {
  padding-top: 8px;
}
.aut-landing__summary-text {
  font-family: Georgia, serif;
  font-size: clamp(18px,1.5vw,22px);
  line-height: 1.85;
  font-weight: 300;
  color: #e8e5df;
}
.aut-landing__summary-text p {
  margin-bottom: 1.8em;
}
.aut-landing__summary-text p:last-child {
  margin-bottom: 0;
}
/* H2 dentro del resumen — títulos de impacto */
.aut-landing__summary-text h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(24px,3vw,48px);
  text-transform: uppercase;
  letter-spacing: -.02em;
  line-height: 1.05;
  color: #fff;
  margin: clamp(40px,5vw,72px) 0 clamp(20px,2.5vw,32px);
  padding-top: clamp(32px,4vw,56px);
  border-top: 1px solid rgba(255,255,255,.1);
}
.aut-landing__summary-text h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
/* H3 — subtítulos */
.aut-landing__summary-text h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: clamp(14px,1.2vw,18px);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #c8b77a;
  margin: clamp(28px,3vw,40px) 0 16px;
}
/* Cita destacada — blockquote */
.aut-landing__summary-text blockquote {
  border-left: 3px solid #c8b77a;
  padding-left: clamp(20px,3vw,40px);
  margin: clamp(32px,4vw,56px) 0;
}
.aut-landing__summary-text blockquote p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: clamp(20px,2vw,30px);
  line-height: 1.5;
  color: #fff;
  font-style: normal;
  letter-spacing: -.01em;
}

/* Video */
.aut-landing__video {
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.aut-landing__video-inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(60px,8vw,100px) clamp(24px,4vw,80px);
}

/* Label de sección */
.aut-landing__section-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: rgba(255,255,255,.3);
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.aut-landing__section-label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  background: currentColor;
  opacity: .5;
}

/* CTA final — fondo ligeramente diferente */
.aut-landing__cta {
  background: #111;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.aut-landing__cta-inner {
  max-width: 860px;
  margin: 0 auto;
  padding: clamp(80px,10vw,140px) clamp(24px,4vw,80px);
  text-align: center;
}
.aut-landing__cta-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: #c8b77a;
  margin-bottom: 24px;
}
.aut-landing__cta-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(36px,5vw,80px);
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: .95;
  color: #fff;
  margin-bottom: 20px;
}
.aut-landing__cta-sub {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: clamp(17px,1.4vw,22px);
  color: rgba(255,255,255,.45);
  margin-bottom: clamp(32px,4vw,48px);
  line-height: 1.6;
}
.aut-landing__cta-btns {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Colección */
.aut-landing__coleccion {
  border-top: 1px solid rgba(255,255,255,.06);
}
.aut-landing__coleccion-inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(60px,8vw,100px) clamp(24px,4vw,80px);
}

/* Responsive */
@media (max-width: 1024px) {
  .aut-landing__summary-inner {
    grid-template-columns: 200px 1fr;
    gap: clamp(32px,4vw,60px);
  }
  .aut-landing__big-num { font-size: clamp(60px,8vw,120px); }
}
@media (max-width: 768px) {
  .aut-landing__summary-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .aut-landing__summary-aside {
    position: static;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  .aut-landing__big-num {
    font-size: clamp(64px,15vw,96px);
    margin-bottom: 0;
  }
  .aut-landing__aside-meta { margin-bottom: 0; }
  .aut-landing__aside-cta { display: none; }
  .aut-landing__actions-inner,
  .aut-landing__cta-btns { flex-direction: column; }
  .aut-piece-btn { width: 100%; justify-content: center; }
}

/* ================================================================
   HUB LANDING — page-autonoma-hub.php
   Sistema visual: oscuro (#0d0d0d) y claro (#f4f1eb) alternados
   Tipografía: Montserrat peso extremo para impacto, Georgia para cuerpo
================================================================ */

/* ── Variables locales ── */
.aut-hub-landing {
  --hl-dark:    #0d0d0d;
  --hl-light:   #f4f1eb;
  --hl-mid:     #2a2826;
  --hl-gold:    #c8b77a;
  --hl-muted:   rgba(255,255,255,.35);
  --hl-border-d:rgba(255,255,255,.07);
  --hl-border-l:rgba(0,0,0,.1);
  --hl-txt-d:   #f2f0eb;
  --hl-txt-l:   #111111;
  --hl-sub-l:   #555550;
}

/* ── 01 HERO ── oscuro, tipografía pura */
.aut-hl-hero {
  background: var(--hl-dark);
  color: var(--hl-txt-d);
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr auto;
  padding-top: 72px; /* header height */
}
.aut-hl-hero__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 clamp(24px,7vw,120px) clamp(40px,7vh,80px);
  max-width: 1680px;
  margin: 0 auto;
  width: 100%;
}
.aut-hl-hero__eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--hl-muted);
  margin-bottom: clamp(32px,5vh,60px);
  display: flex;
  align-items: center;
  gap: 16px;
}
.aut-hl-hero__eyebrow::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1px;
  background: var(--hl-muted);
}
.aut-hl-hero__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(96px,16vw,240px);
  line-height: .85;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: clamp(32px,5vh,56px);
}
.aut-hl-hero__bar {
  border-top: 1px solid var(--hl-border-d);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.aut-hl-hero__claim {
  padding: clamp(28px,4vh,48px) clamp(24px,4vw,60px) clamp(28px,4vh,48px) 0;
  border-right: 1px solid var(--hl-border-d);
}
.aut-hl-hero__claim p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(20px,2.2vw,32px);
  line-height: 1.35;
  color: #fff;
  letter-spacing: -.01em;
}
.aut-hl-hero__claim-sub {
  margin-top: 12px !important;
  color: var(--hl-muted) !important;
  font-size: clamp(16px,1.4vw,22px) !important;
}
.aut-hl-hero__nav {
  padding: clamp(28px,4vh,48px) 0 clamp(28px,4vh,48px) clamp(24px,4vw,60px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}
.aut-hl-hero__nav a {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--hl-muted);
  text-decoration: none;
  transition: color .2s;
}
.aut-hl-hero__nav a:hover { color: #fff; }
.aut-hl-hero__nav-primary {
  color: #fff !important;
  border-bottom: 1px solid var(--hl-gold);
  padding-bottom: 3px;
}
.aut-hl-hero__scroll {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px clamp(24px,7vw,120px);
  border-top: 1px solid var(--hl-border-d);
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(255,255,255,.2);
}
.aut-hl-hero__scrollline {
  width: 1px;
  height: 32px;
  background: rgba(255,255,255,.2);
  animation: hl-pulse 2.4s ease-in-out infinite;
}
@keyframes hl-pulse {
  0%,100% { opacity: 1; transform: scaleY(1); }
  50%      { opacity: .2; transform: scaleY(.3); }
}

/* ── 02 ARGUMENTO ── claro */
.aut-hl-arg {
  background: var(--hl-light);
  color: var(--hl-txt-l);
  border-bottom: 1px solid var(--hl-border-l);
}
.aut-hl-arg__inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(80px,10vw,140px) clamp(24px,7vw,120px);
}
.aut-hl-arg__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: rgba(0,0,0,.35);
  margin-bottom: clamp(40px,5vw,64px);
  display: flex;
  align-items: center;
  gap: 12px;
}
.aut-hl-arg__label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  background: currentColor;
}
.aut-hl-arg__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px,8vw,120px);
  align-items: start;
}
.aut-hl-arg__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(36px,5vw,76px);
  line-height: .92;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--hl-txt-l);
  position: sticky;
  top: 100px;
}
.aut-hl-arg__title em {
  font-style: italic;
  font-weight: 300;
  text-transform: none;
}
.aut-hl-arg__body {
  padding-top: 8px;
}
.aut-hl-arg__lead {
  font-family: Georgia, serif;
  font-size: clamp(18px,1.6vw,24px);
  line-height: 1.65;
  color: var(--hl-txt-l);
  margin-bottom: 28px;
}
.aut-hl-arg__body p {
  font-family: Georgia, serif;
  font-size: clamp(15px,1.2vw,17px);
  line-height: 1.85;
  color: var(--hl-sub-l);
  margin-bottom: 20px;
}
.aut-hl-arg__scale {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #b6a16b !important;
  margin-top: 40px !important;
  padding-top: 28px;
  border-top: 1px solid var(--hl-border-l);
}

/* ── 03 VIDEO ── oscuro */
.aut-hl-video {
  background: var(--hl-dark);
  color: var(--hl-txt-d);
  padding: clamp(60px,8vw,100px) 0 0;
}
.aut-hl-video__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--hl-muted);
  padding: 0 clamp(24px,7vw,120px);
  margin-bottom: 24px;
}
.aut-hl-video__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background: #000;
}
.aut-hl-video__wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.aut-hl-video__desc {
  padding: 24px clamp(24px,7vw,120px) clamp(48px,6vw,80px);
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
  color: var(--hl-muted);
  max-width: 640px;
}

/* ── 04 COLECCIÓN ── claro */
.aut-hl-col {
  background: var(--hl-light);
  color: var(--hl-txt-l);
}
.aut-hl-col__inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(80px,10vw,140px) clamp(24px,7vw,120px);
}
.aut-hl-col__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: rgba(0,0,0,.35);
  margin-bottom: clamp(32px,4vw,48px);
  display: flex; align-items: center; gap: 12px;
}
.aut-hl-col__label::before { content: ''; width: 20px; height: 1px; background: currentColor; display: inline-block; }
.aut-hl-col__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px,6vw,80px);
  align-items: end;
  margin-bottom: clamp(48px,7vw,96px);
  padding-bottom: clamp(40px,5vw,64px);
  border-bottom: 2px solid var(--hl-txt-l);
}
.aut-hl-col__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(40px,5.5vw,76px);
  line-height: .92;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--hl-txt-l);
}
.aut-hl-col__title em { font-style: italic; font-weight: 300; text-transform: none; }
.aut-hl-col__intro {
  font-family: Georgia, serif;
  font-size: clamp(14px,1.3vw,17px);
  line-height: 1.8;
  color: var(--hl-sub-l);
}

/* Documento individual */
.aut-hl-doc {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: clamp(20px,4vw,60px);
  padding: clamp(32px,4vw,56px) 0;
  border-bottom: 1px solid var(--hl-border-l);
  align-items: start;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .55s ease, transform .55s ease;
}
.aut-hl-doc.is-visible { opacity: 1; transform: translateY(0); }
.aut-hl-doc:first-child { border-top: 1px solid var(--hl-border-l); }
.aut-hl-doc__num {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: clamp(64px,8vw,108px);
  line-height: 1;
  letter-spacing: -.02em;
  color: #b6a16b;
  padding-top: .05em;
}
.aut-hl-doc__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.aut-hl-doc__type {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .22em;
  color: rgba(0,0,0,.3);
}
.aut-hl-doc__scale {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(0,0,0,.2);
}
.aut-hl-doc__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: clamp(22px,3vw,44px);
  line-height: .95;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--hl-txt-l);
  margin-bottom: 10px;
}
.aut-hl-doc__sub {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: clamp(14px,1.2vw,17px);
  color: var(--hl-sub-l);
  margin-bottom: 16px;
}
.aut-hl-doc__hook {
  font-family: Georgia, serif;
  font-size: clamp(14px,1.2vw,16px);
  line-height: 1.7;
  color: var(--hl-sub-l);
  max-width: 560px;
  margin-bottom: 24px;
  padding-left: 16px;
  border-left: 2px solid #b6a16b;
}
.aut-hl-doc__actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.aut-hl-doc__link-primary {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--hl-txt-l);
  text-decoration: none;
  border-bottom: 1px solid var(--hl-txt-l);
  padding-bottom: 2px;
  transition: color .2s, border-color .2s;
}
.aut-hl-doc__link-primary:hover { color: #b6a16b; border-color: #b6a16b; }
.aut-hl-doc__link-sec {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(0,0,0,.3);
  text-decoration: none;
  transition: color .2s;
}
.aut-hl-doc__link-sec:hover { color: var(--hl-txt-l); }
.aut-hl-doc__thumb {
  width: clamp(80px,10vw,160px);
  flex-shrink: 0;
  align-self: center;
}
.aut-hl-doc__thumb img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  display: block;
  filter: grayscale(30%);
  transition: filter .3s;
}
.aut-hl-doc:hover .aut-hl-doc__thumb img { filter: grayscale(0); }

/* ── 05 STATEMENT ── oscuro */
.aut-hl-statement {
  background: var(--hl-dark);
  padding: clamp(80px,12vw,160px) clamp(24px,7vw,120px);
  text-align: center;
}
.aut-hl-statement__inner {
  max-width: 900px;
  margin: 0 auto;
}
.aut-hl-statement__quote {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(22px,3vw,42px);
  line-height: 1.4;
  letter-spacing: -.01em;
  color: #fff;
  margin-bottom: 28px;
  quotes: none;
}
.aut-hl-statement__cite {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: var(--hl-gold);
  font-style: normal;
}

/* ── 06 PRINCIPIOS ── oscuro */
.aut-hl-principles {
  background: var(--hl-dark);
  color: var(--hl-txt-d);
  border-top: 1px solid var(--hl-border-d);
}
.aut-hl-principles__inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(80px,10vw,140px) clamp(24px,7vw,120px);
}
.aut-hl-principles__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px,6vw,80px);
  align-items: end;
  margin-bottom: clamp(48px,6vw,80px);
  padding-bottom: clamp(40px,5vw,60px);
  border-bottom: 1px solid var(--hl-border-d);
}
.aut-hl-principles__label {
  grid-column: 1 / -1;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: rgba(255,255,255,.25);
  display: flex; align-items: center; gap: 12px;
}
.aut-hl-principles__label::before { content: ''; width: 20px; height: 1px; background: currentColor; display: inline-block; }
.aut-hl-principles__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(36px,5vw,72px);
  line-height: .92;
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: #fff;
}
.aut-hl-principles__title em { font-style: italic; font-weight: 300; text-transform: none; color: var(--hl-gold); }
.aut-hl-principles__sub {
  font-family: Georgia, serif;
  font-size: clamp(14px,1.3vw,17px);
  line-height: 1.75;
  color: rgba(255,255,255,.4);
  align-self: end;
}
.aut-hl-principles__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--hl-border-d);
}
.aut-hl-p {
  padding: clamp(24px,3vw,40px) clamp(16px,2vw,28px) clamp(24px,3vw,40px) 0;
  border-right: 1px solid var(--hl-border-d);
  border-bottom: 1px solid var(--hl-border-d);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .5s ease, transform .5s ease;
}
.aut-hl-p.is-visible { opacity: 1; transform: translateY(0); }
.aut-hl-p:nth-child(4n) { border-right: none; }
.aut-hl-p__n {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--hl-gold);
  margin-bottom: 14px;
}
.aut-hl-p__name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: clamp(12px,1.1vw,15px);
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1.2;
  color: var(--hl-txt-d);
  margin-bottom: 12px;
}
.aut-hl-p__desc {
  font-family: Georgia, serif;
  font-size: 12px;
  line-height: 1.65;
  color: rgba(255,255,255,.35);
}
.aut-hl-principles__footer {
  padding-top: clamp(32px,4vw,48px);
  border-top: 1px solid var(--hl-border-d);
  margin-top: 0;
  text-align: right;
}
.aut-hl-cta-link {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--hl-gold);
  text-decoration: none;
  transition: opacity .2s;
}
.aut-hl-cta-link:hover { opacity: .7; }

/* ── 07 BRIDGE ── claro, minimalista */
.aut-hl-bridge {
  background: var(--hl-light);
  padding: clamp(80px,12vw,160px) clamp(24px,7vw,120px);
  text-align: center;
  border-top: 1px solid var(--hl-border-l);
  border-bottom: 1px solid var(--hl-border-l);
}
.aut-hl-bridge__inner {
  max-width: 720px;
  margin: 0 auto;
}
.aut-hl-bridge__line {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(28px,4vw,56px);
  text-transform: uppercase;
  letter-spacing: -.02em;
  line-height: .95;
  color: var(--hl-txt-l);
  margin-bottom: 20px;
}
.aut-hl-bridge__sub {
  font-family: Georgia, serif;
  font-size: clamp(16px,1.4vw,20px);
  font-style: italic;
  color: var(--hl-sub-l);
  line-height: 1.5;
}

/* ── 08 CONTACTO ── claro */
.aut-hl-contact {
  background: var(--hl-light);
  color: var(--hl-txt-l);
}
.aut-hl-contact__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(80px,10vw,140px) clamp(24px,7vw,120px);
}
.aut-hl-contact__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: rgba(0,0,0,.3);
  margin-bottom: clamp(32px,4vw,48px);
  display: flex; align-items: center; gap: 12px;
}
.aut-hl-contact__label::before { content: ''; width: 20px; height: 1px; background: currentColor; display: inline-block; }
.aut-hl-contact__header {
  margin-bottom: clamp(48px,6vw,72px);
}
.aut-hl-contact__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(40px,5.5vw,80px);
  line-height: .92;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--hl-txt-l);
  margin-bottom: 20px;
}
.aut-hl-contact__title em { font-style: italic; font-weight: 300; text-transform: none; }
.aut-hl-contact__intro {
  font-family: Georgia, serif;
  font-size: clamp(15px,1.3vw,18px);
  line-height: 1.75;
  color: var(--hl-sub-l);
  max-width: 600px;
}

/* Paths grid */
.aut-hl-paths {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--hl-border-l);
  border: 1px solid var(--hl-border-l);
  margin-bottom: 48px;
}
.aut-hl-path {
  background: var(--hl-light);
  border: none;
  cursor: pointer;
  padding: clamp(24px,3vw,40px) clamp(20px,2.5vw,32px);
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: background .2s;
}
.aut-hl-path:hover { background: #ece9e1; }
.aut-hl-path__hook {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: clamp(13px,1.1vw,16px);
  line-height: 1.5;
  color: var(--hl-sub-l);
  display: block;
}
.aut-hl-path__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--hl-txt-l);
  display: flex;
  align-items: center;
  gap: 8px;
}
.aut-hl-path__label::after {
  content: '→';
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .2s, transform .2s;
  font-family: 'Montserrat', sans-serif;
}
.aut-hl-path:hover .aut-hl-path__label::after { opacity: 1; transform: translateX(0); }

/* Form wrap */
.aut-hl-form-wrap {
  border: 1px solid var(--hl-border-l);
  padding: clamp(32px,4vw,56px);
  background: #fff;
}
.aut-hl-form-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--hl-border-l);
}
.aut-hl-form-back {
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(0,0,0,.35);
  padding: 0;
  transition: color .2s;
}
.aut-hl-form-back:hover { color: var(--hl-txt-l); }
.aut-hl-form-path-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #b6a16b;
  margin: 0;
}
.aut-hl-form-context { margin-bottom: 28px; }
.aut-hl-form-ctx { display: none; }
.aut-hl-form-ctx__q {
  font-family: Georgia, serif;
  font-size: clamp(16px,1.4vw,20px);
  line-height: 1.7;
  color: var(--hl-txt-l);
  font-style: italic;
}
.aut-hl-form-error {
  background: #fff5f5;
  border: 1px solid #fca5a5;
  padding: 12px 16px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #b91c1c;
  margin-bottom: 20px;
}
.aut-hl-form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.aut-hl-ff {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.aut-hl-ff--full { grid-column: 1 / -1; }
.aut-hl-ff label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(0,0,0,.4);
}
.aut-hl-ff input,
.aut-hl-ff textarea {
  background: var(--hl-light);
  border: 1px solid var(--hl-border-l);
  padding: 12px 14px;
  font-family: Georgia, serif;
  font-size: 15px;
  color: var(--hl-txt-l);
  transition: border-color .2s;
  resize: vertical;
  outline: none;
}
.aut-hl-ff input:focus,
.aut-hl-ff textarea:focus { border-color: #b6a16b; }
.aut-hl-submit {
  margin-top: 24px;
  background: var(--hl-txt-l);
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 16px 40px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: background .2s;
}
.aut-hl-submit:hover { background: #2a2826; }
.aut-hl-submit span { transition: transform .2s; }
.aut-hl-submit:hover span { transform: translateX(4px); }

/* Confirmación */
.aut-hl-confirm {
  padding: clamp(48px,6vw,80px);
  text-align: center;
  background: #fff;
  border: 1px solid var(--hl-border-l);
}
.aut-hl-confirm__icon {
  font-size: 32px;
  color: #b6a16b;
  margin-bottom: 20px;
}
.aut-hl-confirm__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(28px,4vw,56px);
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: var(--hl-txt-l);
  margin-bottom: 16px;
}
.aut-hl-confirm__text {
  font-family: Georgia, serif;
  font-size: clamp(15px,1.3vw,18px);
  line-height: 1.7;
  color: var(--hl-sub-l);
  max-width: 480px;
  margin: 0 auto 28px;
}
.aut-hl-confirm__link {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #b6a16b;
  text-decoration: none;
  border-bottom: 1px solid #b6a16b;
  padding-bottom: 2px;
}

/* ── 09 CIERRE ── oscuro */
.aut-hl-close {
  background: var(--hl-dark);
  color: var(--hl-txt-d);
  border-top: 1px solid var(--hl-border-d);
}
.aut-hl-close__inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: clamp(60px,8vw,100px) clamp(24px,7vw,120px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px,6vw,80px);
  align-items: center;
  border-top: 1px solid var(--hl-border-d);
}
.aut-hl-close__press-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--hl-muted);
  margin-bottom: 16px;
}
.aut-hl-close__press-line {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(20px,2vw,30px);
  line-height: 1.35;
  color: #fff;
  margin-bottom: 24px;
  letter-spacing: -.01em;
}
.aut-hl-close__press-link {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--hl-gold);
  text-decoration: none;
  border-bottom: 1px solid var(--hl-gold);
  padding-bottom: 2px;
  transition: opacity .2s;
}
.aut-hl-close__press-link:hover { opacity: .7; }
.aut-hl-close__brand {
  text-align: right;
}
.aut-hl-close__brand-name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(24px,3vw,48px);
  letter-spacing: -.01em;
  color: rgba(255,255,255,.15);
  margin-bottom: 8px;
}
.aut-hl-close__brand-sub {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--hl-muted);
  margin-bottom: 16px;
}
.aut-hl-close__brand-link {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(255,255,255,.3);
  text-decoration: none;
  transition: color .2s;
}
.aut-hl-close__brand-link:hover { color: #fff; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .aut-hl-col__header,
  .aut-hl-principles__header { grid-template-columns: 1fr; }
  .aut-hl-principles__label { grid-column: 1; }
  .aut-hl-principles__grid { grid-template-columns: repeat(2,1fr); }
  .aut-hl-p:nth-child(4n) { border-right: 1px solid var(--hl-border-d); }
  .aut-hl-p:nth-child(2n) { border-right: none; }
  .aut-hl-paths { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .aut-hl-hero__bar { grid-template-columns: 1fr; }
  .aut-hl-hero__claim { border-right: none; border-bottom: 1px solid var(--hl-border-d); }
  .aut-hl-hero__nav { align-items: flex-start; padding-left: 0; padding-top: 24px; }
  .aut-hl-arg__grid { grid-template-columns: 1fr; }
  .aut-hl-arg__title { position: static; }
  .aut-hl-doc { grid-template-columns: 60px 1fr; }
  .aut-hl-doc__thumb { display: none; }
  .aut-hl-doc__num { font-size: clamp(48px,10vw,72px); }
  .aut-hl-principles__grid { grid-template-columns: 1fr; }
  .aut-hl-p { border-right: none !important; }
  .aut-hl-paths { grid-template-columns: 1fr; }
  .aut-hl-form-fields { grid-template-columns: 1fr; }
  .aut-hl-close__inner { grid-template-columns: 1fr; }
  .aut-hl-close__brand { text-align: left; }
}

/* ── SECCIÓN IDEAS — frases literales de los manifiestos ── */
.aut-hl-ideas__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--hl-border-d);
  gap: 0;
}
.aut-hl-idea {
  padding: clamp(28px,3.5vw,48px) clamp(20px,2.5vw,36px) clamp(28px,3.5vw,48px) 0;
  border-right: 1px solid var(--hl-border-d);
  border-bottom: 1px solid var(--hl-border-d);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .5s ease, transform .5s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.aut-hl-idea.is-visible { opacity: 1; transform: translateY(0); }
.aut-hl-idea:nth-child(3n) { border-right: none; }
.aut-hl-idea__text {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: clamp(13px,1.1vw,16px);
  line-height: 1.7;
  color: rgba(255,255,255,.55);
  flex: 1;
}
.aut-hl-idea__src {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--hl-gold);
  display: block;
}

@media (max-width: 1024px) {
  .aut-hl-ideas__grid { grid-template-columns: repeat(2,1fr); }
  .aut-hl-idea:nth-child(3n) { border-right: 1px solid var(--hl-border-d); }
  .aut-hl-idea:nth-child(2n) { border-right: none; }
}
@media (max-width: 768px) {
  .aut-hl-ideas__grid { grid-template-columns: 1fr; }
  .aut-hl-idea { border-right: none !important; }
}

/* ── Argumento — contenido Gutenberg ── */
.aut-hl-arg__gutenberg {
  max-width: 720px;
}
.aut-hl-arg__gutenberg p {
  font-family: Georgia, serif;
  font-size: clamp(15px,1.3vw,18px);
  line-height: 1.85;
  color: #555550 !important;
  margin-bottom: 1.6em;
}
.aut-hl-arg__gutenberg > p:first-child {
  font-size: clamp(18px,1.6vw,24px);
  color: #111111 !important;
  font-weight: 400;
}
.aut-hl-arg__gutenberg h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(24px,3vw,40px);
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: #111111 !important;
  margin: 2.5em 0 .8em;
}
.aut-hl-arg__gutenberg strong { font-weight: 600; color: #111111 !important; }
.aut-hl-arg__gutenberg em { font-style: italic; }


/* ════════════════════════════════════════════════════════════════════
   HUB EDITORIAL v4 — Ajustes de diseño fino
   · Números de manifiesto visibles (opacity .28)
   · Texto superpuesto sobre hero de manifiesto (overlay inferior)
   · Imágenes desaturadas 80% → color total en hover
   · Proyectos: hero full-width + ficha de datos reales + excerpt
   · Espaciados ajustados — menos aire muerto
   · Transiciones entre secciones más definidas
════════════════════════════════════════════════════════════════════ */

/* ── Variables y base ── */
.aut2 {
  --paper:  #F5F2EC;
  --ink:    #0D0D0D;
  --void:   #000000;
  --muted:  #7A7672;
  --rule:   rgba(13,13,13,.1);
  --f:      'Montserrat', sans-serif;
  --side:   clamp(20px, 5vw, 80px);

  background: var(--paper);
  color: var(--ink);
  font-family: var(--f);
  -webkit-font-smoothing: antialiased;
}
.aut2 * { box-sizing: border-box; }

/* ── Utilidades ── */
.aut2-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 16px;
  display: block;
}
.aut2-label--light { color: rgba(255,255,255,.45); }

.aut2-link {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 3px;
  transition: opacity .2s, letter-spacing .3s;
  font-family: var(--f);
}
.aut2-link:hover { opacity: .5; letter-spacing: .18em; }
.aut2-link--light { color: #fff; border-color: rgba(255,255,255,.6); }
.aut2-link--light:hover { opacity: .65; }

/* ════════════════════════════════════════════════════════════════
   1. PORTADA — hero fullscreen con imagen de fondo
   Logo en header, no en portada. Texto anclado al fondo.
════════════════════════════════════════════════════════════════ */

.aut2-cover {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: var(--ink) center/cover no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 var(--side) clamp(40px, 6vh, 72px);
  overflow: hidden;
}

.aut2-cover__veil {
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.15) 0%,
    rgba(0,0,0,.05) 25%,
    rgba(0,0,0,.45) 65%,
    rgba(0,0,0,.82) 100%
  );
  z-index: 0;
}
.aut2-cover > * { position: relative; z-index: 1; }

.aut2-cover__bottom {
  max-width: 820px;
}

.aut2-cover__title {
  font-size: clamp(36px, 5.5vw, 80px);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -0.025em;
  color: #fff;
  margin: 0 0 20px;
  text-wrap: balance;
}

.aut2-cover__claim p {
  font-size: clamp(14px, 1.2vw, 17px);
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255,255,255,.72);
  margin: 0 0 4px;
  max-width: 560px;
}

.aut2-cover__scroll {
  margin-top: 32px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  transition: color .2s;
}
.aut2-cover__scroll:hover { color: rgba(255,255,255,.85); }
.aut2-cover__scrollline {
  width: 36px; height: 1px;
  background: rgba(255,255,255,.35);
  flex-shrink: 0;
}

/* ════════════════════════════════════════════════════════════════
   2. EDITORIAL — dos columnas tipográficas
   Padding reducido vs v3 para eliminar aire muerto
════════════════════════════════════════════════════════════════ */

.aut2-essay {
  display: grid;
  grid-template-columns: 240px 1fr;
  border-bottom: 1px solid var(--rule);
}

.aut2-essay__aside {
  border-right: 1px solid var(--rule);
  padding: clamp(40px, 5vw, 64px) clamp(20px, 2.5vw, 36px);
}

.aut2-essay__kicker {
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.015em;
  margin: 0 0 20px;
  text-wrap: balance;
}

.aut2-essay__meta {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--muted);
}

.aut2-essay__body {
  padding: clamp(40px, 5vw, 64px) clamp(32px, 5vw, 72px);
}

.aut2-prose {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  max-width: 640px;
}
.aut2-prose p { margin-bottom: 1.3em; }
.aut2-prose strong { font-weight: 600; }

.aut2-essay__divider {
  margin: 32px 0;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  max-width: 640px;
}
.aut2-essay__divider::before,
.aut2-essay__divider::after {
  content: ''; flex: 1; height: 1px; background: var(--rule);
}

@media (max-width: 800px) {
  .aut2-essay { grid-template-columns: 1fr; }
  .aut2-essay__aside { border-right: none; border-bottom: 1px solid var(--rule); }
}

/* ════════════════════════════════════════════════════════════════
   3. CESURA — frase a pantalla completa en negro
════════════════════════════════════════════════════════════════ */

.aut2-cesura {
  width: 100%;
  background: var(--void);
  padding: clamp(72px, 11vh, 140px) var(--side);
}

.aut2-cesura__quote {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.aut2-cesura__quote p {
  font-size: clamp(22px, 3.5vw, 48px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: #fff;
  text-wrap: balance;
}

/* ════════════════════════════════════════════════════════════════
   4. CABECERA MANIFIESTOS
════════════════════════════════════════════════════════════════ */

.aut2-chapters__head {
  padding: clamp(48px, 6vw, 72px) var(--side) clamp(36px, 4vw, 52px);
  border-bottom: 1px solid var(--rule);
}

.aut2-chapters__title {
  font-size: clamp(28px, 4.5vw, 56px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
  text-wrap: balance;
}
.aut2-chapters__title em { font-style: italic; font-weight: 400; }

.aut2-chapters__intro {
  font-size: 15px;
  line-height: 1.6;
  color: var(--muted);
  max-width: 600px;
}

/* ════════════════════════════════════════════════════════════════
   5. CADA MANIFIESTO
   Imagen HERO full-width con overlay + texto superpuesto inferior
   Número visible (opacity .28) debajo del hero
════════════════════════════════════════════════════════════════ */

.aut2-chapter {
  border-bottom: 1px solid var(--rule);
}

/* Hero: imagen a sangre con overlay y texto encima */
.aut2-chapter__hero {
  width: 100%;
  aspect-ratio: 16 / 7;
  overflow: hidden;
  background: var(--ink);
  position: relative;
}

.aut2-chapter__hero img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  filter: grayscale(70%) brightness(.92);
  transition: filter .9s ease, transform .9s ease;
}
.aut2-chapter:hover .aut2-chapter__hero img {
  filter: grayscale(0) brightness(1);
  transform: scale(1.025);
}

/* Overlay inferior con título superpuesto */
.aut2-chapter__hero-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: clamp(24px, 4vw, 48px) var(--side) clamp(20px, 3vw, 36px);
  background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.3) 55%, transparent 100%);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.aut2-chapter__overlay-left {
  display: flex;
  align-items: baseline;
  gap: 16px;
}

.aut2-chapter__overlay-num {
  font-family: 'Kiona', 'Oswald', sans-serif;
  font-size: clamp(48px, 6vw, 96px);
  font-weight: 700;
  line-height: 0.85;
  color: rgba(255,255,255,.22);
  letter-spacing: -0.03em;
  flex-shrink: 0;
}

.aut2-chapter__overlay-title {
  font-size: clamp(22px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: -0.02em;
  color: #fff;
  text-wrap: balance;
}

.aut2-chapter__overlay-sub {
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 400;
  font-style: italic;
  color: rgba(255,255,255,.65);
  text-align: right;
  flex-shrink: 0;
  max-width: 280px;
  line-height: 1.4;
  align-self: flex-end;
}

/* Cuerpo debajo de la imagen — más compacto */
.aut2-chapter__body {
  padding: clamp(28px, 4vw, 48px) var(--side);
  display: grid;
  grid-template-columns: clamp(80px, 8vw, 140px) 1fr;
  gap: 0 clamp(24px, 4vw, 56px);
  align-items: start;
}

/* Número grande — visible pero no agresivo */
.aut2-chapter__num {
  font-family: 'Kiona', 'Oswald', sans-serif;
  font-size: clamp(64px, 8vw, 120px);
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -0.03em;
  color: rgba(13,13,13,.28);   /* VISIBLE — no fantasma */
  display: block;
  user-select: none;
  padding-top: 4px;
}

.aut2-chapter__content { }

.aut2-chapter__title {
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  max-width: 640px;
  text-wrap: balance;
}

.aut2-chapter__sub {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: var(--muted);
  margin-bottom: 16px;
  max-width: 560px;
  line-height: 1.5;
}

.aut2-chapter__excerpt {
  font-size: 15px;
  line-height: 1.68;
  max-width: 580px;
  margin-bottom: 24px;
  color: rgba(13,13,13,.82);
}

.aut2-chapter__links { margin: 0; }

@media (max-width: 640px) {
  .aut2-chapter__body { grid-template-columns: 1fr; }
  .aut2-chapter__num { font-size: 56px; margin-bottom: -8px; }
  .aut2-chapter__hero { aspect-ratio: 4/3; }
  .aut2-chapter__overlay-sub { display: none; }
}

/* ════════════════════════════════════════════════════════════════
   6. VIDEO
════════════════════════════════════════════════════════════════ */

.aut2-film {
  border-bottom: 1px solid var(--rule);
  padding: clamp(40px, 5vw, 64px) var(--side);
  background: var(--ink);
}
.aut2-film .aut2-label { color: rgba(255,255,255,.4); }
.aut2-film__wrap {
  position: relative; padding-bottom: 56.25%;
  background: #000; margin-top: 16px;
}
.aut2-film__wrap iframe {
  position: absolute; inset: 0;
  width: 100%; height: 100%; border: none;
}

/* ════════════════════════════════════════════════════════════════
   7. IDEAS — lista vertical tipo índice
   Padding reducido, hover sutil
════════════════════════════════════════════════════════════════ */

.aut2-index { border-bottom: 1px solid var(--rule); }

.aut2-index__head {
  padding: clamp(40px, 5vw, 64px) var(--side) clamp(28px, 3.5vw, 44px);
  border-bottom: 1px solid var(--rule);
}

.aut2-index__title {
  font-size: clamp(24px, 3.5vw, 44px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.02em;
  max-width: 560px;
  margin: 0;
}

.aut2-index__list { list-style: none; padding: 0; margin: 0; }

.aut2-index__item { border-bottom: 1px solid var(--rule); }
.aut2-index__item:last-child { border-bottom: none; }

.aut2-index__item a {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: clamp(16px, 3vw, 40px);
  padding: clamp(20px, 2.8vh, 32px) var(--side);
  text-decoration: none;
  color: var(--ink);
  transition: padding-left .22s ease, background .18s;
  align-items: center;
}
.aut2-index__item a:hover {
  padding-left: calc(var(--side) + 14px);
  background: rgba(13,13,13,.025);
}

.aut2-index__num {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
}

.aut2-index__cat {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 5px;
  display: block;
}

.aut2-index__entry {
  font-size: clamp(16px, 1.7vw, 22px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin-bottom: 5px;
}

.aut2-index__excerpt {
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
  font-weight: 400;
}

.aut2-index__more {
  padding: clamp(24px, 3.5vh, 40px) var(--side);
}

@media (max-width: 580px) {
  .aut2-index__item a { grid-template-columns: 1fr; gap: 4px; }
}

/* ════════════════════════════════════════════════════════════════
   8. PROYECTOS AUTÓNOMOS
   Hero fullwidth + ficha de datos reales debajo + excerpt
   Formato: imagen panorámica → strip de datos → excerpt + link
════════════════════════════════════════════════════════════════ */

.aut2-projects { border-bottom: 1px solid var(--rule); }

.aut2-projects__head {
  padding: clamp(40px, 5vw, 64px) var(--side) clamp(28px, 3.5vw, 44px);
  border-bottom: 1px solid var(--rule);
}

.aut2-projects__title {
  font-size: clamp(24px, 3.5vw, 44px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.02em;
  max-width: 560px;
  margin: 0 0 10px;
}

.aut2-projects__sub {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.6;
  max-width: 480px;
}

/* Cada proyecto */
.aut2-project {
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
  color: var(--ink);
  display: block;
}
.aut2-project:last-child { border-bottom: none; }

/* Hero full-width con overlay inferior */
.aut2-project__hero {
  width: 100%;
  aspect-ratio: 21 / 8;
  overflow: hidden;
  background: var(--ink);
  position: relative;
}

.aut2-project__hero img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  filter: grayscale(60%) brightness(.95);
  transition: filter .8s ease, transform .8s ease;
}
.aut2-project:hover .aut2-project__hero img {
  filter: grayscale(0) brightness(1.02);
  transform: scale(1.02);
}

/* Nombre del proyecto superpuesto sobre la imagen */
.aut2-project__hero-label {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: clamp(16px, 3vw, 32px) var(--side) clamp(14px, 2.5vw, 28px);
  background: linear-gradient(to top, rgba(0,0,0,.65) 0%, transparent 100%);
}

.aut2-project__hero-title {
  font-size: clamp(20px, 2.5vw, 32px);
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: -0.015em;
  color: #fff;
}

/* Strip de metadatos — horizontal, compacto */
.aut2-project__meta-strip {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--rule);
  overflow-x: auto;
  scrollbar-width: none;
}
.aut2-project__meta-strip::-webkit-scrollbar { display: none; }

.aut2-project__meta-item {
  flex: 1;
  min-width: 100px;
  padding: clamp(12px, 1.5vw, 18px) var(--side);
  border-right: 1px solid var(--rule);
}
.aut2-project__meta-item:last-child { border-right: none; }

.aut2-project__meta-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  display: block;
  margin-bottom: 4px;
}

.aut2-project__meta-value {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}

/* Excerpt + link */
.aut2-project__body {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: clamp(24px, 4vw, 56px);
  padding: clamp(20px, 2.8vw, 32px) var(--side);
  align-items: end;
}

.aut2-project__excerpt {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(13,13,13,.75);
  max-width: 640px;
}

@media (max-width: 760px) {
  .aut2-project__hero { aspect-ratio: 16/9; }
  .aut2-project__meta-strip { flex-wrap: wrap; }
  .aut2-project__meta-item { flex: 0 0 50%; min-width: 50%; }
  .aut2-project__body { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════════
   9. COLOFÓN — papel (izq) + negro (der)
════════════════════════════════════════════════════════════════ */

.aut2-coda {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.aut2-coda__l {
  background: var(--paper);
  padding: clamp(48px, 6vw, 88px) var(--side);
  border-right: 1px solid var(--rule);
}

.aut2-coda__r {
  background: var(--void);
  color: #fff;
  padding: clamp(48px, 6vw, 88px) var(--side);
}

.aut2-coda__big {
  font-size: clamp(24px, 3vw, 42px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.015em;
  margin-bottom: 20px;
  text-wrap: balance;
}

.aut2-coda__text {
  font-size: 15px;
  line-height: 1.68;
  margin-bottom: 28px;
}
.aut2-coda__r .aut2-coda__text { color: rgba(255,255,255,.72); }

.aut2-coda__form {
  display: flex;
  border-bottom: 1px solid rgba(255,255,255,.35);
  margin-top: 24px;
}
.aut2-coda__form input {
  flex: 1;
  background: transparent; border: none;
  color: #fff;
  padding: 10px 0;
  font-family: var(--f); font-size: 14px; outline: none;
}
.aut2-coda__form input::placeholder { color: rgba(255,255,255,.38); }
.aut2-coda__form button {
  background: transparent; border: none; color: #fff;
  cursor: pointer;
  font-family: var(--f);
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.2em; text-transform: uppercase;
  padding: 0 0 0 14px;
  transition: opacity .2s;
}
.aut2-coda__form button:hover { opacity: .6; }

@media (max-width: 800px) {
  .aut2-coda { grid-template-columns: 1fr; }
  .aut2-coda__l { border-right: none; border-bottom: 1px solid var(--rule); }
}