/* u0-profile.css — 2026-11-09
   Resumen del perfil (action=profile, área summary): bloque de datos #detailedinfo.u0ps
   Marcado: template_summary() en Themes/underc0de/Profile.template.php.
   Pisa los estilos de terminal de Sources/u0-Producto.php (#profileview #detailedinfo dt: fuente pixel,
   minúsculas y prefijo "> ") solo dentro de este bloque. */

#profileview #detailedinfo.u0ps{width:100%;float:none;color:var(--txt-2,rgba(255,255,255,.84));font:400 .95rem/1.5 var(--f-body,Roboto,system-ui,sans-serif)}

/* Identidad */
#profileview #detailedinfo.u0ps .u0ps-id{margin:0 0 1.25rem;padding:0 0 1rem;border-bottom:1px solid rgba(255,255,255,.08)}
#profileview #detailedinfo.u0ps .u0ps-name{margin:0;font:600 1.35rem/1.25 var(--f-ui,system-ui,sans-serif);color:#fff;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
#profileview #detailedinfo.u0ps .u0ps-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin:.3rem 0 0;font-size:.9rem;color:var(--txt-3,rgba(255,255,255,.66))}
#profileview #detailedinfo.u0ps .u0ps-group{color:var(--txt-2,rgba(255,255,255,.84));font-weight:500}
#profileview #detailedinfo.u0ps .u0ps-blurb{margin:.6rem 0 0;padding:.1rem 0 .1rem .75rem;border-left:2px solid var(--celeste,#3CB7EA);color:var(--txt,#fff);font-style:italic;overflow-wrap:anywhere}
#profileview #detailedinfo.u0ps .u0ps-on{display:inline-flex;align-items:center;gap:.4rem;color:var(--txt-2,rgba(255,255,255,.84))}
#profileview #detailedinfo.u0ps .u0ps-on::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#4ade80;flex:none}

/* Bloques */
#profileview #detailedinfo.u0ps .u0ps-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 2.75rem}
#profileview #detailedinfo.u0ps .u0ps-sec{min-width:0;margin:0}
#profileview #detailedinfo.u0ps .u0ps-sec--wide{grid-column:1/-1}
#profileview #detailedinfo.u0ps .u0ps-h{display:flex;align-items:center;gap:.5rem;margin:0 0 .35rem;padding:0;font:600 .95rem/1.4 var(--f-ui,system-ui,sans-serif);letter-spacing:0;text-transform:none;color:#fff;border:0;background:none}
#profileview #detailedinfo.u0ps .u0ps-h::before{content:"";width:3px;height:.95em;background:var(--celeste,#3CB7EA);border-radius:1px;flex:none}
#profileview #detailedinfo.u0ps .u0ps-sec--mod .u0ps-h::before{background:#f59e0b}

/* Filas etiqueta / valor */
#profileview #detailedinfo.u0ps dl.u0ps-dl{display:block;margin:0;padding:0;border:0;overflow:visible}
#profileview #detailedinfo.u0ps .u0ps-r{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:.2rem 1rem;align-items:baseline;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
#profileview #detailedinfo.u0ps .u0ps-r:first-child{border-top:0}
#profileview #detailedinfo.u0ps .u0ps-r dt,
#profileview #detailedinfo.u0ps .u0ps-r dd{float:none;width:auto;margin:0;padding:0;clear:none}
#profileview #detailedinfo.u0ps .u0ps-r dt{font:400 .9rem/1.5 var(--f-body,Roboto,system-ui,sans-serif);text-transform:none;letter-spacing:0;color:var(--txt-3,rgba(255,255,255,.66))}
#profileview #detailedinfo.u0ps .u0ps-r dt::before{content:none}
#profileview #detailedinfo.u0ps .u0ps-r dd{color:var(--txt,#fff);overflow-wrap:anywhere;min-width:0}
#profileview #detailedinfo.u0ps .u0ps-r--full{grid-template-columns:1fr}
#profileview #detailedinfo.u0ps .u0ps-r--full dt{color:var(--txt-2,rgba(255,255,255,.84))}
#profileview #detailedinfo.u0ps .u0ps-r--act{align-items:start}
#profileview #detailedinfo.u0ps .u0ps-r--act dt{padding-top:.1rem}
#profileview #detailedinfo.u0ps .u0ps-r--icon dd .main_icons{vertical-align:-2px;margin-right:.3rem}
#profileview #detailedinfo.u0ps .u0ps-r--list dd{line-height:1.75}
#profileview #detailedinfo.u0ps .u0ps-num{font-weight:600;font-variant-numeric:tabular-nums}
#profileview #detailedinfo.u0ps .u0ps-sub{margin-left:.35rem;font-size:.85rem;color:var(--txt-3,rgba(255,255,255,.66))}
#profileview #detailedinfo.u0ps .u0ps-more{margin-left:.6rem;font-size:.85rem}
#profileview #detailedinfo.u0ps .u0ps-cake{width:16px;height:16px;margin:0 0 0 .3rem;vertical-align:-2px}

