/* Fondo "Aurora" de todo el sitio: resplandores suaves (dorado arriba a la
   izquierda, azul a la derecha, azul profundo abajo) fijos detrás de todas las
   pestañas, con grano fino para que el degradé no se vea en bandas. Las
   secciones dejan de pintar su propio azul plano. Se carga al final del body
   para ganarle a los estilos de cada sección. */
html { background:#060d1a; }
body { background:transparent !important; }
body::before, body::after { content:''; position:fixed; pointer-events:none; z-index:-1; }
body::before {
  inset:-12%;
  background:
    radial-gradient(38% 34% at 16% 10%, rgba(242,201,76,.10), transparent 70%),
    radial-gradient(36% 42% at 86% 16%, rgba(64,128,232,.17), transparent 70%),
    radial-gradient(55% 40% at 48% 92%, rgba(24,64,128,.26), transparent 72%),
    linear-gradient(180deg, #0a1730 0%, #070f1f 55%, #060d1a 100%);
  animation:aur-respira 34s ease-in-out infinite alternate;
  will-change:transform;
}
body::after {
  inset:0; opacity:.045; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
@keyframes aur-respira { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(2.5%, 1.5%, 0) scale(1.04); } }
@media (prefers-reduced-motion: reduce) { body::before { animation:none; } }

/* secciones: sin azul propio, se ve el fondo */
.htx,
#mercados.mt, .section-mercados,
section[data-tab="calendario"],
.nt,
.section-inversiones,
.section-portfolio,
.section-informes,
.asesoria-section,
footer { background:transparent !important; }
footer { border-top:1px solid rgba(214,226,244,.08) !important; }
/* franja de Mercados de la home: vidrio apenas marcado en vez de un bloque */
.htx-markets { background:rgba(11,22,41,.42) !important; border-top:1px solid rgba(214,226,244,.06); border-bottom:1px solid rgba(214,226,244,.06); }

/* University pasa a oscuro como el resto */
#university.section-alt { background:transparent !important; }
#university .section-title { color:#f3f6fb; }
#university .section-sub { color:rgb(211,222,237); }
#university .courses-grid { background:rgba(214,226,244,.08); border-color:rgba(214,226,244,.08); }
#university .course-card { background:rgba(11,22,41,.78); }
#university .course-card:hover { background:rgba(17,33,58,.9); }
#university .course-card h4, #university .course-card .course-title { color:#f3f6fb; }
#university .course-card p, #university .course-desc { color:#f3f6fb; }
#university .course-meta { color:#f3f6fb; border-top-color:rgba(214,226,244,.1); }
#university .course-icon { color:#f3f6fb; border-color:rgba(214,226,244,.18); }
#university .course-btn { background:transparent; color:#f3f6fb; border:1px solid rgba(214,226,244,.24); border-radius:8px; }
#university .course-btn:hover { border-color:#f2c94c; color:#f6d77e; opacity:1; }
#university .course-card[style*="border"] { border-width:1px !important; background:linear-gradient(180deg, rgba(242,201,76,.08), rgba(11,22,41,.78)); }

/* dorado solo donde suma: los botones repetidos de cada fila de Informes y los
   números del Calendario pasan a neutro; el dorado queda para lo principal */
.pick-btn { color:#f3f6fb !important; border-color:rgba(214,226,244,.24) !important; background:transparent !important; }
.pick-btn:hover { color:#0a1322 !important; background:#f2c94c !important; border-color:#f2c94c !important; }
.cal-kpi-main.cal-gold { color:#f3f6fb; }

/* título de la home: cada palabra entra con un desenfoque que se aclara (una vez
   por sesión, lo arma aurora.js) y una línea dorada se dibuja bajo el acento */
.htx-h1 { font-size:clamp(48px,5.4vw,82px); line-height:.98; letter-spacing:-.022em; }
.htx-h1 em { font-style:italic; position:relative; color:#f6d77e; }
.htx-h1 em::after { content:''; position:absolute; left:.04em; right:.1em; bottom:-.06em; height:2px; background:linear-gradient(90deg, rgba(242,201,76,.9), rgba(242,201,76,0)); transform-origin:left; transform:scaleX(1); }
.aur-in .htx-h1 .w { display:inline-block; opacity:0; transform:translateY(.32em); filter:blur(8px); animation:aur-palabra .9s cubic-bezier(.23,1,.32,1) forwards; }
.aur-in .htx-h1 em::after { transform:scaleX(0); animation:aur-linea 1.1s cubic-bezier(.23,1,.32,1) .8s forwards; }
@keyframes aur-palabra { to { opacity:1; transform:none; filter:none; } }
@keyframes aur-linea { to { transform:scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  .aur-in .htx-h1 .w { animation:none; opacity:1; transform:none; filter:none; }
  .aur-in .htx-h1 em::after { animation:none; transform:scaleX(1); }
}
@media (max-width:600px) { .htx-h1 { font-size:clamp(42px,12vw,56px); } }

/* cartel del Pulso con efecto vidrio sobre la aurora */
.pls { background:linear-gradient(180deg, rgba(20,38,66,.74), rgba(11,22,41,.84)); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
/* gráfico del S&P: se funde a la izquierda */
.htx-spx__chart { -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 100%); mask-image:linear-gradient(90deg, transparent, #000 6%, #000 100%); }
.pick-sparkline polyline { stroke:rgba(211,222,237,.42) !important; }

/* títulos de cada pestaña: chicos y sobrios, como el encabezado de sección de
   un diario financiero. Una línea fina abajo los separa del contenido; el
   texto de apoyo queda en una sola línea suave. */
section[data-tab] .section-header { margin-bottom:30px; padding-bottom:18px; border-bottom:1px solid rgba(214,226,244,.1); }
section[data-tab] .section-title,
#mercados .mt-title,
.nt .nt-title { font-family:'DM Serif Display',Georgia,serif; font-weight:400; font-size:clamp(26px,2.3vw,32px); line-height:1.1; letter-spacing:-.008em; margin:0; }
section[data-tab] .section-title { color:#f3f6fb !important; }
/* los subtítulos internos (Tu portafolio, Cartera Manfredi) quedan por debajo del título de la página */
#portfolio .pf-sec-title { font-size:24px; }
section[data-tab] .section-sub { font-size:14px; line-height:1.55; color:rgb(211,222,237) !important; max-width:64ch; margin:6px 0 0; }
section[data-tab].section, section[data-tab="calendario"] { padding-top:44px !important; }

#mercados .mt-title { gap:12px; }
#mercados .mt-live { width:8px; height:8px; }
/* "Mercados en vivo" en un solo color: sin el acento dorado */
#mercados .mt-title em { color:inherit; }
#mercados .mt-top { padding-bottom:18px; margin-bottom:22px; border-bottom:1px solid rgba(214,226,244,.1); }
.nt { padding-top:40px; }
.nt .nt-head { flex-direction:row; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; padding-bottom:18px; margin-bottom:24px; border-bottom:1px solid rgba(214,226,244,.1); }
@media (max-width:600px) {
  section[data-tab] .section-title, #mercados .mt-title, .nt .nt-title { font-size:26px; }
  section[data-tab].section, section[data-tab="calendario"] { padding-top:28px !important; }
  #mercados.mt, .nt { padding-top:26px; }
}

/* sin párrafos grises explicativos bajo títulos y tarjetas: el título y los
   datos alcanzan (los avisos legales se quedan) */
.section-sub, .mf-access__s, .nt-inf__s, .htx-pf__note, .report-banner-abstract,
#university .course-desc, #university .course-card > p { display:none !important; }
.nt-inf .nt-inf__row { margin-top:18px; }