.iv-agent-identity-card{
--iv-agent-star-url:url("https://inmueblesverificados.com/dahofah/uploads/2026/07/TablerStarFilled.svg");
--iv-agent-name-size:12.2px;
--iv-agent-company-size:11.4px;
--iv-agent-rating-size:10.8px;
--iv-agent-name-color:#111827;
--iv-agent-company-color:#64748B;
--iv-agent-rating-color:#111827;
--iv-agent-muted-color:#64748B;
--iv-agent-star-color:#F59E0B;
--iv-agent-check-bg:#38BDF8;
--iv-agent-avatar-size:40px;
--iv-agent-avatar-border:3px;
--iv-agent-avatar-shadow:0 8px 18px rgba(15,23,42,.12);
--iv-agent-avatar-shadow-hover:0 10px 24px rgba(15,23,42,.18);
display:flex !important;
align-items:center !important;
gap:9px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
margin-top:12px !important;
margin-bottom:0 !important;
line-height:1.1 !important;
}
.iv-agent-identity-card,
.iv-agent-identity-card *{
box-sizing:border-box !important;
}
.iv-agent-identity-card a{
text-decoration:none !important;
box-shadow:none !important;
}
.iv-agent-identity-card__avatar{
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 var(--iv-agent-avatar-size) !important;
width:var(--iv-agent-avatar-size) !important;
height:var(--iv-agent-avatar-size) !important;
max-width:var(--iv-agent-avatar-size) !important;
max-height:var(--iv-agent-avatar-size) !important;
overflow:visible !important;
}
.iv-agent-identity-card__avatar-shell{
position:relative !important;
display:block !important;
width:var(--iv-agent-avatar-size) !important;
height:var(--iv-agent-avatar-size) !important;
flex:0 0 var(--iv-agent-avatar-size) !important;
transition:transform .22s ease, filter .22s ease !important;
will-change:transform;
}
.iv-agent-identity-card__avatar-media{
display:block !important;
width:var(--iv-agent-avatar-size) !important;
height:var(--iv-agent-avatar-size) !important;
border-radius:999px !important;
border:var(--iv-agent-avatar-border) solid #FFFFFF !important;
background:#F8FAFC !important;
overflow:hidden !important;
box-shadow:var(--iv-agent-avatar-shadow) !important;
transition:box-shadow .22s ease, transform .22s ease !important;
}
.iv-agent-identity-card__avatar-img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
min-width:100% !important;
max-height:none !important;
border-radius:999px !important;
object-fit:cover !important;
object-position:center center !important;
transition:transform .28s ease !important;
will-change:transform;
}
.iv-agent-identity-card__avatar-fallback{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:100% !important;
border-radius:999px !important;
background:#E5E7EB !important;
color:#111827 !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1 !important;
}
@media (hover:hover){
.iv-agent-identity-card__avatar:hover .iv-agent-identity-card__avatar-shell{
transform:translateY(-2px) scale(1.035) !important;
}
.iv-agent-identity-card__avatar:hover .iv-agent-identity-card__avatar-media{
box-shadow:var(--iv-agent-avatar-shadow-hover) !important;
}
.iv-agent-identity-card__avatar:hover .iv-agent-identity-card__avatar-img{
transform:scale(1.045) !important;
}
}
.iv-agent-identity-card__badge{
position:absolute !important;
right:-1px !important;
bottom:-1px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:15px !important;
height:15px !important;
max-width:15px !important;
max-height:15px !important;
min-width:15px !important;
min-height:15px !important;
border-radius:999px !important;
background:var(--iv-agent-check-bg) !important;
color:#FFFFFF !important;
border:2px solid #FFFFFF !important;
box-shadow:0 2px 7px rgba(15,23,42,.20) !important;
z-index:3 !important;
overflow:hidden !important;
line-height:1 !important;
transition:transform .22s ease, box-shadow .22s ease !important;
}
.iv-agent-identity-card__check{
display:block !important;
width:9px !important;
height:9px !important;
max-width:9px !important;
max-height:9px !important;
min-width:9px !important;
min-height:9px !important;
color:#FFFFFF !important;
fill:currentColor !important;
flex:0 0 9px !important;
}
.iv-agent-identity-card__check path{
fill:currentColor !important;
}
@media (hover:hover){
.iv-agent-identity-card__avatar:hover .iv-agent-identity-card__badge{
transform:scale(1.06) !important;
box-shadow:0 3px 9px rgba(15,23,42,.24) !important;
}
}
.iv-agent-identity-card__body{
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
gap:2px !important;
min-width:0 !important;
max-width:calc(100% - 49px) !important;
line-height:1.12 !important;
}
.iv-agent-identity-card__name{
display:block !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
color:var(--iv-agent-name-color) !important;
font-size:var(--iv-agent-name-size) !important;
font-weight:700 !important;
line-height:1.12 !important;
text-decoration:none !important;
letter-spacing:-.012em !important;
}
.iv-agent-identity-card__name:hover{
color:#0F172A !important;
text-decoration:none !important;
}
.iv-agent-identity-card__company{
display:block !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
color:var(--iv-agent-company-color) !important;
font-size:var(--iv-agent-company-size) !important;
font-weight:500 !important;
line-height:1.12 !important;
text-decoration:none !important;
letter-spacing:-.01em !important;
}
.iv-agent-identity-card__company:hover{
color:#475569 !important;
text-decoration:none !important;
}
.iv-agent-identity-card__rating{
display:inline-flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:3px !important;
max-width:100% !important;
min-width:0 !important;
margin-top:2px !important;
color:var(--iv-agent-rating-color) !important;
font-size:var(--iv-agent-rating-size) !important;
font-weight:600 !important;
line-height:1.1 !important;
white-space:nowrap !important;
}
.iv-agent-identity-card__star{
display:inline-block !important;
width:11.5px !important;
height:11.5px !important;
flex:0 0 11.5px !important;
background:var(--iv-agent-star-color) !important;
-webkit-mask-image:var(--iv-agent-star-url) !important;
mask-image:var(--iv-agent-star-url) !important;
-webkit-mask-repeat:no-repeat !important;
mask-repeat:no-repeat !important;
-webkit-mask-position:center !important;
mask-position:center !important;
-webkit-mask-size:contain !important;
mask-size:contain !important;
}
.iv-agent-identity-card__rating-value{
color:var(--iv-agent-rating-color) !important;
font-size:var(--iv-agent-rating-size) !important;
font-weight:700 !important;
line-height:1.1 !important;
}
.iv-agent-identity-card__rating-total{
color:var(--iv-agent-muted-color) !important;
font-size:var(--iv-agent-rating-size) !important;
font-weight:500 !important;
line-height:1.1 !important;
}
@media (max-width:767px){
.iv-agent-identity-card{
--iv-agent-name-size:12px;
--iv-agent-company-size:11px;
--iv-agent-rating-size:10.7px;
--iv-agent-avatar-size:39px;
gap:8px !important;
margin-top:10px !important;
}
.iv-agent-identity-card__body{
max-width:calc(100% - 47px) !important;
}
.iv-agent-identity-card__star{
width:11px !important;
height:11px !important;
flex-basis:11px !important;
}
}