/* Enlaces visibles: celeste solo como acento, subrayado tenue */
#profileview #detailedinfo.u0ps dd a{color:var(--celeste,#3CB7EA);text-decoration:underline;text-decoration-color:rgba(60,183,234,.4);text-underline-offset:.2em}
#profileview #detailedinfo.u0ps dd a:hover,
#profileview #detailedinfo.u0ps dd a:focus-visible{color:#fff;text-decoration-color:currentColor}

/* Firma */
#profileview #detailedinfo.u0ps .signature{margin-top:1.5rem}
#profileview #detailedinfo.u0ps .signature h5{margin:0 0 .5rem;font:600 .95rem/1.4 var(--f-ui,system-ui,sans-serif);color:#fff;text-transform:none}

@media (max-width:900px){
 #profileview #detailedinfo.u0ps .u0ps-cols{grid-template-columns:minmax(0,1fr);gap:1.25rem}
}
@media (max-width:1100px) and (min-width:901px){
 #profileview #detailedinfo.u0ps .u0ps-r{grid-template-columns:10rem minmax(0,1fr)}
}
@media (max-width:560px){
 #profileview #detailedinfo.u0ps .u0ps-r{grid-template-columns:minmax(6.5rem,38%) minmax(0,1fr);gap:.15rem .75rem}
 #profileview #detailedinfo.u0ps .u0ps-r--act,
 #profileview #detailedinfo.u0ps .u0ps-r--list{grid-template-columns:1fr}
 #profileview #detailedinfo.u0ps .u0ps-more,
 #profileview #detailedinfo.u0ps .u0ps-sub{display:inline-block;margin-left:.4rem}
 #profileview #detailedinfo.u0ps .u0ps-name{font-size:1.2rem}
}


/* v2 (2026-11-09, pedido): UNA columna con secciones (Actividad / Sobre mí / Redes), nada lado a lado.
   Ancho acotado para que etiqueta y valor queden cerca. */
#profileview #detailedinfo.u0ps .u0ps-cols{display:block;max-width:760px}
#profileview #detailedinfo.u0ps .u0ps-sec{margin:0 0 1.6rem}
#profileview #detailedinfo.u0ps .u0ps-sec:last-child{margin-bottom:0}
#profileview #detailedinfo.u0ps .u0ps-h{margin:0 0 .25rem;font:600 .75rem/1.4 var(--f-ui,system-ui,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--txt-3,rgba(255,255,255,.62))}
#profileview #detailedinfo.u0ps .u0ps-h::before{display:none}
#profileview #detailedinfo.u0ps .u0ps-sec--mod .u0ps-h{color:#f0b35a}
#profileview #detailedinfo.u0ps .u0ps-r{grid-template-columns:11rem minmax(0,1fr);padding:.45rem 0 .45rem .9rem;border-top:1px solid rgba(255,255,255,.05)}
#profileview #detailedinfo.u0ps .u0ps-r--full,#profileview #detailedinfo.u0ps .u0ps-r--list{grid-template-columns:11rem minmax(0,1fr)}
#profileview #detailedinfo.u0ps .u0ps-id{max-width:760px}
@media (max-width:1100px) and (min-width:901px){#profileview #detailedinfo.u0ps .u0ps-r{grid-template-columns:10rem minmax(0,1fr)}}
@media (max-width:560px){
 #profileview #detailedinfo.u0ps .u0ps-r{grid-template-columns:minmax(6.5rem,38%) minmax(0,1fr);padding-left:.5rem}
 #profileview #detailedinfo.u0ps .u0ps-r--list,#profileview #detailedinfo.u0ps .u0ps-r--full{grid-template-columns:1fr}
}