/* TÓNICA · Home (index.html) · diseño TonicaHome / TonicaHomeMobile */

/* Hero */
.hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 56px; padding: 96px var(--pad) 88px; align-items: stretch; }
.hero-txt { display: flex; flex-direction: column; justify-content: space-between; gap: 56px; }
.hero-title-box { display: flex; flex-direction: column; gap: 28px; }
.hero-title { font-size: 92px; font-weight: 500; letter-spacing: -.05em; line-height: .94; text-wrap: balance; }
.hero-lead { font-size: 20px; line-height: 1.5; color: var(--sub); max-width: 560px; text-wrap: pretty; }
.hero-ctas { display: flex; gap: 12px; }
.hero-panel { position: relative; background: var(--s3); aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }
.hero-iso { width: 300px; height: 300px; }
.hero-now { position: absolute; left: 24px; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 14px; background: var(--ink); color: var(--bg); padding: 14px 16px; }
.hero-now-btn { width: 36px; height: 36px; flex: none; background: var(--bg); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.hero-now-txt { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.hero-now-name { font-size: 14px; font-weight: 500; }
.hero-now-meta { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; opacity: .7; }
.hero-now-status { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; opacity: .7; }
@media (max-width: 1023px) {
  .hero { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 48px var(--pad) 0; }
  .hero-txt { gap: 22px; }
  .hero-title-box { gap: 22px; }
  .hero-title { font-size: 50px; line-height: .95; }
  .hero-lead { font-size: 17px; }
  .hero-ctas { flex-direction: column; gap: 10px; margin-top: 6px; }
  .hero-ctas .btn { width: 100%; padding: 16px; }
  .hero-panel { margin-top: 40px; }
  .hero-iso { width: 150px; height: 150px; }
  .hero-now { left: 12px; right: 12px; bottom: 12px; gap: 12px; padding: 10px 12px; }
  .hero-now-btn { width: 44px; height: 44px; }
  .hero-now-meta { font-size: 10px; }
}

/* Marcas */
.logos { display: flex; align-items: center; gap: 56px; padding: 28px var(--pad); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.logos-label { flex: none; }
@media (max-width: 1023px) { .logos { flex-direction: column; align-items: stretch; gap: 16px; padding: 22px var(--pad); margin-top: 40px; } }

/* Manifiesto */
.manifesto { padding: 120px var(--pad); display: flex; flex-direction: column; gap: 64px; }
.manifesto-title { font-size: 120px; font-weight: 500; letter-spacing: -.055em; line-height: .9; }
.manifesto-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; background: var(--line); }
.manifesto-cell { background: var(--bg); padding: 36px 40px 40px 0; display: flex; flex-direction: column; gap: 18px; }
.manifesto-cell + .manifesto-cell { padding: 36px 0 40px 40px; }
.manifesto-h { font-size: 30px; font-weight: 500; letter-spacing: -.03em; line-height: 1.12; }
.manifesto-p { font-size: 16px; line-height: 1.6; color: var(--sub); max-width: 520px; }
@media (max-width: 1023px) {
  .manifesto { padding: 72px var(--pad); gap: 36px; }
  .manifesto-title { font-size: 56px; line-height: .92; }
  .manifesto-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; background: none; }
  .manifesto-cell, .manifesto-cell + .manifesto-cell { padding: 20px 0 0; gap: 12px; border-top: 1px solid var(--line); }
  .manifesto-h { font-size: 22px; letter-spacing: -.025em; line-height: 1.15; }
  .manifesto-p { font-size: 15px; line-height: 1.55; }
}

/* Un día en un local (banda lima) */
.day { background: var(--lime); color: var(--bg); padding: 104px var(--pad); display: flex; flex-direction: column; gap: 48px; }
.day-mute { color: #3A4710; }
.day-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; }
.day-head > div { display: flex; flex-direction: column; gap: 18px; }
.day-title { font-size: 64px; font-weight: 500; letter-spacing: -.045em; line-height: 1; }
.day-desc { font-size: 17px; line-height: 1.55; color: #2E3A0A; max-width: 420px; }
.moments { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2px; }
.moment { position: relative; background: rgba(14, 14, 12, .06); color: var(--bg); padding: 24px 20px 26px; display: flex; flex-direction: column; justify-content: space-between; gap: 48px; min-height: 240px; transition: background var(--tn-dur-2) var(--ease), color var(--tn-dur-2) var(--ease); }
.moment:hover { background: rgba(14, 14, 12, .12); }
.moment.is-on { background: var(--bg); color: var(--ink); }
.moment-top { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.moment-flag { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.moment-txt { display: flex; flex-direction: column; gap: 8px; }
.moment-slot { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; opacity: .75; }
.moment-name { font-size: 22px; font-weight: 500; letter-spacing: -.025em; line-height: 1.08; }
.moment-tags { font-size: 14px; opacity: .75; }
.moment-ico, .moment-short, .moment-meta, .moment-clk { display: none; }
.day-now { display: flex; align-items: center; gap: 20px; border-top: 1px solid rgba(14, 14, 12, .25); padding-top: 24px; }
.day-now-btn { width: 48px; height: 48px; flex: none; background: var(--bg); color: var(--lime); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; }
.day-now-txt { display: flex; flex-direction: column; gap: 4px; width: 260px; flex: none; }
.day-now-name { font-size: 16px; font-weight: 500; }
.day-now-tags { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #3A4710; }
.day-now-bar { flex: 1; height: 3px; background: rgba(14, 14, 12, .25); position: relative; }
.day-now-bar > span { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: var(--bg); }
.day-now-clk { font-size: 12px; color: #3A4710; width: 110px; text-align: right; }
@media (max-width: 1023px) {
  .day { padding: 64px var(--pad) 40px; gap: 28px; }
  .day-head { flex-direction: column; align-items: stretch; gap: 14px; }
  .day-head > div { gap: 14px; }
  .day-title { font-size: 40px; }
  .day-desc { font-size: 15px; line-height: 1.5; max-width: none; }
  .moments { display: flex; flex-direction: column; gap: 0; }
  .moment { flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px; padding: 14px 12px; min-height: 44px; background: transparent; border-top: 1px solid rgba(14, 14, 12, .2); }
  .moment:hover { background: rgba(14, 14, 12, .06); }
  .moment.is-on { background: var(--bg); color: var(--ink); }
  .moment-top, .moment-slot, .moment-name, .moment-tags { display: none; }
  .moment-ico { display: flex; width: 34px; height: 34px; flex: none; align-items: center; justify-content: center; }
  .moment-ring { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--bg); }
  .moment-ico .iso { display: none; width: 32px; height: 32px; }
  .moment.is-on .moment-ring { display: none; }
  .moment.is-on .moment-ico .iso { display: inline-block; }
  .moment-txt { flex: 1; min-width: 0; gap: 3px; }
  .moment-short { display: block; font-size: 16px; font-weight: 500; }
  .moment-meta { display: block; font-size: 11px; opacity: .75; }
  .moment-clk { display: block; font-size: 11px; opacity: .75; }
  .day-now { padding-top: 0; border: 0; }
  .day-now-btn, .day-now-txt, .day-now-clk { display: none; }
  .day-now-bar { height: 3px; background: rgba(14, 14, 12, .2); }
}

/* Plataforma + MacBook */
.platform { padding: 120px var(--pad); display: flex; flex-direction: column; gap: 56px; }
.platform-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: end; }
.platform-head > div:first-child { display: flex; flex-direction: column; gap: 18px; }
.surfaces { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 32px; }
.surface { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid var(--ink); padding-top: 14px; }
.surface-name { font-size: 17px; font-weight: 500; }
.surface-desc { font-size: 14px; line-height: 1.5; color: var(--sub); }
.surface:hover .surface-name { color: var(--lime); }
.mac { display: flex; flex-direction: column; align-items: center; padding-top: 16px; }
.mac-lid { width: calc(100% - 96px); padding: 3px; border-radius: 26px 26px 6px 6px; background: linear-gradient(180deg, #E6E7E9 0%, #C9CBCE 40%, #A9ACB0 100%); box-shadow: 0 0 0 1px #8E9195 inset, 0 60px 120px -50px rgba(0, 0, 0, .8); }
.mac-bezel { position: relative; padding: 16px 16px 18px; border-radius: 23px 23px 4px 4px; background: #050505; box-shadow: inset 0 0 0 1px #1A1A1A; }
.mac-notch { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 170px; height: 22px; background: #050505; border-radius: 0 0 12px 12px; z-index: 2; display: flex; align-items: center; justify-content: center; }
.mac-notch span { width: 7px; height: 7px; border-radius: 50%; background: #1C2230; box-shadow: inset 0 0 0 1.5px #0B0D12; }
.mac-base { width: 100%; height: 22px; position: relative; border-radius: 2px 2px 16px 16px / 2px 2px 14px 14px; background: linear-gradient(180deg, #F1F2F3 0%, #D3D5D8 30%, #AEB1B5 75%, #8A8D91 100%); box-shadow: 0 1px 0 #FFFFFF inset, 0 30px 40px -20px rgba(0, 0, 0, .7); }
.mac-base span { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 180px; height: 9px; border-radius: 0 0 10px 10px; background: linear-gradient(180deg, #9EA1A5, #C4C6C9); }
.mac-foot { width: calc(100% - 140px); height: 4px; background: linear-gradient(90deg, transparent, #5E6165 12%, #5E6165 88%, transparent); border-radius: 0 0 6px 6px; }
.admin { background: var(--bg); color: var(--ink); display: flex; flex-direction: column; overflow: hidden; border-radius: 8px 8px 0 0; font-size: 13px; }
.admin-bar { height: 40px; display: grid; grid-template-columns: 120px minmax(0, 1fr) 120px; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--line-2); background: #121210; }
.admin-dots { display: flex; gap: 7px; } .admin-dots span { width: 10px; height: 10px; border-radius: 50%; background: #33312C; }
.admin-url { justify-self: center; font-size: 11px; color: var(--mute); background: var(--s4); padding: 5px 14px; min-width: 280px; text-align: center; }
.admin-body { display: grid; grid-template-columns: 232px minmax(0, 1fr); height: 740px; }
.admin-side { border-right: 1px solid var(--line-2); padding: 20px 14px; display: flex; flex-direction: column; gap: 16px; }
.admin-side > img { height: 18px; width: auto; }
.admin-acct { border: 1px solid var(--line); padding: 10px 12px; display: flex; justify-content: space-between; align-items: center; }
.admin-acct > div { display: flex; flex-direction: column; gap: 2px; } .admin-acct .mono { font-size: 10px; color: var(--mute); }
.admin-acct .muted { font-size: 12px; }
.admin-group { display: flex; flex-direction: column; gap: 2px; }
.admin-group-l { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); padding: 0 10px 8px; }
.admin-item { padding: 8px 10px; display: flex; align-items: center; gap: 10px; color: #A09D95; }
.admin-item > span { width: 8px; height: 8px; border: 1px solid var(--dis); }
.admin-item.is-on { background: var(--s5); color: var(--ink); } .admin-item.is-on > span { background: var(--lime); border: 0; }
.admin-ai { margin-top: auto; border: 1px solid var(--lime); background: #151612; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.admin-ai-h { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.admin-ai-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(200, 255, 61, .15); }
.admin-ai-p { font-size: 12px; line-height: 1.45; color: var(--sub); }
.admin-ai-in { display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--line); padding: 7px 9px; font-size: 11px; color: var(--meta); }
.admin-user { display: flex; align-items: center; gap: 10px; padding: 10px; border-top: 1px solid var(--line-2); }
.admin-user > span:last-child { display: flex; flex-direction: column; gap: 1px; }
.admin-user-role { font-size: 11px; color: var(--mute); }
.admin-avatar { width: 28px; height: 28px; background: var(--lime); color: var(--bg); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; }
.admin-main { display: flex; flex-direction: column; min-width: 0; }
.admin-top { display: flex; justify-content: space-between; align-items: center; padding: 18px 28px; border-bottom: 1px solid var(--line-2); gap: 20px; }
.admin-top > div:first-child { display: flex; flex-direction: column; gap: 4px; }
.admin-top-l { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.admin-top-h { font-size: 22px; font-weight: 500; letter-spacing: -.025em; }
.admin-top-r { display: flex; align-items: center; gap: 10px; }
.admin-btn-ai { border: 1px solid var(--lime); color: var(--lime); padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; }
.admin-btn-ai > span { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); }
.admin-search { border: 1px solid var(--line); padding: 8px 12px; display: inline-flex; align-items: center; gap: 24px; color: var(--mute); }
.admin-kbd { font-size: 10px; border: 1px solid #33312C; padding: 1px 5px; }
.admin-btn-new { background: var(--lime); color: var(--bg); padding: 9px 14px; font-weight: 500; }
.admin-content { padding: 22px 28px; display: flex; flex-direction: column; gap: 18px; flex: 1; min-height: 0; }
.kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line-2); border: 1px solid var(--line-2); }
.kpi { background: #161613; padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; }
.kpi-l { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.kpi-v { display: flex; align-items: baseline; gap: 6px; }
.kpi-v > span:first-child { font-size: 32px; font-weight: 500; letter-spacing: -.04em; }
.kpi-u { font-size: 13px; color: var(--mute); }
.kpi-bar { height: 3px; background: var(--line); } .kpi-bar > span { display: block; height: 3px; background: var(--lime); }
.kpi-d { font-size: 11px; color: #A09D95; }
.admin-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 18px; flex: 1; min-height: 0; }
.admin-chart { border: 1px solid var(--line-2); padding: 16px 18px; display: flex; flex-direction: column; gap: 14px; }
.admin-chart-h { display: flex; justify-content: space-between; align-items: center; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.admin-range { display: flex; gap: 2px; letter-spacing: 0; text-transform: none; }
.admin-range > span { padding: 3px 7px; } .admin-range > .is-on { background: var(--ink); color: var(--bg); }
.admin-chart-body { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 8px; flex: 1; min-height: 0; }
.admin-axis { display: flex; flex-direction: column; justify-content: space-between; font-size: 10px; color: var(--meta); padding-bottom: 18px; }
.admin-plot { display: flex; flex-direction: column; gap: 6px; min-height: 0; }
.bars { position: relative; flex: 1; display: flex; align-items: flex-end; gap: 4px; background-image: linear-gradient(var(--line-2) 1px, transparent 1px); background-size: 100% 25%; }
.bars > i { flex: 1; display: block; background: var(--dis); }
.bars > i.low { background: var(--line); } .bars > i.today { background: var(--lime); }
.bars-today { position: absolute; right: 0; top: -2px; background: var(--ink); color: var(--bg); font-size: 10px; padding: 4px 7px; }
.admin-xaxis { display: flex; justify-content: space-between; font-size: 10px; color: var(--meta); }
.admin-live { border: 1px solid var(--line-2); padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; min-height: 0; }
.admin-live-h { display: flex; justify-content: space-between; align-items: center; padding-bottom: 6px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.admin-live-h > span:last-child { letter-spacing: 0; color: #A09D95; }
.live-row { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line-2); }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); }
.live-row.is-off .live-dot { background: var(--dis); }
.live-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.live-txt > span:last-child { font-size: 12px; color: var(--mute); }
.live-row.is-off .live-txt > span:last-child { color: var(--meta); }
.live-st { font-size: 10px; letter-spacing: .06em; color: var(--meta); }
.live-st--ad { color: var(--bg); background: var(--lime); padding: 2px 6px; }
.admin-player { border-top: 1px solid var(--line-2); background: #121210; padding: 12px 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto; gap: 24px; align-items: center; }
.admin-player-l { display: flex; align-items: center; gap: 12px; min-width: 0; }
.admin-player-l > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.admin-player-sub { font-size: 11px; color: var(--mute); }
.admin-cover { width: 36px; height: 36px; background: var(--lime); flex: none; }
.admin-player-m { display: flex; align-items: center; gap: 10px; font-size: 10px; color: var(--mute); }
.admin-player-bar { flex: 1; height: 3px; background: var(--line); } .admin-player-bar > span { display: block; height: 3px; background: var(--ink); }
.admin-player-r { display: flex; align-items: center; gap: 14px; color: #A09D95; }
.admin-player-r .mono { font-size: 10px; }
.admin-play { width: 30px; height: 30px; border-radius: 50%; background: var(--ink); color: var(--bg); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; }
/* consola mobile */
.console-m { background: var(--bg); border: 1px solid var(--line); color: var(--ink); display: flex; flex-direction: column; box-shadow: 0 40px 60px -30px rgba(0, 0, 0, .8); font-size: 13px; }
.console-m-top { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--line-2); background: #121210; }
.console-m-top > div { display: flex; flex-direction: column; gap: 2px; } .console-m-top .mono { font-size: 9px; color: var(--mute); }
.console-m-top .admin-btn-ai { padding: 6px 9px; font-size: 12px; gap: 6px; }
.kpis--m { grid-template-columns: 1fr 1fr; border: 0; }
.kpis--m .kpi { padding: 12px 14px; gap: 6px; } .kpis--m .kpi-l { font-size: 9px; } .kpis--m .kpi-v > span:first-child { font-size: 24px; } .kpis--m .kpi-u { font-size: 11px; } .kpis--m .kpi-d { font-size: 9px; }
.console-m-chart { padding: 14px; display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--line-2); }
.console-m-chart .admin-chart-h { font-size: 9px; } .console-m-chart .bars-today { position: static; font-size: 9px; padding: 3px 6px; }
.bars--m { height: 64px; flex: none; gap: 3px; }
.console-m-live { padding: 6px 14px 10px; display: flex; flex-direction: column; }
.admin-live-l { font-size: 9px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); padding: 6px 0; }
.console-m-live .live-row { gap: 10px; border-bottom: 0; border-top: 1px solid var(--line-2); } .console-m-live .live-txt > span:last-child { font-size: 11px; } .console-m-live .live-st { font-size: 9px; }
.admin-ai--m { margin: 0 12px 12px; } .admin-ai--m .admin-ai-p { font-size: 13px; }
.admin-ai-acts { display: flex; gap: 6px; } .admin-ai-yes { background: var(--lime); color: var(--bg); padding: 8px 11px; font-size: 12px; font-weight: 500; } .admin-ai-no { border: 1px solid var(--line-4); padding: 7px 11px; font-size: 12px; }
.admin-player--m { display: flex; align-items: center; gap: 10px; padding: 10px 14px; font-size: 12px; }
.admin-player--m .admin-player-l { flex: 1; } .admin-player--m .admin-cover { width: 30px; height: 30px; } .admin-player--m .admin-player-sub { font-size: 10px; } .admin-player--m .admin-play { width: 28px; height: 28px; font-size: 9px; }
.surfaces--m { display: flex; flex-direction: column; gap: 0; }
.surfaces--m .surface { padding: 14px 0; gap: 4px; }
@media (max-width: 1023px) {
  .platform { padding: 72px var(--pad); gap: 28px; }
  .platform-head { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .platform-head > div:first-child { gap: 14px; }
  .platform-head .h2 { font-size: 38px; line-height: 1.02; }
  .platform-head .surfaces { display: none; }
}

/* Números */
.numbers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.number { padding: 44px 40px; border-right: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
.number:first-child { padding-left: var(--pad); } .number:last-child { border-right: 0; }
.number-v { font-size: 72px; font-weight: 500; letter-spacing: -.05em; line-height: 1; }
.number-l { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
@media (max-width: 1023px) {
  .numbers { grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 0; }
  .number, .number:first-child { padding: 26px var(--pad); border-bottom: 1px solid var(--line); gap: 6px; }
  .number:nth-child(2n) { border-right: 0; }
  .number-v { font-size: 44px; } .number-l { font-size: 10px; }
}

/* Testimonios */
.testimonials { padding: 120px var(--pad); border-top: 1px solid var(--line); }
@media (max-width: 1023px) { .testimonials { padding: 72px var(--pad); } }

/* Industrias (lista) */
.inds { padding: 0 var(--pad) 120px; display: flex; flex-direction: column; }
.inds-label { padding-bottom: 20px; }
.ind-row { display: grid; grid-template-columns: 80px minmax(0, 1fr) minmax(0, 1.2fr) 40px; gap: 24px; align-items: baseline; padding: 22px 0; border-top: 1px solid var(--line); transition: color var(--tn-dur-1) var(--ease); }
.ind-row > .mono { font-size: 13px; }
.ind-row-name { font-size: 30px; font-weight: 500; letter-spacing: -.03em; }
.ind-row-desc { font-size: 15px; line-height: 1.5; color: var(--sub); }
.ind-row-arrow { font-size: 20px; text-align: right; }
.ind-row:hover .ind-row-name, .ind-row:hover .ind-row-arrow { color: var(--lime); }
@media (max-width: 1023px) {
  .inds { padding: 0 var(--pad) 72px; } .inds-label { padding-bottom: 14px; }
  .ind-row { display: flex; align-items: center; gap: 14px; padding: 18px 0; min-height: 44px; }
  .ind-row > .mono { font-size: 12px; width: 24px; }
  .ind-row-name { font-size: 22px; letter-spacing: -.025em; flex: 1; }
  .ind-row-desc { display: none; } .ind-row-arrow { font-size: 18px; }
}

/* FAQ */
.faqs { padding: 0 var(--pad) 120px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 56px; }
.faqs-txt { display: flex; flex-direction: column; gap: 18px; }
.faqs-title { font-size: 52px; font-weight: 500; letter-spacing: -.045em; line-height: 1; }
.faqs-p { font-size: 15px; line-height: 1.55; color: var(--sub); max-width: 360px; }
@media (max-width: 1023px) { .faqs { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 0 var(--pad) 72px; } .faqs-title { font-size: 32px; } }

/* Blog · últimas notas */
.blog-latest { padding: 0 var(--pad) 120px; display: flex; flex-direction: column; gap: 32px; }
.blog-latest-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.blog-latest-head > div { display: flex; flex-direction: column; gap: 14px; }
.blog-latest-title { font-size: 48px; font-weight: 500; letter-spacing: -.045em; line-height: 1; }
.blog-latest-all { font-size: 15px; border-bottom: 1px solid var(--ink); padding-bottom: 4px; white-space: nowrap; }
.blog-latest-all:hover { color: var(--lime); border-color: var(--lime); }
.blog-latest-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
@media (max-width: 1023px) {
  .blog-latest { padding: 0 var(--pad) 64px; gap: 20px; }
  .blog-latest-head { align-items: baseline; }
  .blog-latest-title { display: none; }
  .blog-latest-all { font-size: 14px; padding-bottom: 0; }
  .blog-latest-grid { grid-template-columns: minmax(0, 1fr); }
}