/* ---- MI UNIVERSO ----
   Composición del handoff "Mi Universo": carta del día grande con halo,
   memoria como línea de tiempo (espina + rombos), perspectiva en tarjeta
   degradada. El fondo cósmico ya lo aporta el GLB de #veloris-bg
   (js/core/veloris-bg.js) — aquí solo se restylean las secciones de
   contenido, no se duplica ambiente. */
/* ---- Utilidad accesible: oculta visualmente sin quitar del árbol de
   accesibilidad (label del input de bienvenida, generado por
   js/modules/mi-universo.js). Copia local mínima, mismo patrón que
   index.html/astrologia.html. ---- */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

#universo-hero{padding-top:160px;text-align:center;}
#universo-hero .section-sub{margin-bottom:0;}
/* Fase 15, Commit A — mismo patrón que .memoria-privacy-note en
   css/pages/home.css: nota secundaria, discreta, siempre visible. */
.universo-privacy-note{max-width:480px;margin:14px auto 0;font-size:12px;line-height:1.55;color:var(--muted);}
#universo-hero #universo-guest-note{max-width:560px;margin:28px auto 0;text-align:center;}
#universo-hero #universo-guest-note .universo-invitacion-ctas{justify-content:center;}

/* ---- HOY — el héroe: lectura del día anclada en la luna real. Absorbe
   lo que era "Portada de hoy"; #universo-hero queda como saludo slim. ---- */
#universo-hero{padding-bottom:0;}
#universo-hoy{max-width:1000px;margin:22px auto 0;padding:0 24px 40px;}
.universo-hoy-luna{
  position:relative;
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
#universo-luna-svg{width:100%;max-width:250px;height:auto;overflow:visible;}
.universo-luna-halo{transform-origin:center;animation:universo-luna-halo 9s ease-in-out infinite;}
@keyframes universo-luna-halo{0%,100%{opacity:0.5;}50%{opacity:0.85;}}
.universo-hoy-luna-cap{
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
/* Las fuerzas de hoy — franja de 3 celdas: qué se mueve / dónde / qué hacer. */
.universo-hoy-fuerzas{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:22px 0 20px;
  border:1px solid var(--universo-line, rgba(237,237,235,0.18));
  border-radius:16px;
  overflow:hidden;
  background:var(--universo-line, rgba(237,237,235,0.18));
}
.universo-hoy-fuerzas article{
  padding:16px;
  background:rgba(18,18,24,0.72);
}
.universo-hoy-fuerzas article:nth-child(1){background:rgba(237,237,235,0.055);}
.universo-hoy-fuerzas span{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-size:9px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-hoy-fuerzas strong{
  display:block;
  margin:9px 0 5px;
  font-family:'Fraunces','Georgia',serif;
  font-weight:400;
  font-size:17px;
  line-height:1.15;
  color:var(--universo-ink, #EDEDEB);
}
.universo-hoy-fuerzas p{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:var(--universo-muted, rgba(237,237,235,0.72));
}
/* "Para volver" — pieza guardada a la que merece volver (lo que era la
   Portada de hoy). Línea secundaria, no compite con el héroe. */
.universo-hoy-retomar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  padding:12px 4px;
  min-height:44px;
  text-decoration:none;
  color:var(--universo-muted, rgba(237,237,235,0.72));
  border-top:1px solid var(--universo-line, rgba(237,237,235,0.16));
}
.universo-hoy-retomar span:first-child{
  font-family:'Space Grotesk',sans-serif;
  font-size:9px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-hoy-retomar strong{
  flex:1;
  font-family:'Fraunces','Georgia',serif;
  font-weight:400;
  font-size:14px;
  color:var(--universo-ink, #EDEDEB);
}
.universo-hoy-retomar:hover strong,
.universo-hoy-retomar:focus-visible strong{text-decoration:underline;text-underline-offset:3px;}
@media (max-width:820px){
  .universo-hoy-fuerzas{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){
  .universo-luna-halo{animation:none;}
}

/* ---- Pestañas de "Mi recorrido" (ver js/modules/mi-recorrido-tabs.js) ---- */
.recorrido-tabs{
  display:flex;justify-content:center;gap:6px;flex-wrap:wrap;
  max-width:900px;margin:0 auto 56px;padding:0 32px;
  border-bottom:1px solid var(--border);
}
.recorrido-tab{
  font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--muted);background:none;border:none;cursor:pointer;
  padding:14px 18px;margin-bottom:-1px;
  border-bottom:2px solid transparent;
  transition:color var(--dur-micro) var(--ease-premium), border-color var(--dur-micro) var(--ease-premium);
}
.recorrido-tab:hover{color:var(--ink);}
.recorrido-tab:focus-visible{outline:2px solid var(--s3, rgba(237,237,235,0.4));outline-offset:2px;}
.recorrido-tab[aria-selected="true"]{color:var(--gold-soft);border-bottom-color:var(--gold);}

/* P7 (2026-09-13) — grámatica "Navegación" (cambio de contexto): al
   cambiar de pestaña, el panel nuevo entra con un gesto breve en vez de
   aparecer de golpe. Nunca en la primera pintura de la página (ver
   mi-recorrido-tabs.js) — solo cuando la persona elige cambiar. */
[data-tab-panel].tab-panel-in{animation:tabPanelIn var(--motion-state) var(--ease-response) both;}
@keyframes tabPanelIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){
  [data-tab-panel].tab-panel-in{animation:none;}
}
@media (max-width:600px){
  .recorrido-tabs{gap:2px;justify-content:flex-start;overflow-x:auto;}
  .recorrido-tab{padding:12px 12px;white-space:nowrap;}
}

/* ---- Mapa vivo — constelación de relaciones entre piezas guardadas.
   Vive dentro de la pestaña Conexiones. Cada nodo/línea despierta solo
   con relaciones reales. ---- */
.universo-mapa-copy{max-width:760px;margin:0 0 24px;}
.universo-mapa-grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,0.72fr);gap:28px;align-items:stretch;
  max-width:1080px;margin:0 auto;
}
.universo-constelacion{
  position:relative;min-height:430px;overflow:hidden;border-radius:24px;
  border:1px solid rgba(237,237,235,0.28);
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,0.72), transparent 0 76px, transparent 77px),
    radial-gradient(circle at 24% 28%, rgba(237,237,235,0.16), transparent 24%),
    radial-gradient(circle at 78% 70%, rgba(237,237,235,0.16), transparent 28%),
    linear-gradient(135deg, rgba(237,237,235,0.82), rgba(255,255,255,0.48));
  box-shadow:0 28px 90px rgba(13,27,42,0.12), inset 0 1px 0 rgba(255,255,255,0.72);
  backdrop-filter:blur(18px);
}
.universo-constelacion::before{
  content:'';position:absolute;inset:24px;border-radius:999px;pointer-events:none;
  background:repeating-conic-gradient(from 8deg, rgba(237,237,235,0.16) 0 1deg, transparent 1deg 18deg);
  -webkit-mask:radial-gradient(circle, transparent 0 112px, #000 113px 114px, transparent 115px);
  mask:radial-gradient(circle, transparent 0 112px, #000 113px 114px, transparent 115px);
  opacity:0.58;animation:universo-rotate 28s linear infinite;
}
.universo-constelacion::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle, rgba(13,27,42,0.2) 1px, transparent 1.2px);
  background-size:74px 74px;opacity:0.18;transform:translate3d(0,0,0);
}
.universo-constelacion.is-awake::after{animation:universo-drift 18s linear infinite;}
.universo-core{
  position:absolute;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-50%);
  display:grid;place-items:center;text-align:center;border-radius:50%;z-index:3;
  color:var(--indigo);font-family:'Fraunces','Georgia',serif;font-style:italic;font-size:18px;line-height:1.05;
  background:radial-gradient(circle, rgba(237,237,235,0.98), rgba(237,237,235,0.62));
  border:1px solid rgba(237,237,235,0.46);box-shadow:0 18px 48px rgba(13,27,42,0.14), 0 0 0 10px rgba(237,237,235,0.06);
}
.universo-core::before{
  content:'';position:absolute;inset:-12px;border-radius:inherit;border:1px solid rgba(237,237,235,0.24);
  animation:universo-pulse 4.8s var(--ease-premium) infinite;
}
.universo-node{
  position:absolute;z-index:4;width:132px;min-height:86px;padding:16px 14px;border-radius:18px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;text-decoration:none;
  color:var(--muted);background:rgba(255,255,255,0.62);border:1px solid rgba(13,27,42,0.09);
  box-shadow:0 14px 40px rgba(13,27,42,0.08);transition:transform var(--dur-micro) var(--ease-premium), border-color var(--dur-micro) var(--ease-premium), color var(--dur-micro) var(--ease-premium), box-shadow var(--dur-micro) var(--ease-premium);
}
.universo-node span{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-family:'Space Grotesk',sans-serif;}
.universo-node strong{font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:28px;color:var(--ink);line-height:1;}
.universo-node:hover{transform:translateY(-3px);border-color:rgba(237,237,235,0.42);box-shadow:0 20px 52px rgba(13,27,42,0.13);}
.universo-node:focus-visible{outline:2px solid var(--gold);outline-offset:4px;}
.universo-node.is-active{color:var(--indigo);border-color:rgba(237,237,235,0.52);background:rgba(237,237,235,0.82);}
.universo-node.is-active strong{color:var(--gold);}
.universo-node.is-active::after{
  content:'';position:absolute;right:14px;top:14px;width:7px;height:7px;border-radius:50%;background:#EDEDEB;
  box-shadow:0 0 18px rgba(237,237,235,0.85);animation:universo-node-breathe 3.8s var(--ease-premium) infinite;
}
.universo-node--tarot{left:9%;top:15%;}
.universo-node--diario{right:10%;top:18%;}
.universo-node--natal{left:13%;bottom:14%;}
.universo-node--conexiones{right:9%;bottom:13%;}
.universo-constelacion-line{
  position:absolute;left:50%;top:50%;height:1px;width:34%;z-index:2;transform-origin:left center;
  background:linear-gradient(to right, rgba(237,237,235,0.48), rgba(237,237,235,0.04));opacity:0.25;
}
.universo-constelacion-line.is-lit{opacity:0.78;filter:drop-shadow(0 0 8px rgba(237,237,235,0.28));}
.universo-constelacion-line.line-a{transform:rotate(218deg);}
.universo-constelacion-line.line-b{transform:rotate(322deg);}
.universo-constelacion-line.line-c{transform:rotate(142deg);}
.universo-constelacion-line.line-d{transform:rotate(38deg);}
.universo-pulse-list{
  display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:24px;
  background:rgba(255,255,255,0.58);border:1px solid rgba(13,27,42,0.08);backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(13,27,42,0.10);
}
.universo-pulse{
  position:relative;margin:0;padding:18px 18px 18px 22px;border-radius:16px;
  background:linear-gradient(135deg, rgba(237,237,235,0.78), rgba(255,255,255,0.42));border:1px solid rgba(237,237,235,0.16);
}
.universo-pulse::before{
  content:'';position:absolute;left:10px;top:22px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(237,237,235,0.45);
}
.universo-pulse span{display:block;margin-bottom:6px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-family:'Space Grotesk',sans-serif;}
.universo-pulse p{margin:0;font-family:'Fraunces','Georgia',serif;font-size:15px;font-weight:300;line-height:1.55;color:var(--ink);}

