.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: 12px;
--iv-agent-rating-size: 13.5px;
--iv-agent-rating-total-size: 11px;
--iv-agent-star-size: 16px;
--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: #FFC108;
--iv-agent-check-bg: #38BDF8;
--iv-agent-separator-color: #CBD5E1;
--iv-agent-avatar-size: 60px;
--iv-agent-avatar-border: 3px;
--iv-agent-company-logo-size: 35px;
--iv-agent-company-logo-border: 2px;
--iv-agent-company-logo-zoom: 1.10;
--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);
display: flex !important;
align-items: center !important;
gap: 9px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 8px 0 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: var(--iv-agent-avatar-size) !important;
height: var(--iv-agent-avatar-size) !important;
transform:
translateY(0)
scale(1) !important;
transform-origin: center !important;
transition:
transform .22s ease !important;
}
.iv-agent-identity-card__avatar-media {
display: block !important;
width: 100% !important;
height: 100% !important;
border:
var(--iv-agent-avatar-border)
solid
#FFFFFF !important;
border-radius: 50% !important;
background: #F8FAFC !important;
overflow: hidden !important;
box-shadow:
var(--iv-agent-identity-shadow) !important;
transition:
box-shadow .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: 50% !important;
object-fit: cover !important;
object-position: center !important;
transform: scale(1) !important;
transform-origin: center !important;
transition:
transform .28s 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;
border-radius: 50% !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;
border: 2px solid #FFFFFF !important;
border-radius: 50% !important;
background:
var(--iv-agent-check-bg) !important;
color: #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: 10px !important;
height: 10px !important;
flex: 0 0 10px !important;
color: #FFFFFF !important;
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: 2.5px !important;
width: 100% !important;
min-width: 0 !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;
transition:
color .18s ease !important;
}
.iv-agent-identity-card__name:hover,
.iv-agent-identity-card__name:focus-visible {
color:
var(--iv-agent-link-hover) !important;
}
.iv-agent-identity-card__name:focus-visible {
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: 15px !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:
var(--iv-agent-star-size) !important;
height:
var(--iv-agent-star-size) !important;
flex:
0 0 var(--iv-agent-star-size) !important;
background:
var(--iv-agent-star-color) !important;
-webkit-mask:
var(--iv-agent-star-url)
center / contain
no-repeat !important;
mask:
var(--iv-agent-star-url)
center / contain
no-repeat !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;
transition:
color .18s ease !important;
}
a.iv-agent-identity-card__company:hover,
a.iv-agent-identity-card__company:focus-visible {
color:
var(--iv-agent-link-hover) !important;
}
a.iv-agent-identity-card__company:focus-visible {
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;
}
.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;
margin: 0 !important;
padding: 0 !important;
background: #FFFFFF !important;
border:
var(--iv-agent-company-logo-border)
solid
#FFFFFF !important;
border-radius: 50% !important;
overflow: hidden !important;
box-shadow:
var(--iv-agent-identity-shadow) !important;
transform:
translateY(0)
scale(1) !important;
transform-origin: center !important;
transition:
transform .22s ease,
box-shadow .22s ease !important;
}
.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 !important;
border-radius: 50% !important;
transform:
scale(
var(--iv-agent-company-logo-zoom)
) !important;
transform-origin: center !important;
}
@media (hover: hover) {
.iv-agent-identity-card__avatar:hover
.iv-agent-identity-card__avatar-shell,
.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__avatar:hover
.iv-agent-identity-card__avatar-media,
.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__avatar:hover
.iv-agent-identity-card__avatar-img,
.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__avatar:hover
.iv-agent-identity-card__badge,
.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;
}
.iv-agent-identity-card__avatar:hover
+
.iv-agent-identity-card__body
.iv-agent-identity-card__name {
color:
var(--iv-agent-link-hover) !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;
}
}
.iv-agent-identity-card__avatar:focus-visible
.iv-agent-identity-card__avatar-shell,
.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__avatar:focus-visible
.iv-agent-identity-card__avatar-media,
.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__avatar:focus-visible
.iv-agent-identity-card__avatar-img,
.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__avatar:focus-visible
.iv-agent-identity-card__badge,
.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;
}
.iv-agent-identity-card__avatar:focus-visible
+
.iv-agent-identity-card__body
.iv-agent-identity-card__name {
color:
var(--iv-agent-link-hover) !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: 60px;
--iv-agent-company-logo-size: 40px;
--iv-agent-name-size: 13px;
--iv-agent-company-size: 11.5px;
--iv-agent-rating-size: 13.2px;
--iv-agent-rating-total-size: 10.6px;
--iv-agent-star-size: 14px;
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: 14px !important;
margin-right: 3px !important;
}
}
@media (max-width: 767px) {
.iv-agent-identity-card {
--iv-agent-avatar-size: 60px;
--iv-agent-company-logo-size: 39px;
--iv-agent-company-logo-zoom: 1.08;
--iv-agent-name-size: 14.9px;
--iv-agent-company-size: 13.2px;
--iv-agent-rating-size: 14.5px;
--iv-agent-rating-total-size: 12.2px;
--iv-agent-star-size: 15px;
gap: 9px !important;
margin-top: 17px !important;
}
.iv-agent-identity-card__body {
gap: 2.3px !important;
}
.iv-agent-identity-card__primary {
gap: 8.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: 13px !important;
margin:
0 2px 0 0 !important;
}
.iv-agent-identity-card__badge {
width: 17px !important;
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: 13.4px;
--iv-agent-rating-total-size: 11.8px;
--iv-agent-star-size: 14px;
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;
}
}
@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-logo {
transition: none !important;
}
}