.iv-agent-identity-card {
--iv-agent-star-url:
url("https://inmueblesverificados.com/dahofah/uploads/2026/07/TablerStarFilled.svg");
--iv-agent-name-size:
13.3px;
--iv-agent-company-size:
11.8px;
--iv-agent-rating-size:
12.3px;
--iv-agent-rating-total-size:
10.8px;
--iv-agent-name-color:
#0F172A;
--iv-agent-company-color:
#0F172A;
--iv-agent-link-hover:
#006AFF;
--iv-agent-rating-color:
#0F172A;
--iv-agent-muted-color:
#64748B;
--iv-agent-star-color:
#F59E0B;
--iv-agent-check-bg:
#38BDF8;
--iv-agent-separator-color:
#CBD5E1;
--iv-agent-avatar-size:
60px;
--iv-agent-avatar-border:
3px;
--iv-agent-identity-shadow:
0 7px 18px
rgba(
15,
23,
42,
0.12
);
--iv-agent-identity-shadow-hover:
0 11px 27px
rgba(
15,
23,
42,
0.18
);
--iv-agent-company-logo-size:
30px;
--iv-agent-company-logo-border:
2px;
--iv-agent-company-logo-zoom:
1.10;
display:
flex !important;
align-items:
center !important;
gap:
11px !important;
width:
100% !important;
max-width:
100% !important;
min-width:
0 !important;
margin-top:
8px !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;
min-width:
var(--iv-agent-avatar-size) !important;
min-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;
transform:
translateY(0)
scale(1) !important;
transform-origin:
center center !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-identity-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;
min-width:
100% !important;
max-width:
none !important;
max-height:
none !important;
margin:
0 !important;
padding:
0 !important;
border-radius:
999px !important;
object-fit:
cover !important;
object-position:
center center !important;
transform:
scale(1) !important;
transform-origin:
center center !important;
transition:
transform .28s ease,
filter .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:
18px !important;
font-weight:
700 !important;
line-height:
1 !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:
18px !important;
height:
18px !important;
min-width:
18px !important;
min-height:
18px !important;
max-width:
18px !important;
max-height:
18px !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,
0.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:
10px !important;
height:
10px !important;
min-width:
10px !important;
min-height:
10px !important;
max-width:
10px !important;
max-height:
10px !important;
color:
#FFFFFF !important;
fill:
currentColor !important;
flex:
0
0
10px !important;
}
.iv-agent-identity-card__check path {
fill:
currentColor !important;
}
.iv-agent-identity-card__body {
display:
flex !important;
flex:
1
1
0 !important;
flex-direction:
column !important;
justify-content:
center !important;
align-items:
flex-start !important;
gap:
5px !important;
min-width:
0 !important;
max-width:
none !important;
width:
100% !important;
}
.iv-agent-identity-card__primary {
display:
flex !important;
align-items:
center !important;
justify-content:
flex-start !important;
gap:
7px !important;
width:
100% !important;
min-width:
0 !important;
max-width:
100% !important;
overflow:
hidden !important;
}
.iv-agent-identity-card__name {
display:
block !important;
flex:
0
1
auto !important;
min-width:
0 !important;
max-width:
55% !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;
letter-spacing:
-.012em !important;
text-decoration:
none !important;
transition:
color .18s ease !important;
}
.iv-agent-identity-card__name:hover {
color:
var(--iv-agent-link-hover) !important;
text-decoration:
none !important;
}
.iv-agent-identity-card__name:focus-visible {
color:
var(--iv-agent-link-hover) !important;
outline:
2px solid
rgba(
0,
106,
255,
.28
) !important;
outline-offset:
2px !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:
3px !important;
margin:
0 !important;
padding:
0 !important;
color:
var(--iv-agent-rating-color) !important;
line-height:
1.1 !important;
white-space:
nowrap !important;
}
.iv-agent-identity-card__rating::before {
content:
"" !important;
display:
block !important;
flex:
0
0
1px !important;
width:
1px !important;
height:
14px !important;
margin:
0 4px 0 0 !important;
background:
var(--iv-agent-separator-color) !important;
border-radius:
999px !important;
opacity:
.85 !important;
}
.iv-agent-identity-card__star {
display:
inline-block !important;
width:
13px !important;
height:
13px !important;
flex:
0
0
13px !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;
letter-spacing:
-.01em !important;
}
.iv-agent-identity-card__rating-total {
color:
var(--iv-agent-muted-color) !important;
font-size:
var(--iv-agent-rating-total-size) !important;
font-weight:
500 !important;
line-height:
1.1 !important;
}
.iv-agent-identity-card__secondary {
display:
flex !important;
align-items:
center !important;
justify-content:
flex-start !important;
width:
100% !important;
min-width:
0 !important;
overflow:
visible !important;
}
.iv-agent-identity-card__company {
display:
inline-flex !important;
align-items:
center !important;
justify-content:
flex-start !important;
gap:
8px !important;
width:
auto !important;
max-width:
100% !important;
min-width:
0 !important;
overflow:
visible !important;
color:
var(--iv-agent-company-color) !important;
font-size:
var(--iv-agent-company-size) !important;
font-weight:
500 !important;
line-height:
1.14 !important;
letter-spacing:
-.01em !important;
text-decoration:
none !important;
transition:
color .18s ease !important;
}
a.iv-agent-identity-card__company:hover {
color:
var(--iv-agent-link-hover) !important;
text-decoration:
none !important;
}
a.iv-agent-identity-card__company:focus-visible {
color:
var(--iv-agent-link-hover) !important;
outline:
2px solid
rgba(
0,
106,
255,
.28
) !important;
outline-offset:
3px !important;
border-radius:
999px !important;
}
.iv-agent-identity-card__company-title {
display:
block !important;
min-width:
0 !important;
max-width:
100% !important;
overflow:
hidden !important;
text-overflow:
ellipsis !important;
white-space:
nowrap !important;
color:
inherit !important;
font:
inherit !important;
line-height:
inherit !important;
transition:
color .18s ease !important;
}
.iv-agent-identity-card__company-logo {
position:
relative !important;
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;
min-width:
var(--iv-agent-company-logo-size) !important;
min-height:
var(--iv-agent-company-logo-size) !important;
max-width:
var(--iv-agent-company-logo-size) !important;
max-height:
var(--iv-agent-company-logo-size) !important;
margin:
0 !important;
padding:
0 !important;
background:
#FFFFFF !important;
border:
var(--iv-agent-company-logo-border)
solid
#FFFFFF !important;
border-radius:
999px !important;
overflow:
hidden !important;
box-shadow:
var(--iv-agent-identity-shadow) !important;
transform:
translateY(0)
scale(1) !important;
transform-origin:
center center !important;
transition:
transform .22s ease,
box-shadow .22s ease,
filter .22s ease !important;
will-change:
transform;
}
.iv-agent-identity-card__company-logo-img {
display:
block !important;
width:
100% !important;
height:
100% !important;
min-width:
100% !important;
min-height:
100% !important;
max-width:
none !important;
max-height:
none !important;
margin:
0 !important;
padding:
0 !important;
object-fit:
cover !important;
object-position:
center center !important;
border-radius:
999px !important;
transform:
scale(
var(--iv-agent-company-logo-zoom)
) !important;
transform-origin:
center center !important;
transition:
transform .28s ease,
filter .28s ease !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:
var(--iv-agent-identity-shadow-hover) !important;
}
.iv-agent-identity-card__avatar:hover
.iv-agent-identity-card__avatar-img {
transform:
scale(1.035) !important;
}
.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:has(.iv-agent-identity-card__name:hover)
.iv-agent-identity-card__avatar-shell {
transform:
translateY(-2px)
scale(1.025) !important;
}
.iv-agent-identity-card:has(.iv-agent-identity-card__name:hover)
.iv-agent-identity-card__avatar-media {
box-shadow:
var(--iv-agent-identity-shadow-hover) !important;
}
.iv-agent-identity-card:has(.iv-agent-identity-card__name:hover)
.iv-agent-identity-card__avatar-img {
transform:
scale(1.035) !important;
}
.iv-agent-identity-card:has(.iv-agent-identity-card__name:hover)
.iv-agent-identity-card__badge {
transform:
scale(1.06) !important;
box-shadow:
0 3px 9px
rgba(
15,
23,
42,
.24
) !important;
}
a.iv-agent-identity-card__company:hover
.iv-agent-identity-card__company-logo {
transform:
translateY(-2px)
scale(1.025) !important;
box-shadow:
var(--iv-agent-identity-shadow-hover) !important;
}
a.iv-agent-identity-card__company:hover
.iv-agent-identity-card__company-logo-img {
filter:
saturate(1.04)
contrast(1.02) !important;
}
.iv-agent-identity-card__company-logo:hover {
transform:
translateY(-2px)
scale(1.025) !important;
box-shadow:
var(--iv-agent-identity-shadow-hover) !important;
}
}
.iv-agent-identity-card:has(.iv-agent-identity-card__name:focus-visible)
.iv-agent-identity-card__avatar-shell {
transform:
translateY(-2px)
scale(1.025) !important;
}
.iv-agent-identity-card:has(.iv-agent-identity-card__name:focus-visible)
.iv-agent-identity-card__avatar-media {
box-shadow:
var(--iv-agent-identity-shadow-hover) !important;
}
.iv-agent-identity-card:has(.iv-agent-identity-card__name:focus-visible)
.iv-agent-identity-card__avatar-img {
transform:
scale(1.035) !important;
}
.iv-agent-identity-card:has(.iv-agent-identity-card__name:focus-visible)
.iv-agent-identity-card__badge {
transform:
scale(1.06) !important;
box-shadow:
0 3px 9px
rgba(
15,
23,
42,
.24
) !important;
}
a.iv-agent-identity-card__company:focus-visible
.iv-agent-identity-card__company-logo {
transform:
translateY(-2px)
scale(1.025) !important;
box-shadow:
var(--iv-agent-identity-shadow-hover) !important;
}
@media (
min-width: 768px
) and (
max-width: 1024px
) {
.iv-agent-identity-card {
--iv-agent-avatar-size:
58px;
--iv-agent-company-logo-size:
28px;
--iv-agent-name-size:
13px;
--iv-agent-company-size:
11.5px;
--iv-agent-rating-size:
12px;
--iv-agent-rating-total-size:
10.6px;
gap:
10px !important;
}
.iv-agent-identity-card__primary {
gap:
6px !important;
}
.iv-agent-identity-card__name {
max-width:
54% !important;
}
.iv-agent-identity-card__rating::before {
height:
13px !important;
margin-right:
3px !important;
}
}
@media (max-width: 767px) {
.iv-agent-identity-card {
--iv-agent-avatar-size:
54px;
--iv-agent-company-logo-size:
26px;
--iv-agent-company-logo-zoom:
1.08;
--iv-agent-name-size:
12.5px;
--iv-agent-company-size:
11px;
--iv-agent-rating-size:
11.7px;
--iv-agent-rating-total-size:
10.3px;
gap:
9px !important;
margin-top:
7px !important;
}
.iv-agent-identity-card__body {
gap:
4px !important;
}
.iv-agent-identity-card__primary {
gap:
5px !important;
}
.iv-agent-identity-card__name {
max-width:
52% !important;
}
.iv-agent-identity-card__company {
gap:
7px !important;
}
.iv-agent-identity-card__rating::before {
height:
12px !important;
margin:
0 2px 0 0 !important;
}
.iv-agent-identity-card__star {
width:
12px !important;
height:
12px !important;
flex-basis:
12px !important;
}
.iv-agent-identity-card__badge {
width:
17px !important;
height:
17px !important;
min-width:
17px !important;
min-height:
17px !important;
max-width:
17px !important;
max-height:
17px !important;
}
}
@media (max-width: 359px) {
.iv-agent-identity-card__rating-total {
display:
none !important;
}
.iv-agent-identity-card__name {
max-width:
58% !important;
}
}
body.single-propiedades
.iv-property-agent-intro
.iv-agent-identity-card__company-logo {
display:
none !important;
}
body.single-propiedades
.iv-property-agent-intro
.iv-agent-identity-card {
--iv-agent-avatar-size:
52px;
}
@media (max-width: 767px) {
body.single-propiedades
.iv-property-agent-intro {
width:
100%;
margin:
18px 0 0;
padding:
0 0 20px;
}
body.single-propiedades
.iv-property-agent-intro
.iv-agent-identity-card {
--iv-agent-avatar-size:
70px;
--iv-agent-name-size:
15.5px;
--iv-agent-company-size:
13.5px;
--iv-agent-rating-size:
12.8px;
--iv-agent-rating-total-size:
11.8px;
gap:
13px !important;
width:
100% !important;
margin:
0 !important;
}
body.single-propiedades
.iv-property-agent-intro
.iv-agent-identity-card__primary {
gap:
8px !important;
}
body.single-propiedades
.iv-property-agent-intro
.iv-agent-identity-card__name {
max-width:
60% !important;
}
body.single-propiedades
.iv-property-agent-intro
.iv-agent-identity-card__rating::before {
height:
15px !important;
}
body.single-propiedades
.iv-property-agent-intro
.iv-agent-identity-card__badge {
width:
19px !important;
height:
19px !important;
min-width:
19px !important;
min-height:
19px !important;
max-width:
19px !important;
max-height:
19px !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__badge,
.iv-agent-identity-card__name,
.iv-agent-identity-card__company,
.iv-agent-identity-card__company-title,
.iv-agent-identity-card__company-logo,
.iv-agent-identity-card__company-logo-img {
transition:
none !important;
}
}