/* Mapa vivo — panel derecho: relaciones reales (una fila por hilo) sobre
   la lista de pulsos. Lista tocable y accesible: es la alternativa a la
   constelación decorativa, sin arrastrar ni hacer zoom. */
.universo-mapa-panel{display:flex;flex-direction:column;gap:16px;min-width:0;}
.universo-mapa-actualizado{
  margin:12px 0 0;font-family:'Space Grotesk',sans-serif;font-size:12px;
  letter-spacing:0.02em;color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-mapa-relaciones{
  display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:24px;
  background:linear-gradient(135deg, rgba(237,237,235,0.075), rgba(237,237,235,0.035));
  border:1px solid var(--universo-line, rgba(237,237,235,0.2));
  box-shadow:var(--universo-shadow, 0 24px 70px rgba(0,0,0,0.28));
}
.universo-mapa-relaciones-title{
  margin:0 0 4px;font-family:'Space Grotesk',sans-serif;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-mapa-relacion{
  margin:0;padding:16px;border-radius:16px;
  background:linear-gradient(135deg, rgba(237,237,235,0.105), rgba(237,237,235,0.045));
  border:1px solid var(--universo-line, rgba(237,237,235,0.2));
}
.universo-mapa-relacion-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px;
}
.universo-mapa-relacion-head strong{
  font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:17px;
  color:var(--universo-ink, #EDEDEB);
}
.universo-mapa-relacion-head span{
  font-family:'Space Grotesk',sans-serif;font-size:9px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--universo-faint, rgba(237,237,235,0.48));white-space:nowrap;
}
.universo-mapa-relacion p{
  margin:0 0 10px;font-family:'Fraunces','Georgia',serif;font-size:14px;font-weight:300;
  line-height:1.5;color:var(--universo-muted, rgba(237,237,235,0.72));
}
.universo-mapa-relacion-evid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.universo-mapa-relacion-evid a{
  display:flex;flex-direction:column;gap:2px;padding:7px 11px;border-radius:11px;text-decoration:none;
  border:1px solid var(--universo-line, rgba(237,237,235,0.2));background:rgba(237,237,235,0.04);
  color:var(--universo-muted, rgba(237,237,235,0.72));font-size:12px;
}
.universo-mapa-relacion-evid a em{
  font-style:normal;font-family:'Space Grotesk',sans-serif;font-size:8px;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-mapa-relacion-evid a:hover,
.universo-mapa-relacion-evid a:focus-visible{
  border-color:var(--universo-line-strong, rgba(237,237,235,0.34));color:var(--universo-ink, #EDEDEB);
}
.universo-mapa-relacion-link{
  display:inline-flex;align-items:center;min-height:44px;
  font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:0.04em;
  color:var(--universo-ink, #EDEDEB);text-decoration:underline;text-underline-offset:3px;
}

/* Filtros del Mapa — botones normales (no hace falta arrastrar ni zoom).
   Filtran la lista de relaciones y atenúan los nodos que no aplican. */
.universo-mapa-filtros{display:flex;flex-direction:column;gap:10px;}
.universo-mapa-filtro-fila{display:flex;flex-wrap:wrap;gap:6px;}
.universo-mapa-filtro{
  appearance:none;min-height:36px;padding:0 12px;border-radius:999px;cursor:pointer;
  font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:0.06em;
  border:1px solid var(--universo-line, rgba(237,237,235,0.2));background:rgba(237,237,235,0.04);
  color:var(--universo-muted, rgba(237,237,235,0.72));
}
.universo-mapa-filtro:hover,
.universo-mapa-filtro:focus-visible{border-color:var(--universo-line-strong, rgba(237,237,235,0.34));color:var(--universo-ink, #EDEDEB);}
.universo-mapa-filtro.is-on{
  background:rgba(237,237,235,0.14);border-color:var(--universo-line-strong, rgba(237,237,235,0.34));
  color:var(--universo-ink, #EDEDEB);
}
.universo-mapa-reset{
  align-self:flex-start;appearance:none;border:0;background:transparent;cursor:pointer;
  min-height:36px;padding:0 2px;font-family:'Space Grotesk',sans-serif;font-size:11px;
  letter-spacing:0.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-mapa-reset:hover,
.universo-mapa-reset:focus-visible{color:var(--universo-ink, #EDEDEB);}
/* Una relación es seleccionable: al abrirla resalta qué nodos/líneas toca. */
.universo-mapa-relacion[role="button"]{cursor:pointer;}
.universo-mapa-relacion[role="button"]:focus-visible{outline:2px solid var(--universo-line-strong, rgba(237,237,235,0.34));outline-offset:2px;}
.universo-mapa-relacion.is-selected{
  border-color:var(--universo-line-strong, rgba(237,237,235,0.42));
  box-shadow:0 0 0 1px rgba(237,237,235,0.24), 0 18px 44px rgba(0,0,0,0.3);
}
.universo-mapa-relacion--locked{opacity:0.9;}
.universo-mapa-relacion-evo{
  margin:0 0 10px;font-family:'Space Grotesk',sans-serif;font-size:11px;
  letter-spacing:0.02em;color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-mapa-vacio-filtro{
  margin:4px 0 0;font-family:'Fraunces','Georgia',serif;font-size:14px;font-weight:300;
  line-height:1.5;color:var(--universo-muted, rgba(237,237,235,0.72));
}
.universo-node.is-dim{opacity:0.4;}
.universo-node.is-linked{border-color:var(--universo-line-strong, rgba(237,237,235,0.5));}
@media (prefers-reduced-motion: reduce){
  .universo-mapa-filtro,.universo-mapa-relacion{transition:none;}
}
@keyframes universo-rotate{to{transform:rotate(360deg);}}
@keyframes universo-drift{to{background-position:74px 74px;}}
@keyframes universo-pulse{0%,100%{opacity:0.35;transform:scale(0.96);}50%{opacity:0.9;transform:scale(1.06);}}
@keyframes universo-node-breathe{0%,100%{transform:scale(0.82);opacity:0.7;}50%{transform:scale(1.18);opacity:1;}}
@media (max-width:860px){
  .universo-mapa-grid{grid-template-columns:1fr;}
  .universo-constelacion{min-height:380px;}
}
@media (max-width:560px){
  .universo-constelacion{min-height:410px;border-radius:20px;}
  .universo-core{width:106px;height:106px;font-size:16px;}
  .universo-node{width:118px;min-height:78px;padding:14px 12px;}
  .universo-node strong{font-size:24px;}
  .universo-node--tarot{left:5%;top:12%;}
  .universo-node--diario{right:5%;top:15%;}
  .universo-node--natal{left:6%;bottom:13%;}
  .universo-node--conexiones{right:5%;bottom:12%;}
  .universo-pulse-list{padding:16px;border-radius:20px;}
}
@media (prefers-reduced-motion: reduce){
  .universo-constelacion::before,.universo-constelacion.is-awake::after,.universo-core::before,.universo-node.is-active::after{animation:none;}
  .universo-node,.universo-constelacion-line{transition:none;}
}
/* ---- Divisor kicker + línea, reutilizado en cada sub-sección. El
   kicker es ahora <h2> (Fase D2, accesibilidad) — reset completo de los
   valores por defecto del navegador (margin/font-weight) para conservar
   el aspecto visual exacto que ya tenía como <span>. ---- */
.universo-kicker-line{display:flex;align-items:center;gap:14px;margin-bottom:36px;}
.universo-kicker-title{
  margin:0;
  font-family:'Space Grotesk',sans-serif;font-weight:400;
  font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);
}
.universo-kicker-line .line{flex:1;height:1px;background:linear-gradient(to right, rgba(237,237,235,0.4), transparent);}
body.page-veloris .universo-kicker-line .line{background:linear-gradient(to right, var(--s4), transparent);}

/* ---- Capa 2: La memoria — línea de tiempo ---- */
.universo-invitacion{
  padding:36px;text-align:center;
  background:var(--surface);border:1px solid var(--border);border-radius:8px;
}
.universo-invitacion .universo-text{max-width:520px;margin:0 auto 24px;}
.universo-invitacion-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.universo-text{
  font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:15px;color:var(--ink);line-height:1.6;margin:0;
}

/* ---- Capa 3/4: La perspectiva — tarjeta degradada ---- */
.universo-perspectiva-card{
  background:var(--card-gradient);border:1px solid rgba(237,237,235,0.22);border-radius:10px;
  padding:44px 48px;
}
body.page-veloris .universo-perspectiva-card{border-color:var(--modal-border);}
.universo-perspectiva-text{max-width:560px;margin:0 0 30px;}
.universo-perspectiva-contenido{display:flex;flex-direction:column;gap:14px;max-width:640px;margin:0 0 30px;}
.universo-insight{opacity:0.9;}


/* ---- Conexiones profundas — el argumento premium de Mi Universo. ---- */
.universo-conexiones-layout{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,0.52fr);gap:22px;align-items:stretch;margin-bottom:24px;
}
.universo-conexiones-hero{
  position:relative;overflow:hidden;margin:0;padding:34px 38px;border-radius:22px;
  background:
    radial-gradient(circle at 88% 20%, rgba(237,237,235,0.18), transparent 28%),
    radial-gradient(circle at 8% 12%, rgba(237,237,235,0.2), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,0.72), rgba(237,237,235,0.46));
  border:1px solid rgba(237,237,235,0.22);box-shadow:0 22px 70px rgba(13,27,42,0.10);
}
.universo-conexiones-hero::before{
  content:'';position:absolute;inset:auto -18% -62% 24%;height:150%;border-radius:50%;pointer-events:none;
  border:1px solid rgba(237,237,235,0.24);transform:rotate(-14deg);animation:universo-conexion-orbit 18s linear infinite;
}
.universo-conexiones-kicker{
  display:block;margin-bottom:14px;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);
}
.universo-conexiones-hero h3{
  position:relative;margin:0 0 12px;max-width:620px;font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:clamp(28px,4vw,48px);line-height:1.04;color:var(--ink);
}
.universo-conexiones-hero p{
  position:relative;max-width:620px;margin:0;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:16px;line-height:1.65;color:var(--muted);
}
.universo-depth{position:relative;margin-top:30px;max-width:540px;}
.universo-depth-copy{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}
.universo-depth-copy strong{font-weight:500;color:var(--indigo);}
.universo-depth-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:rgba(13,27,42,0.08);border:1px solid rgba(13,27,42,0.06);}
.universo-depth-track span{display:block;width:var(--depth,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg, var(--gold), #EDEDEB);box-shadow:0 0 22px rgba(237,237,235,0.32);transition:width 700ms var(--ease-premium);}
.universo-depth-track span::after{content:'';display:block;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.54), transparent);animation:universo-depth-sheen 2.8s var(--ease-premium) infinite;}
.universo-conexiones-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.universo-conexiones-metric{
  min-height:116px;padding:18px;border-radius:18px;background:rgba(255,255,255,0.58);border:1px solid rgba(13,27,42,0.08);box-shadow:0 16px 42px rgba(13,27,42,0.07);
  display:flex;flex-direction:column;justify-content:space-between;
}
.universo-conexiones-metric span{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:1.9px;text-transform:uppercase;color:var(--muted);}
.universo-conexiones-metric strong{font-family:'Fraunces','Georgia',serif;font-size:clamp(24px, 6vw, 34px);font-weight:400;color:var(--ink);line-height:1;}
.universo-conexiones-card{position:relative;overflow:hidden;}
.universo-conexiones-card::before{
  content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg, transparent, rgba(237,237,235,0.62), transparent);opacity:0.8;
}
.universo-unlock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 26px;}
.universo-unlock{
  position:relative;min-height:190px;padding:20px;border-radius:18px;background:rgba(255,255,255,0.38);border:1px solid rgba(237,237,235,0.14);overflow:hidden;
}
.universo-unlock::after{content:'';position:absolute;right:16px;top:16px;width:9px;height:9px;border-radius:50%;background:rgba(13,27,42,0.18);}
.universo-unlock.is-done{border-color:rgba(237,237,235,0.42);background:linear-gradient(135deg, rgba(237,237,235,0.16), rgba(255,255,255,0.38));}
.universo-unlock.is-done::after{background:#EDEDEB;box-shadow:0 0 18px rgba(237,237,235,0.7);}
.universo-unlock span{display:block;margin-bottom:12px;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);}
.universo-unlock strong{display:block;margin-bottom:8px;font-family:'Fraunces','Georgia',serif;font-size:20px;font-weight:400;color:var(--ink);line-height:1.12;}
.universo-unlock-status{display:inline-block;margin:0 0 12px;padding:5px 9px;border-radius:999px;background:rgba(13,27,42,0.06);font-style:normal;font-family:'Space Grotesk',sans-serif;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);}
.universo-unlock.is-done .universo-unlock-status{background:rgba(237,237,235,0.18);color:var(--indigo);}
.universo-unlock p{margin:0;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:14px;line-height:1.55;color:var(--muted);}
.universo-conexiones-ctas{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
/* P7 (2026-09-13) — grámatica "Conexión" (dos piezas se relacionan): una
   entrada suave, una sola vez, cuando el hilo aparece de verdad — nunca
   una animación permanente. Solo opacity, para no interferir con el
   desplazamiento fijo de :nth-child(2) de más abajo (stagger visual). */
@keyframes conexionAparece{from{opacity:0;}to{opacity:1;}}
.universo-conexion-card{
  position:relative;overflow:hidden;padding:24px 26px;border-radius:18px;background:linear-gradient(135deg, rgba(255,255,255,0.58), rgba(237,237,235,0.36));border:1px solid rgba(237,237,235,0.22);box-shadow:0 18px 52px rgba(13,27,42,0.08);
  animation:conexionAparece var(--motion-connection) var(--ease-connection) both;
}
@media (prefers-reduced-motion: reduce){
  .universo-conexion-card{animation:none;}
}
.universo-conexion-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom, var(--gold), #EDEDEB);}
.universo-conexion-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;}
.universo-conexion-meta span,.universo-conexion-meta time{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);}
.universo-conexion-meta time{color:var(--muted);}
.universo-conexion-card p{max-width:620px;}
.universo-conexion-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(13,27,42,0.08);font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
.universo-conexion-card:nth-child(2){transform:translateX(18px);}
.universo-conexion-card:nth-child(3){transform:translateX(36px);}
.universo-conexion-card:nth-child(n+4){transform:translateX(54px);}
@keyframes universo-conexion-orbit{to{transform:rotate(346deg);}}
@keyframes universo-depth-sheen{0%{transform:translateX(-110%);}65%,100%{transform:translateX(110%);}}
@media (max-width:900px){
  .universo-conexiones-layout{grid-template-columns:1fr;}
  .universo-unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .universo-conexion-card:nth-child(n){transform:none;}
}
@media (max-width:560px){
  .universo-conexiones-hero{padding:28px 22px;border-radius:20px;}
  .universo-depth-copy{flex-direction:column;gap:4px;}
  .universo-conexiones-metrics{grid-template-columns:1fr 1fr;}
  .universo-conexiones-metric{min-height:96px;padding:16px;}
  .universo-conexiones-metric strong{font-size:28px;}
  .universo-unlock-grid{grid-template-columns:1fr;}
  .universo-unlock{min-height:0;}
  .universo-conexiones-ctas{align-items:stretch;flex-direction:column;}
  .universo-conexiones-ctas .action-btn{text-align:center;}
  .universo-conexion-footer{align-items:flex-start;flex-direction:column;}
}
@media (prefers-reduced-motion: reduce){
  .universo-conexiones-hero::before,.universo-depth-track span::after{animation:none;}
  .universo-depth-track span{transition:none;}
}
/* Sprint 7 (VDIS) — titular del briefing diario en la capa "Hoy". */
.universo-hoy-headline{font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:22px;margin:0;}

/* Ritual de bienvenida — la única pregunta del primer login
   (js/modules/mi-universo.js → mostrarBienvenida) */
.universo-bienvenida{
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  margin-top:24px;
}
.universo-bienvenida .config-input{max-width:280px;}

/* Siguiente gesto tras guardado diferido — aparece una sola vez cuando
   store.js completa un guardado pendiente después de confirmar email. */
.universo-next-action{padding-top:0;padding-bottom:28px;}
.universo-next-card{
  max-width:760px;margin:0 auto;padding:24px 28px;
  background:linear-gradient(135deg, rgba(237,237,235,0.08), rgba(237,237,235,0.025));
  border:1px solid var(--modal-border);border-radius:12px;
  box-shadow:0 22px 70px rgba(0,0,0,0.18);
}
.universo-next-kicker{
  display:block;margin-bottom:8px;
  font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);
}
.universo-next-card h2{
  margin:0 0 8px;font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:24px;color:var(--ink);
}
.universo-next-card p{
  max-width:560px;margin:0 0 18px;font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:15px;line-height:1.6;color:var(--muted);
}
.universo-next-ctas{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
@media (max-width:600px){
  .universo-next-card{padding:22px;}
  .universo-next-ctas{align-items:stretch;flex-direction:column;}
  .universo-next-ctas .action-btn{text-align:center;}
}

/* ---- Corrección visual Mi Universo — sistema monocromático Véloris.
   La marca actual ya no usa dorado: los nombres heredados (--gold, --gold-soft)
   apuntan a la escala de blancos en css/tokens.css. Este bloque elimina el
   lavado gris y mejora contraste usando obsidiana, blanco editorial y titanio. ---- */
body.page-veloris{
  --universo-void:#08080c;
  --universo-panel:rgba(237,237,235,0.075);
  --universo-panel-strong:rgba(237,237,235,0.115);
  --universo-panel-soft:rgba(237,237,235,0.045);
  --universo-ink:#EDEDEB;
  --universo-muted:rgba(237,237,235,0.72);
  --universo-faint:rgba(237,237,235,0.48);
  --universo-line:rgba(237,237,235,0.20);
  --universo-line-strong:rgba(237,237,235,0.34);
  --universo-shadow:0 26px 74px rgba(0,0,0,0.34);
}
body.page-veloris .universo-constelacion{
  color:var(--universo-ink);
  border-color:var(--universo-line-strong);
  background:
    radial-gradient(circle at 50% 45%, rgba(237,237,235,0.13), transparent 0 76px, transparent 77px),
    radial-gradient(circle at 18% 18%, rgba(237,237,235,0.10), transparent 30%),
    radial-gradient(circle at 86% 72%, rgba(122,122,128,0.16), transparent 30%),
    linear-gradient(135deg, rgba(237,237,235,0.09), rgba(237,237,235,0.035));
  box-shadow:var(--universo-shadow), inset 0 1px 0 rgba(237,237,235,0.12);
}
body.page-veloris .universo-constelacion::after{
  background-image:radial-gradient(circle, rgba(237,237,235,0.46) 1px, transparent 1.2px);
  opacity:0.12;
}
body.page-veloris .universo-core{
  color:var(--universo-ink);
  background:radial-gradient(circle, rgba(237,237,235,0.18), rgba(237,237,235,0.07));
  border-color:var(--universo-line-strong);
  box-shadow:0 18px 48px rgba(0,0,0,0.3), 0 0 0 10px rgba(237,237,235,0.035);
}
body.page-veloris .universo-core::before{border-color:rgba(237,237,235,0.18);}
body.page-veloris .universo-node,
body.page-veloris .universo-node:visited{
  color:var(--universo-muted);
  background:linear-gradient(135deg, rgba(237,237,235,0.105), rgba(237,237,235,0.055));
  border-color:var(--universo-line);
  box-shadow:0 16px 42px rgba(0,0,0,0.24);
}
body.page-veloris .universo-node span{color:var(--universo-faint);}
body.page-veloris .universo-node strong{color:var(--universo-ink);}
body.page-veloris .universo-node:hover,
body.page-veloris .universo-node.is-active{
  background:linear-gradient(135deg, rgba(237,237,235,0.16), rgba(237,237,235,0.075));
  border-color:var(--universo-line-strong);
  box-shadow:0 22px 56px rgba(0,0,0,0.32), 0 0 30px rgba(237,237,235,0.055);
}
body.page-veloris .universo-node.is-active strong{color:var(--universo-ink);}
body.page-veloris .universo-node.is-active::after{
  background:#EDEDEB;
  box-shadow:0 0 18px rgba(237,237,235,0.58);
}
body.page-veloris .universo-constelacion-line{
  background:linear-gradient(to right, rgba(237,237,235,0.44), rgba(237,237,235,0.04));
}
body.page-veloris .universo-pulse-list{
  background:linear-gradient(135deg, rgba(237,237,235,0.075), rgba(237,237,235,0.035));
  border-color:var(--universo-line);
  box-shadow:var(--universo-shadow);
}
body.page-veloris .universo-pulse{
  background:linear-gradient(135deg, rgba(237,237,235,0.105), rgba(237,237,235,0.045));
  border-color:var(--universo-line);
}
body.page-veloris .universo-pulse::before{
  background:#EDEDEB;
  box-shadow:0 0 18px rgba(237,237,235,0.46);
}
body.page-veloris .universo-pulse span,
body.page-veloris .universo-conexiones-kicker,
body.page-veloris .universo-unlock span,
body.page-veloris .universo-conexion-meta span{color:var(--universo-ink);}
body.page-veloris .universo-pulse p,
body.page-veloris #universo-perspectiva .universo-text{
  color:var(--universo-muted);
  opacity:1;
}
body.page-veloris .universo-conexiones-hero{
  color:var(--universo-ink);
  border-color:var(--universo-line-strong);
  background:
    radial-gradient(circle at 8% 12%, rgba(237,237,235,0.11), transparent 32%),
    radial-gradient(circle at 90% 18%, rgba(122,122,128,0.16), transparent 28%),
    linear-gradient(135deg, rgba(237,237,235,0.1), rgba(237,237,235,0.04));
  box-shadow:var(--universo-shadow);
}
body.page-veloris .universo-conexiones-hero h3,
body.page-veloris .universo-conexiones-metric strong,
body.page-veloris .universo-unlock strong,
body.page-veloris .universo-conexion-card p{color:var(--universo-ink);}
body.page-veloris .universo-conexiones-hero p,
body.page-veloris .universo-depth-copy,
body.page-veloris .universo-conexiones-metric span,
body.page-veloris .universo-unlock p,
body.page-veloris .universo-conexion-meta time,
body.page-veloris .universo-conexion-footer,
body.page-veloris .universo-conexion-card .universo-insight{color:var(--universo-muted);}
body.page-veloris .universo-depth-copy strong{color:var(--universo-ink);}
body.page-veloris .universo-depth-track{
  background:rgba(237,237,235,0.08);
  border-color:rgba(237,237,235,0.12);
}
body.page-veloris .universo-depth-track span{
  background:linear-gradient(90deg, rgba(237,237,235,0.46), #EDEDEB, rgba(237,237,235,0.62));
  box-shadow:0 0 22px rgba(237,237,235,0.2);
}
body.page-veloris .universo-conexiones-metric,
body.page-veloris .universo-perspectiva-card.universo-conexiones-card,
body.page-veloris .universo-unlock,
body.page-veloris .universo-conexion-card{
  background:linear-gradient(135deg, rgba(237,237,235,0.09), rgba(237,237,235,0.04));
  border-color:var(--universo-line);
  box-shadow:0 18px 52px rgba(0,0,0,0.25);
}
body.page-veloris .universo-unlock::after{background:rgba(237,237,235,0.26);}
body.page-veloris .universo-unlock.is-done{
  border-color:var(--universo-line-strong);
  background:linear-gradient(135deg, rgba(237,237,235,0.13), rgba(237,237,235,0.055));
}
body.page-veloris .universo-unlock.is-done::after{
  background:#EDEDEB;
  box-shadow:0 0 18px rgba(237,237,235,0.58);
}
body.page-veloris .universo-unlock.is-done .universo-unlock-status{
  background:rgba(237,237,235,0.12);
  color:var(--universo-ink);
}
body.page-veloris .universo-conexion-card::before{
  background:linear-gradient(to bottom, rgba(237,237,235,0.24), #EDEDEB, rgba(237,237,235,0.18));
}
body.page-veloris .universo-conexion-footer a,
body.page-veloris .universo-conexion-footer a:visited{
  color:var(--universo-ink);
  text-decoration-color:rgba(237,237,235,0.55);
  text-underline-offset:4px;
}
body.page-veloris .universo-conexion-momento img{border-color:var(--universo-line);}
body.page-veloris .universo-conexion-momento figcaption{color:var(--universo-ink);}
body.page-veloris .universo-conexion-momento figcaption em{color:var(--universo-muted);}
body.page-veloris .universo-conexion-antesahora-link{
  background:linear-gradient(to right, rgba(237,237,235,0.08), #EDEDEB, rgba(237,237,235,0.08));
}
@media (max-width:520px){
  body.page-veloris .universo-conexion-antesahora-link{
    background:linear-gradient(to bottom, rgba(237,237,235,0.08), #EDEDEB, rgba(237,237,235,0.08));
  }
}

/* Fase tipográfica — Mi Universo como producto, no texto ceremonial */
.universo-node em,
.universo-node strong,
.universo-pulse p,
.universo-carta-nombre,
.universo-carta-frase,
.universo-energia-valor,
.universo-energia-copy,
.universo-carta-sombra p,
.universo-contexto p,
.universo-conexiones-hero h2,
.universo-conexiones-hero p,
.universo-conexiones-metric strong,
.universo-unlock strong,
.universo-unlock p,
.universo-hoy-headline,
.universe-empty-title,
.universe-empty-copy{
  font-family:'Space Grotesk',sans-serif;
  font-style:normal;
  letter-spacing:-0.012em;
}
.universo-conexiones-hero h2,
.universe-empty-title{
  font-weight:500;
  letter-spacing:-0.055em;
}
.universo-carta-nombre,
.universo-unlock strong,
.universo-hoy-headline{
  font-weight:600;
  letter-spacing:-0.035em;
}
.universo-carta-frase,
.universo-energia-copy,
.universo-carta-sombra p,
.universo-contexto p,
.universo-conexiones-hero p,
.universo-unlock p,
.universe-empty-copy{
  font-weight:400;
  line-height:1.6;
}

/* Hoy — briefing diario como portada viva de Mi Universo.
   No duplica Diario: interpreta el día y ofrece el gesto para añadir contexto. */
.universo-hoy-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(150px,0.34fr) minmax(0,1fr);
  gap:28px;
  align-items:stretch;
  overflow:hidden;
  min-height:360px;
  padding:30px;
  border-radius:28px;
  border:1px solid var(--universo-line-strong, rgba(237,237,235,0.26));
  background:
    radial-gradient(circle at 16% 18%, rgba(237,237,235,0.13), transparent 30%),
    radial-gradient(circle at 86% 82%, rgba(174,178,182,0.13), transparent 32%),
    linear-gradient(135deg, rgba(237,237,235,0.095), rgba(237,237,235,0.035));
  box-shadow:var(--universo-shadow, 0 26px 74px rgba(0,0,0,0.34));
}
.universo-hoy-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(237,237,235,0.58), transparent);
  opacity:0.8;
}
.universo-hoy-panel{position:relative;display:flex;align-items:center;min-width:0;}
.universo-hoy-state{width:100%;}
.universo-hoy-label{
  display:block;
  margin-bottom:16px;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-hoy-title{
  max-width:15ch;
  margin:8px 0 16px;
  font-family:'Fraunces','Georgia',serif;
  font-size:clamp(30px,4.4vw,52px);
  font-weight:300;
  letter-spacing:-0.01em;
  line-height:1.03;
  color:var(--universo-ink, #EDEDEB);
}
.universo-hoy-copy{
  max-width:700px;
  color:var(--universo-muted, rgba(237,237,235,0.72));
  font-family:'Space Grotesk',sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.65;
}
.universo-hoy-countdown{
  margin-top:14px;
  font-family:'Space Grotesk',sans-serif;
  font-size:11px;
  letter-spacing:0.6px;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-hoy-sources{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:26px 0 24px;
}
.universo-hoy-source{
  min-height:88px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--universo-line, rgba(237,237,235,0.2));
  background:rgba(237,237,235,0.045);
}
.universo-hoy-source span,
.universo-hoy-source strong{
  display:block;
  font-family:'Space Grotesk',sans-serif;
}
.universo-hoy-source span{
  margin-bottom:18px;
  font-size:10px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-hoy-source strong{
  font-size:14px;
  font-weight:600;
  letter-spacing:-0.02em;
  color:var(--universo-muted, rgba(237,237,235,0.72));
}
.universo-hoy-source.is-active{
  border-color:var(--universo-line-strong, rgba(237,237,235,0.34));
  background:linear-gradient(135deg, rgba(237,237,235,0.105), rgba(237,237,235,0.045));
}
.universo-hoy-source.is-active strong{color:var(--universo-ink, #EDEDEB);}
.universo-hoy-source.is-missing{opacity:0.62;}

/* "¿Por qué aparece esto?" — <details> nativo, accesible por teclado sin
   JS propio. Enumera capa · cuándo · qué aportó. Conserva su estado
   abierto/cerrado entre revalidaciones. */
.universo-hoy-porque{
  margin:22px 0 0;
  border:1px solid var(--universo-line, rgba(237,237,235,0.2));
  border-radius:16px;
  background:rgba(237,237,235,0.028);
}
.universo-hoy-porque > summary{
  padding:14px 18px;
  font-family:'Space Grotesk',sans-serif;
  font-size:12px;
  letter-spacing:0.06em;
  color:var(--universo-muted, rgba(237,237,235,0.72));
  cursor:pointer;
  list-style:none;
}
.universo-hoy-porque > summary::-webkit-details-marker{display:none;}
.universo-hoy-porque > summary::after{content:' +';color:var(--universo-faint, rgba(237,237,235,0.48));}
.universo-hoy-porque[open] > summary::after{content:' –';}
.universo-hoy-porque > summary:focus-visible{outline:2px solid var(--universo-line-strong, rgba(237,237,235,0.34));outline-offset:2px;}
.universo-hoy-porque-list{
  list-style:none;
  margin:0;
  padding:0 18px 6px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.universo-hoy-porque-list li span{
  display:block;
  margin-bottom:4px;
  font-family:'Space Grotesk',sans-serif;
  font-size:9px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-hoy-porque-list li p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:var(--universo-muted, rgba(237,237,235,0.72));
}
.universo-hoy-porque-nota{
  margin:0;
  padding:0 18px 16px;
  font-size:12px;
  line-height:1.5;
  color:var(--universo-faint, rgba(237,237,235,0.48));
}
.universo-hoy-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px;}
/* Sprint 9 — tránsitos del día (ver js/modules/mi-universo.js#renderHoyTransitos).
   Fila completa bajo el grid de dos columnas de la tarjeta: independiente
   del briefing de IA, así que nunca comparte columna con .universo-hoy-panel. */
.universo-hoy-transitos{
  grid-column:1 / -1;
  padding-top:22px;
  border-top:1px solid var(--universo-line, rgba(237,237,235,0.16));
}
.universo-hoy-transitos-list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.universo-hoy-transito{
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--universo-line, rgba(237,237,235,0.16));
  background:rgba(237,237,235,0.035);
  color:var(--universo-muted, rgba(237,237,235,0.78));
  font-family:'Space Grotesk',sans-serif;
  font-size:14px;
  line-height:1.55;
}
.universo-hoy-eventos-trigger{
  grid-column:1 / -1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  margin-top:18px;
  padding:0;
  border:none;
  background:none;
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:0.02em;
  color:var(--universo-muted, rgba(237,237,235,0.78));
  cursor:pointer;
  transition:color 0.2s ease;
}
.universo-hoy-eventos-trigger:hover{color:var(--universo-ink, #EDEDEB);}

/* Sprint 9 — popup "Próximos eventos" (ver mi-universo.html + js/modules/mi-universo.js#initEventosPopup) */
.universo-eventos-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.universo-eventos-modal[hidden]{display:none;}
.universo-eventos-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.55);
  backdrop-filter:blur(12px);
}
.universo-eventos-card{
  position:relative;
  max-width:480px;
  width:100%;
  max-height:80vh;
  overflow-y:auto;
  padding:36px 32px;
  border-radius:24px;
  border:1px solid var(--universo-line-strong, rgba(237,237,235,0.26));
  background:
    radial-gradient(circle at 20% 20%, rgba(237,237,235,0.12), transparent 32%),
    linear-gradient(150deg, rgba(22,22,24,0.98), rgba(14,14,16,0.98));
  box-shadow:var(--universo-shadow, 0 26px 74px rgba(0,0,0,0.34));
  animation:universoEventosIn 0.3s ease both;
}
@keyframes universoEventosIn{from{opacity:0;transform:scale(0.96) translateY(12px);}to{opacity:1;transform:scale(1) translateY(0);}}
.universo-eventos-close{
  position:absolute;
  top:14px;
  right:14px;
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:rgba(237,237,235,0.06);
  color:var(--universo-muted, rgba(237,237,235,0.78));
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:background 0.2s ease, color 0.2s ease;
}
.universo-eventos-close:hover{background:rgba(237,237,235,0.14);color:var(--universo-ink, #EDEDEB);}
.universo-eventos-title{
  margin:0 0 20px;
  max-width:380px;
  font-family:'Space Grotesk',sans-serif;
  font-size:24px;
  font-weight:600;
  letter-spacing:-0.03em;
  line-height:1.15;
  color:var(--universo-ink, #EDEDEB);
}
.universo-eventos-list{display:grid;gap:14px;margin:0;padding:0;list-style:none;}
.universo-eventos-item{
  padding:16px;
  border-radius:16px;
  border:1px solid var(--universo-line, rgba(237,237,235,0.16));
  background:rgba(237,237,235,0.035);
}
.universo-eventos-item strong{
  display:block;
  margin-bottom:8px;
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:0.01em;
  color:var(--universo-ink, #EDEDEB);
}
.universo-eventos-item p{
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  line-height:1.6;
  color:var(--universo-muted, rgba(237,237,235,0.78));
}
@media (max-width:820px){
  .universo-eventos-card{padding:28px 22px;max-height:85vh;}
}
@media (max-width:820px){
  .universo-hoy-card{grid-template-columns:1fr;padding:24px;border-radius:24px;}
  .universo-hoy-luna{order:-1;}
  .universo-hoy-title{font-size:clamp(27px,9vw,40px);}
  .universo-hoy-sources{grid-template-columns:1fr;}
  .universo-hoy-actions{align-items:stretch;flex-direction:column;}
  /* Apilados: mismo alto aunque una etiqueta envuelva a dos líneas. */
  .universo-hoy-actions .action-btn{text-align:center;min-height:48px;}
}

/* Mi Universo — refinamiento premium: mapa astral vivo + hilos */
.universo-house-ring{
  position:absolute;
  left:50%;top:50%;
  width:min(68%,330px);height:min(68%,330px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  border:1px solid rgba(237,237,235,0.18);
  box-shadow:inset 0 0 0 1px rgba(13,27,42,0.035), 0 0 42px rgba(237,237,235,0.06);
}
.universo-house-ring span{
  position:absolute;
  left:50%;top:50%;
  width:2px;height:14px;
  margin-left:-1px;
  margin-top:calc(-50% - 1px);
  border-radius:999px;
  background:rgba(13,27,42,0.16);
  transform-origin:50% calc(50% + min(34vw,165px));
  opacity:0.54;
}
.universo-house-ring span:nth-child(1){transform:rotate(0deg);}
.universo-house-ring span:nth-child(2){transform:rotate(30deg);}
.universo-house-ring span:nth-child(3){transform:rotate(60deg);}
.universo-house-ring span:nth-child(4){transform:rotate(90deg);}
.universo-house-ring span:nth-child(5){transform:rotate(120deg);}
.universo-house-ring span:nth-child(6){transform:rotate(150deg);}
.universo-house-ring span:nth-child(7){transform:rotate(180deg);}
.universo-house-ring span:nth-child(8){transform:rotate(210deg);}
.universo-house-ring span:nth-child(9){transform:rotate(240deg);}
.universo-house-ring span:nth-child(10){transform:rotate(270deg);}
.universo-house-ring span:nth-child(11){transform:rotate(300deg);}
.universo-house-ring span:nth-child(12){transform:rotate(330deg);}
body.page-veloris .universo-node strong,
.universo-node strong{
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(20px,2vw,27px);
  font-weight:600;
  letter-spacing:-0.055em;
}
body.page-veloris .universo-pulse p,
.universo-pulse p{
  font-family:'Space Grotesk',sans-serif;
  font-size:14px;
  font-weight:400;
  letter-spacing:-0.01em;
}
.universo-conexion-card--hilo{
  background:
    radial-gradient(circle at 0% 0%, rgba(237,237,235,0.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.62), rgba(237,237,235,0.32));
}
.universo-conexion-evidence{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.universo-conexion-evidence span{
  min-height:72px;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(13,27,42,0.08);
  background:rgba(255,255,255,0.34);
  color:var(--ink);
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  line-height:1.35;
}
.universo-conexion-evidence em{
  display:block;
  margin-bottom:8px;
  font-style:normal;
  font-size:9px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--muted);
}
.universo-conexion-antesahora{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:18px;
}
.universo-conexion-momento{
  display:flex;
  flex:1;
  min-width:0;
  flex-direction:column;
  gap:8px;
  margin:0;
}
.universo-conexion-momento img{
  display:block;
  width:100%;
  aspect-ratio:2/3;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(13,27,42,0.1);
}
.universo-conexion-momento figcaption{
  font-family:'Space Grotesk',sans-serif;
  font-size:12px;
  color:var(--ink);
}
.universo-conexion-momento figcaption em{
  display:block;
  margin-bottom:4px;
  font-style:normal;
  font-size:9px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--muted);
}
.universo-conexion-antesahora-link{
  flex:0 0 auto;
  align-self:center;
  width:28px;
  height:1px;
  background:linear-gradient(to right, rgba(13,27,42,0.05), var(--gold), rgba(13,27,42,0.05));
}
@media (max-width:520px){
  .universo-conexion-antesahora{flex-direction:column;align-items:stretch;}
  .universo-conexion-antesahora-link{width:1px;height:24px;align-self:center;background:linear-gradient(to bottom, rgba(13,27,42,0.05), var(--gold), rgba(13,27,42,0.05));}
  .universo-conexion-momento img{aspect-ratio:16/9;}
}
/* ---- Conexiones V3.1 (2026-09-15) ----
   Cada conexión es ahora un <details> (mismo patrón que "Explorar mi
   mapa"): la card entera es el resumen, abrirla revela Evidence Timeline
   + "Por qué aparece" + interpretación opcional. Jerarquía visual por
   tamaño/tipografía, nunca por color (VPOM: sin iconografía genérica de
   IA, sin colores por tipo). */
.universo-conexion-card summary{
  list-style:none;
  cursor:pointer;
  display:block;
}
.universo-conexion-card summary::-webkit-details-marker{display:none;}
.universo-conexion-card summary h4{margin:6px 0 0;}
.universo-conexion-card--principal{
  padding:30px 30px 28px;
}
.universo-conexion-card--principal summary h4{
  font-size:clamp(21px, 3.4vw, 27px);
}
.universo-conexion-notado{
  margin:0 0 10px;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  letter-spacing:2.2px;
  text-transform:uppercase;
  color:var(--gold);
}
.universo-conexion-detalle{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(13,27,42,0.08);
  display:flex;
  flex-direction:column;
  gap:18px;
}
.universo-conexion-timeline-label,
.universo-conexion-porque-label{
  display:block;
  margin-bottom:10px;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--muted);
}
.universo-conexion-timeline ol{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.universo-conexion-timeline li{
  position:relative;
  padding-left:18px;
  border-left:1px solid rgba(13,27,42,0.12);
}
.universo-conexion-timeline li:last-child{border-left-color:var(--gold);}
.universo-conexion-timeline li a{
  display:block;
  color:inherit;
  text-decoration:none;
}
.universo-conexion-timeline time{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--gold);
}
.universo-conexion-timeline-fuente{
  display:inline-block;
  margin-top:2px;
  font-family:'Space Grotesk',sans-serif;
  font-size:11px;
  letter-spacing:0.5px;
  text-transform:uppercase;
  color:var(--muted);
}
.universo-conexion-timeline-texto{
  display:block;
  margin-top:2px;
  font-family:'Fraunces','Georgia',serif;
  font-size:15px;
  color:var(--ink);
}
.universo-conexion-porque p,
.universo-conexion-interpretacion p{margin:0;max-width:620px;}
.universo-conexion-interpretacion{
  padding-top:4px;
  font-style:italic;
}
.universo-conexiones-anteriores{margin-top:10px;}
.universo-conexiones-anteriores > .universo-conexion-card{margin-top:14px;transform:none;}
@media (max-width:560px){
  .universo-conexion-card--principal{padding:24px 20px 22px;}
}

.universo-conexion-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.universo-conexion-actions a,
.universo-conexion-footer > a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:4px;
}
.universo-conexion-actions a:hover,
.universo-conexion-footer > a:hover{color:var(--ink);}
@media (max-width:760px){
  .universo-house-ring{width:250px;height:250px;}
  .universo-conexion-evidence{grid-template-columns:1fr;}
  .universo-conexion-footer{align-items:flex-start;flex-direction:column;}
  .universo-conexion-actions{justify-content:flex-start;}
}
@media (prefers-reduced-motion: reduce){
  .universo-house-ring span{transition:none;}
}

/* Ajuste geométrico del anillo: radio explícito para que las 12 casas roten limpias */
.universo-house-ring{
  --universo-ring-radius:min(34vw,165px);
  width:calc(var(--universo-ring-radius) * 2);
  height:calc(var(--universo-ring-radius) * 2);
}
.universo-house-ring span{
  left:calc(50% - 1px);
  top:0;
  margin:0;
  transform-origin:1px var(--universo-ring-radius);
}
@media (max-width:760px){
  .universo-house-ring{--universo-ring-radius:125px;}
}

/* Mi Universo — secciones sin duplicación */
.universo-hoy-reading-map span,.universo-hoy-reading-map strong,.universo-hoy-reading-map p,.universo-progreso-kicker,.universo-progreso-title,.universo-progreso-grid span,.universo-progreso-grid strong,.universo-progreso-grid p,.universo-thread-path span{font-family:'Space Grotesk',sans-serif;}
.universo-hoy-reading-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px;}
.universo-hoy-reading-map article{padding:16px;border-radius:18px;border:1px solid var(--universo-line, rgba(237,237,235,0.16));background:rgba(237,237,235,0.032);}
.universo-hoy-reading-map span{display:block;margin-bottom:12px;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--universo-faint, rgba(237,237,235,0.48));}
.universo-hoy-reading-map strong{display:block;margin-bottom:6px;font-size:14px;font-weight:600;letter-spacing:-0.02em;color:var(--universo-ink, #EDEDEB);}
.universo-hoy-reading-map p{margin:0;font-size:13px;line-height:1.45;color:var(--universo-muted, rgba(237,237,235,0.72));}
.universo-thread-path{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:26px 0 8px;max-width:760px;}
.universo-thread-path span{padding:10px 12px;border-radius:999px;border:1px solid var(--universo-line, rgba(237,237,235,0.18));background:rgba(237,237,235,0.045);color:var(--universo-ink, #EDEDEB);font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;}
.universo-thread-path i{display:block;height:1px;background:linear-gradient(90deg, rgba(237,237,235,0.12), rgba(237,237,235,0.52), rgba(237,237,235,0.12));}
.universo-progreso-card{position:relative;overflow:hidden;}
.universo-progreso-card::after{content:'';position:absolute;inset:auto -10% -55% 52%;height:170%;border-radius:50%;border:1px solid rgba(237,237,235,0.10);transform:rotate(-18deg);pointer-events:none;}
.universo-progreso-kicker{display:block;margin-bottom:12px;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--universo-faint, rgba(237,237,235,0.48));}
.universo-progreso-title{position:relative;max-width:820px;margin:0 0 18px;font-size:clamp(28px,4.2vw,52px);font-weight:600;letter-spacing:-0.065em;line-height:0.98;color:var(--universo-ink, #EDEDEB);}
.universo-progreso-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0;}
.universo-progreso-grid article{min-height:142px;padding:18px;border-radius:18px;border:1px solid var(--universo-line, rgba(237,237,235,0.16));background:rgba(237,237,235,0.04);}
.universo-progreso-grid span{display:block;margin-bottom:16px;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--universo-faint, rgba(237,237,235,0.48));}
.universo-progreso-grid strong{display:block;margin-bottom:8px;font-size:16px;font-weight:600;letter-spacing:-0.03em;color:var(--universo-ink, #EDEDEB);}
.universo-progreso-grid p{margin:0;font-size:13px;line-height:1.55;color:var(--universo-muted, rgba(237,237,235,0.72));}
.universo-conexiones-hero h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.055em;}
@media (max-width:900px){.universo-hoy-reading-map,.universo-progreso-grid{grid-template-columns:1fr;}.universo-thread-path{grid-template-columns:1fr;gap:8px;}.universo-thread-path i{height:20px;width:1px;justify-self:center;background:linear-gradient(to bottom, rgba(237,237,235,0.12), rgba(237,237,235,0.52), rgba(237,237,235,0.12));}}

/* Véloris Interaction System — Conexiones como sistema vivo, no contador plano */
#universo-perspectiva[data-connection-state] .universo-conexiones-hero::after{
  content:"";
  position:absolute;
  left:38px;
  right:38px;
  bottom:24px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(237,237,235,.56), transparent);
  opacity:.36;
  transform-origin:left center;
  animation:universoConnectionPulse var(--motion-connection,760ms) var(--ease-connection,cubic-bezier(.16,.8,.24,1)) both;
  pointer-events:none;
}
#universo-perspectiva[data-connection-state='active'] .universo-conexiones-hero,
#universo-perspectiva[data-connection-state='ready'] .universo-conexiones-hero{border-color:rgba(237,237,235,.34);}
#universo-perspectiva[data-connection-state='active'] .universo-depth-track span,
#universo-perspectiva[data-connection-state='ready'] .universo-depth-track span{box-shadow:0 0 28px rgba(237,237,235,.24);}
.universo-thread-path i{position:relative;overflow:hidden;}
.universo-thread-path i::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.86), transparent);
  transform:translateX(-120%);
  animation:universoThreadScan 2.8s var(--ease-premium) infinite;
}
.universo-perspectiva-card[data-connection-state='empty'] .universo-thread-path i::after{animation-delay:.25s;opacity:.45;}
.universo-perspectiva-card[data-connection-state='forming'] .universo-thread-path i::after,
.universo-perspectiva-card[data-connection-state='ready'] .universo-thread-path i::after{animation-duration:2.1s;opacity:.75;}
.universo-perspectiva-card[data-connection-state='active'] .universo-thread-path span:last-child,
.universo-perspectiva-card[data-connection-state='ready'] .universo-thread-path span:last-child{border-color:rgba(237,237,235,.38);box-shadow:0 0 24px rgba(237,237,235,.10);}
.universo-conexion-card--hilo{transition:transform var(--motion-state,240ms) var(--ease-response),border-color var(--motion-state,240ms) var(--ease-response),box-shadow var(--motion-state,240ms) var(--ease-response);}
.universo-conexion-card--hilo:hover{border-color:rgba(237,237,235,.32);box-shadow:0 24px 70px rgba(0,0,0,.28);}
.universo-conexion-card--hilo.is-pressed{transform:translateY(1px) scale(.992);}
@keyframes universoConnectionPulse{from{opacity:0;transform:scaleX(.72);}to{opacity:.36;transform:scaleX(1);}}
@keyframes universoThreadScan{0%{transform:translateX(-120%);}58%,100%{transform:translateX(120%);}}
@media (max-width:900px){.universo-thread-path i::after{background:linear-gradient(to bottom, transparent, rgba(255,255,255,.86), transparent);transform:translateY(-120%);animation-name:universoThreadScanMobile;}}
@keyframes universoThreadScanMobile{0%{transform:translateY(-120%);}58%,100%{transform:translateY(120%);}}
@media (prefers-reduced-motion:reduce){#universo-perspectiva[data-connection-state] .universo-conexiones-hero::after,.universo-thread-path i::after{animation:none;}.universo-conexion-card--hilo,.universo-conexion-card--hilo:hover{transition:none;transform:none;}}
/* Fase F frontend — límites free/pro visibles sin romper la estética monocroma */
.biblioteca-pro-lock{
  position:relative;
  overflow:hidden;
  margin-top:14px;
  padding:22px;
  border-radius:20px;
  border:1px solid rgba(237,237,235,.2);
  background:
    radial-gradient(circle at 92% 12%, rgba(237,237,235,.16), transparent 32%),
    linear-gradient(135deg, rgba(237,237,235,.08), rgba(237,237,235,.035));
  box-shadow:0 20px 60px rgba(0,0,0,.26);
}
.biblioteca-pro-lock::after{
  content:'';
  position:absolute;
  right:-44px;
  bottom:-58px;
  width:150px;
  height:150px;
  border-radius:999px;
  border:1px solid rgba(237,237,235,.12);
  pointer-events:none;
}
.biblioteca-pro-lock span,
.biblioteca-pro-lock strong,
.biblioteca-pro-lock p{font-family:'Space Grotesk',sans-serif;}
.biblioteca-pro-lock span{
  display:block;
  margin-bottom:14px;
  color:rgba(237,237,235,.58);
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.biblioteca-pro-lock strong{
  display:block;
  max-width:560px;
  margin-bottom:8px;
  color:var(--universo-ink,#EDEDEB);
  font-size:20px;
  font-weight:600;
  letter-spacing:-.035em;
}
.biblioteca-pro-lock p{
  max-width:640px;
  margin:0 0 18px;
  color:var(--universo-muted,rgba(237,237,235,.72));
  font-size:14px;
  line-height:1.55;
}
.universo-perspectiva-card[data-connection-state='locked'] .universo-thread-path span:last-child,
#universo-perspectiva[data-connection-state='locked'] .universo-conexiones-hero{
  border-color:rgba(237,237,235,.38);
  box-shadow:0 24px 78px rgba(0,0,0,.28);
}
#universo-perspectiva[data-connection-state='locked'] .universo-depth-track span{
  box-shadow:0 0 30px rgba(237,237,235,.26);
}
.universo-conexion-card h4{
  position:relative;
  margin:0 0 10px;
  font-family:'Space Grotesk',sans-serif;
  color:var(--universo-ink,#EDEDEB);
  font-size:22px;
  font-weight:600;
  letter-spacing:-.045em;
  line-height:1.06;
}
.universo-conexion-card--locked{
  border-color:rgba(237,237,235,.28);
  background:
    radial-gradient(circle at 82% 18%, rgba(237,237,235,.14), transparent 26%),
    linear-gradient(135deg, rgba(237,237,235,.11), rgba(237,237,235,.045));
}
.universo-conexion-card--locked::after{
  content:'';
  position:absolute;
  inset:14px 14px auto auto;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#EDEDEB;
  box-shadow:0 0 22px rgba(237,237,235,.52);
}
.universo-locked-nodes{
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(86px,1fr));
  gap:10px;
  margin:22px 0 6px;
}
.universo-locked-node{
  position:relative;
  min-height:84px;
  padding:14px 12px;
  border-radius:16px;
  border:1px solid rgba(237,237,235,.16);
  background:rgba(237,237,235,.045);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.universo-locked-node i{
  width:16px;
  height:16px;
  border-radius:999px;
  border:1px solid rgba(237,237,235,.46);
  box-shadow:0 0 20px rgba(237,237,235,.16);
}
.universo-locked-node em{
  font-family:'Space Grotesk',sans-serif;
  font-style:normal;
  color:rgba(237,237,235,.68);
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.universo-conexion-layers{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:16px 0 4px;
}
.universo-conexion-layers span{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(237,237,235,.16);
  background:rgba(237,237,235,.055);
  font-family:'Space Grotesk',sans-serif;
  color:rgba(237,237,235,.78);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media (max-width:560px){
  .biblioteca-pro-lock{padding:18px;}
  .universo-locked-nodes{grid-template-columns:1fr 1fr;}
}