.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-company-logo-size: 30px;
--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: 11px !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: 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: 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: 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: 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;
}
}
@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;
}
}
@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;
}
}