.cmp_perfil_informacion_usuario{width:360px;height:177px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;position:relative}
.cmp_perfil_informacion_usuario_loading_state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.55) 0,rgba(255,255,255,0.85) 100%);backdrop-filter:blur(2px);transition:opacity 220ms ease,transform 220ms ease;z-index:2;pointer-events:none}
.cmp_perfil_informacion_usuario_loading_state.is-hidden{opacity:0;transform:scale(0.99)}
.cmp_perfil_informacion_usuario_skeletons{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.cmp_perfil_informacion_usuario_skeleton{display:block;border-radius:999px;background:linear-gradient(90deg,#e8edf5 25%,#f4f7fb 37%,#e8edf5 63%);background-size:400% 100%;animation:cmp-perfil-info-shimmer 1.15s ease-in-out infinite;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.35)}
.cmp_perfil_informacion_usuario_skeleton--avatar{width:80px;height:80px;border-radius:50%;animation-delay:0}
.cmp_perfil_informacion_usuario_skeleton--name{width:220px;height:34px;animation-delay:.12s}
.cmp_perfil_informacion_usuario_skeleton--email{width:260px;height:22px;animation-delay:.24s}
.cmp_perfil_informacion_usuario::after{content:'';position:absolute;inset:0;border-radius:20px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,0.42) 50%,transparent 100%);transform:translateX(-100%);animation:cmp-perfil-info-sweep 1.6s ease-in-out infinite;pointer-events:none;opacity:.5;z-index:1}
.cmp_perfil_informacion_usuario.is-loading .cmp_perfil_informacion_usuario_contenedor_siglas,.cmp_perfil_informacion_usuario.is-loading .cmp_perfil_informacion_usuario_contenedor_nombre_correo{opacity:0}
.cmp_perfil_informacion_usuario:not(.is-loading) .cmp_perfil_informacion_usuario_loading_state,.cmp_perfil_informacion_usuario:not(.is-loading)::after{display:none}
@keyframes cmp-perfil-info-shimmer{0{background-position:100% 0}
100%{background-position:0 0}
}
@keyframes cmp-perfil-info-sweep{0{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
.cmp_perfil_informacion_usuario_contenedor_siglas{width:80px;height:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ffc000;border-radius:50%}
.cmp_perfil_informacion_usuario_siglas{width:44px;height:40px;font-family:Avenir,sans-serif;font-weight:900;font-size:28px;line-height:40px;letter-spacing:0;text-align:center;color:#fff;margin-top:0;margin-bottom:0}
.cmp_perfil_informacion_usuario_contenedor_nombre_correo{width:100%;height:81px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px}
.cmp_perfil_informacion_usuario_nombre{width:100%;height:41px;font-family:Avenir,sans-serif;font-weight:900;font-size:34px;line-height:41px;letter-spacing:0;text-align:center;color:#002d72;margin-top:0;margin-bottom:0}
.cmp_perfil_informacion_usuario_correo{width:100%;height:28px;font-family:Avenir,sans-serif;font-weight:300;font-size:22px;line-height:28px;letter-spacing:0;text-align:center;color:#667085;margin-top:0;margin-bottom:0}
@media(max-width:768px){div.cmp_perfil_informacion_usuario{width:368px;height:166px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;position:relative}
.cmp_perfil_informacion_usuario_loading_state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.55) 0,rgba(255,255,255,0.85) 100%);backdrop-filter:blur(2px);transition:opacity 220ms ease,transform 220ms ease;z-index:2;pointer-events:none}
.cmp_perfil_informacion_usuario_loading_state.is-hidden{opacity:0;transform:scale(0.99)}
.cmp_perfil_informacion_usuario_skeletons{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.cmp_perfil_informacion_usuario_skeleton{display:block;border-radius:999px;background:linear-gradient(90deg,#e8edf5 25%,#f4f7fb 37%,#e8edf5 63%);background-size:400% 100%;animation:cmp-perfil-info-shimmer 1.15s ease-in-out infinite;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.35)}
.cmp_perfil_informacion_usuario_skeleton--avatar{width:80px;height:80px;border-radius:50%;animation-delay:0}
.cmp_perfil_informacion_usuario_skeleton--name{width:210px;height:28px;animation-delay:.12s}
.cmp_perfil_informacion_usuario_skeleton--email{width:250px;height:18px;animation-delay:.24s}
.cmp_perfil_informacion_usuario::after{content:'';position:absolute;inset:0;border-radius:20px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,0.42) 50%,transparent 100%);transform:translateX(-100%);animation:cmp-perfil-info-sweep 1.6s ease-in-out infinite;pointer-events:none;opacity:.5;z-index:1}
.cmp_perfil_informacion_usuario.is-loading .cmp_perfil_informacion_usuario_contenedor_siglas,.cmp_perfil_informacion_usuario.is-loading .cmp_perfil_informacion_usuario_contenedor_nombre_correo{opacity:0}
.cmp_perfil_informacion_usuario:not(.is-loading) .cmp_perfil_informacion_usuario_loading_state,.cmp_perfil_informacion_usuario:not(.is-loading)::after{display:none}
@keyframes cmp-perfil-info-shimmer{0{background-position:100% 0}
100%{background-position:0 0}
}
@keyframes cmp-perfil-info-sweep{0{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
div.cmp_perfil_informacion_usuario_contenedor_siglas{width:80px;height:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ffc000;border-radius:50%}
.cmp_perfil_informacion_usuario_siglas{width:44px;height:40px;font-family:Avenir,sans-serif;font-weight:900;font-size:28px;line-height:40px;letter-spacing:0;text-align:center;color:#fff;margin-top:0;margin-bottom:0}
div.cmp_perfil_informacion_usuario_contenedor_nombre_correo{width:100%;height:54px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}
.cmp_perfil_informacion_usuario_nombre{width:100%;height:28px;font-family:Avenir,sans-serif;font-weight:900;font-size:22px;line-height:28px;letter-spacing:0;text-align:center;color:#002d72;margin-top:0;margin-bottom:0}
p.cmp_perfil_informacion_usuario_correo{width:100%;height:22px;font-family:Avenir,sans-serif;font-weight:300;font-size:14px;line-height:22px;letter-spacing:0;text-align:center;color:#667085;margin-top:0;margin-bottom:0}
}