.hero-mundo h1 { font-size: clamp(42px,7.4vw,104px); }
.hero-mundo .lede { font-family: var(--font-body); font-size: clamp(16px,1.3vw,19px); max-width: 58ch; color: var(--text-secondary); }

.ta-section { position: relative; z-index: 2; padding: clamp(66px,11vh,150px) clamp(18px,4vw,56px); border-top: 1px solid var(--line); background: radial-gradient(120% 80% at 50% 0%, #20182a 0%, var(--ink) 62%); overflow: hidden; }
.ta-glow { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: min(90vw,1100px); height: min(60vw,700px); background: radial-gradient(ellipse at center, var(--verdigris) 0%, transparent 66%); filter: blur(80px); opacity: .34; animation: glow 20s ease-in-out infinite; pointer-events: none; }
.ta-inner { position: relative; max-width: 1180px; margin: 0 auto; }
.ta-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 16px; font-family: var(--font-mono); font-size: 10px; letter-spacing: .28em; text-transform: uppercase; color: var(--text-secondary); border-bottom: 1px solid var(--line); padding-bottom: 14px; }
.ta-head .ta-no { font-family: var(--font-serif); font-size: 22px; letter-spacing: 0; color: var(--verdigris); }
.ta-banner { text-align: center; margin-top: clamp(40px,7vh,80px); }
.ta-banner img { max-width: min(88%,600px); margin: 0 auto; display: block; filter: drop-shadow(0 10px 30px rgba(0,0,0,.5)); }
.ta-banner p { font-family: var(--font-serif); font-size: clamp(20px,1.7vw,25px); line-height: 1.6; color: var(--text-soft); max-width: 54ch; margin: 30px auto 0; text-wrap: pretty; }
.ta-plates { display: grid; grid-template-columns: 1.4fr .6fr; gap: 1px; background: var(--line); margin-top: clamp(30px,5vh,56px); }
.ta-plates img, .ta-plates .plate-placeholder { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: auto; }