.iv-agent-identity-card {
--iv-agent-avatar-size: 53px;
--iv-agent-name-size: 14.1px;
--iv-agent-rating-size: 13.8px;
--iv-agent-reviews-size: 10.5px;
--iv-agent-name-color: #0F172A;
--iv-agent-rating-color: #0F172A;
--iv-agent-muted-color: #64748B;
--iv-agent-hover-color: #006AFF;
--iv-agent-star-color: #FFB800;
--iv-agent-check-color: #38BDF8;
--iv-agent-separator-color: #D5DCE5;
--iv-agent-inline-space: 8px;
--iv-agent-rating-gap: 3px;
--iv-agent-company-size: 11px;
--iv-agent-company-logo-size: 26px;
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 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;
overflow: visible !important;
}
.iv-agent-identity-card__avatar-shell {
position: relative !important;
display: block !important;
width: 100% !important;
height: 100% !important;
transition:
transform .22s ease !important;
}
.iv-agent-identity-card__avatar-media {
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
background: #F8FAFC !important;
border: 3px solid #FFFFFF !important;
border-radius: 50% !important;
box-shadow:
0 6px 18px rgba(15, 23, 42, .12) !important;
transition:
box-shadow .22s ease !important;
}
.iv-agent-identity-card__avatar-img {
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 50% !important;
transition:
transform .25s ease !important;
}
.iv-agent-identity-card__avatar-fallback {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
background: #E5E7EB !important;
color: #111827 !important;
border-radius: 50% !important;
font-size: 18px !important;
font-weight: 700 !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: 17px !important;
height: 17px !important;
background: var(--iv-agent-check-color) !important;
color: #FFFFFF !important;
border: 2px solid #FFFFFF !important;
border-radius: 50% !important;
box-shadow:
0 2px 7px rgba(15, 23, 42, .20) !important;
z-index: 2 !important;
}
.iv-agent-identity-card__check {
display: block !important;
width: 10px !important;
height: 10px !important;
color: #FFFFFF !important;
fill: currentColor !important;
}
.iv-agent-identity-card__check path {
fill: currentColor !important;
}
.iv-agent-identity-card__body {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
gap: 4px !important;
min-width: 0 !important;
}
.iv-agent-identity-card__primary {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: var(--iv-agent-inline-space) !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
}
.iv-agent-identity-card__name {
display: block !important;
flex: 0 1 auto !important;
min-width: 0 !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.15 !important;
letter-spacing: -.012em !important;
transition:
color .18s ease !important;
}
.iv-agent-identity-card__name:hover {
color: var(--iv-agent-hover-color) !important;
}
.iv-agent-identity-card__name:focus-visible {
color: var(--iv-agent-hover-color) !important;
outline:
2px solid rgba(0, 106, 255, .24) !important;
outline-offset: 3px !important;
border-radius: 3px !important;
}
.iv-agent-identity-card__rating {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex: 0 0 auto !important;
gap: var(--iv-agent-rating-gap) !important;
margin: 0 !important;
padding: 0 !important;
color: var(--iv-agent-rating-color) !important;
white-space: nowrap !important;
line-height: 1 !important;
}
.iv-agent-identity-card__rating::before {
content: "" !important;
display: block !important;
flex: 0 0 1px !important;
width: 1px !important;
height: 16px !important;
margin-right:
calc(
var(--iv-agent-inline-space)
-
var(--iv-agent-rating-gap)
) !important;
background:
var(--iv-agent-separator-color) !important;
border-radius: 999px !important;
}
.iv-agent-identity-card__star {
display: inline-block !important;
flex: 0 0 13px !important;
width: 13px !important;
height: 13px !important;
background:
var(--iv-agent-star-color) !important;
-webkit-mask-image:
url("https://inmueblesverificados.com/dahofah/uploads/2026/07/TablerStarFilled.svg") !important;
mask-image:
url("https://inmueblesverificados.com/dahofah/uploads/2026/07/TablerStarFilled.svg") !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 !important;
letter-spacing:
-.01em !important;
}
.iv-agent-identity-card__rating-total {
color:
var(--iv-agent-muted-color) !important;
font-size:
var(--iv-agent-reviews-size) !important;
font-weight:
500 !important;
line-height:
1 !important;
}
.iv-agent-identity-card__secondary {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
}
.iv-agent-identity-card__company {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
min-width: 0 !important;
max-width: 100% !important;
color: var(--iv-agent-name-color) !important;
font-size:
var(--iv-agent-company-size) !important;
font-weight: 500 !important;
line-height: 1.15 !important;
transition:
color .18s ease !important;
}
a.iv-agent-identity-card__company:hover {
color: var(--iv-agent-hover-color) !important;
}
.iv-agent-identity-card__company-title {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.iv-agent-identity-card__company-logo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex:
0 0 var(--iv-agent-company-logo-size) !important;
width:
var(--iv-agent-company-logo-size) !important;
height:
var(--iv-agent-company-logo-size) !important;
overflow: hidden !important;
background: #FFFFFF !important;
border:
2px solid #FFFFFF !important;
border-radius: 50% !important;
box-shadow:
0 4px 12px rgba(15, 23, 42, .10) !important;
}
.iv-agent-identity-card__company-logo-img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 50% !important;
}
@media (hover: hover) {
.iv-agent-identity-card__avatar:hover
.iv-agent-identity-card__avatar-shell {
transform:
translateY(-2px) scale(1.025) !important;
}
.iv-agent-identity-card__avatar:hover
.iv-agent-identity-card__avatar-media {
box-shadow:
0 10px 24px rgba(15, 23, 42, .17) !important;
}
.iv-agent-identity-card__avatar:hover
.iv-agent-identity-card__avatar-img {
transform:
scale(1.035) !important;
}
}
@media (max-width: 767px) {
.iv-agent-identity-card {
--iv-agent-avatar-size: 54px;
--iv-agent-name-size: 15px;
--iv-agent-rating-size: 14px;
--iv-agent-reviews-size: 10px;
--iv-agent-inline-space: 7px;
--iv-agent-rating-gap: 4px;
gap: 10px !important;
}
.iv-agent-identity-card__rating::before {
height: 15px !important;
}
.iv-agent-identity-card__star {
flex-basis: 13px !important;
width: 13px !important;
height: 13px !important;
}
}
@media (max-width: 359px) {
.iv-agent-identity-card__rating-total {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
.iv-agent-identity-card__avatar-shell,
.iv-agent-identity-card__avatar-media,
.iv-agent-identity-card__avatar-img,
.iv-agent-identity-card__name,
.iv-agent-identity-card__company {
transition: none !important;
}
}