.iv-save-item {
--iv-save-bg: #f3f3f3;
--iv-save-bg-hover: #ebebeb;
--iv-save-ink: #222222;
--iv-save-active: #ff385c;
--iv-save-border: #dddddd;
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
font: inherit;
color: var(--iv-save-ink);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.iv-save-item:disabled {
cursor: wait;
}
.iv-save-item--button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 48px;
padding: 0 18px;
background: var(--iv-save-bg);
border: 1px solid transparent;
border-radius: 12px;
font-size: 14px;
font-weight: 650;
line-height: 1.2;
text-decoration: none;
transition: background-color 150ms ease, transform 120ms ease;
}
.iv-save-item--button:hover {
background: var(--iv-save-bg-hover);
}
.iv-save-item--button:active {
transform: scale(0.98);
}
.iv-save-item--icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
min-width: 42px;
min-height: 42px;
padding: 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 999px;
line-height: 0;
transition: background-color 150ms ease, transform 120ms ease;
}
.iv-save-item--icon:hover {
background: #f7f7f7;
}
.iv-save-item--icon:active {
transform: scale(0.94);
}
.iv-save-item__svg {
display: block;
width: 21px;
height: 21px;
fill: transparent;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
transition: fill 150ms ease, color 150ms ease, transform 150ms ease;
}
.iv-save-item.is-saved {
color: var(--iv-save-active);
}
.iv-save-item.is-saved .iv-save-item__svg {
fill: currentColor;
}
.iv-save-item--button.is-saved {
color: var(--iv-save-ink);
}
.iv-save-item--button.is-saved .iv-save-item__svg {
color: var(--iv-save-active);
}
.iv-save-item__status {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.iv-save-item--icon .iv-save-item__label,
.iv-save-item--card .iv-save-item__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.iv-save-item--card {
position: relative;
}
.iv-save-item.is-loading {
opacity: 0.72;
}
.iv-save-item.is-loading .iv-save-item__svg {
animation: iv-save-item-pulse 700ms ease-in-out infinite alternate;
}
.iv-save-item.is-error {
outline: 2px solid rgba(185, 28, 28, 0.32);
outline-offset: 2px;
}
.iv-save-item:focus-visible {
outline: 3px solid rgba(34, 34, 34, 0.18);
outline-offset: 2px;
}
body.single-propiedades .iv-mobile-gallery-favorite.iv-save-item.is-saved,
body.single-propiedades #jet-popup-153986 .iv-mobile-gallery-favorite.iv-save-item.is-saved {
color: #ff385c !important;
}
body.single-propiedades .iv-mobile-gallery-favorite.iv-save-item .iv-save-item__svg,
body.single-propiedades #jet-popup-153986 .iv-mobile-gallery-favorite.iv-save-item .iv-save-item__svg {
fill: transparent !important;
stroke: currentColor !important;
}
body.single-propiedades .iv-mobile-gallery-favorite.iv-save-item.is-saved .iv-save-item__svg,
body.single-propiedades #jet-popup-153986 .iv-mobile-gallery-favorite.iv-save-item.is-saved .iv-save-item__svg {
fill: currentColor !important;
}
@keyframes iv-save-item-pulse {
from { transform: scale(0.92); }
to { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
.iv-save-item,
.iv-save-item__svg {
transition: none !important;
animation: none !important;
}
}
.iv-favorito-card,
.iv-save-item-shell--card {
position: absolute !important;
top: 8px;
right: 8px;
bottom: auto !important;
left: auto !important;
width: 42px;
height: 42px;
margin: 0 !important;
padding: 0 !important;
z-index: 30;
}
.iv-favorito-card a,
.iv-favorito-card button,
.iv-favorito-card .jet-data-store-link,
.iv-save-item-shell--card .iv-save-item--card {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
outline: none;
box-shadow: none !important;
color: inherit !important;
text-decoration: none !important;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.iv-favorito-card a:focus,
.iv-favorito-card button:focus,
.iv-favorito-card .jet-data-store-link:focus,
.iv-save-item-shell--card .iv-save-item--card:focus {
outline: none;
box-shadow: none !important;
}
.iv-favorito-card a:focus-visible,
.iv-favorito-card button:focus-visible,
.iv-favorito-card .jet-data-store-link:focus-visible,
.iv-save-item-shell--card .iv-save-item--card:focus-visible {
outline: 2px solid rgba(255,255,255,.95);
outline-offset: 1px;
}
.iv-favorito-card svg,
.iv-save-item-shell--card .iv-save-item__svg {
width: 33px !important;
height: 33px !important;
display: block !important;
flex: 0 0 33px;
overflow: visible;
filter: none !important;
transform-origin: center;
transition: transform .16s ease, opacity .16s ease;
}
.iv-favorito-card svg path,
.iv-save-item-shell--card .iv-save-item__svg path {
fill: rgba(70,70,70,.52) !important;
fill-opacity: 1 !important;
stroke: rgba(255,255,255,.98) !important;
stroke-width: 1.7 !important;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
transition: fill .18s ease, stroke .18s ease;
}
.iv-favorito-card i {
width: 33px !important;
height: 33px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 33px !important;
line-height: 33px !important;
color: rgba(70,70,70,.52) !important;
-webkit-text-stroke: 1.3px rgba(255,255,255,.98);
text-shadow: none !important;
filter: none !important;
transform-origin: center;
transition: transform .16s ease, color .18s ease;
}
.iv-favorito-card:hover svg,
.iv-favorito-card:hover i,
.iv-save-item-shell--card:hover .iv-save-item__svg {
transform: scale(1.06);
}
.iv-favorito-card:hover svg path,
.iv-save-item-shell--card:hover .iv-save-item__svg path {
fill: rgba(55,55,55,.66) !important;
}
.iv-favorito-card:hover i {
color: rgba(55,55,55,.66) !important;
}
.iv-favorito-card:active svg,
.iv-favorito-card:active i,
.iv-favorito-card a:active svg,
.iv-favorito-card button:active svg,
.iv-favorito-card .jet-data-store-link:active svg,
.iv-save-item-shell--card .iv-save-item--card:active .iv-save-item__svg {
transform: scale(.92);
}
.iv-favorito-card .in-store svg path,
.iv-favorito-card .jet-data-store-link.in-store svg path,
.iv-favorito-card.is-active svg path,
.iv-favorito-card[data-store-state="in-store"] svg path,
.iv-favorito-card .store-added svg path,
.iv-favorito-card .is-added svg path,
.iv-save-item-shell--card.is-active .iv-save-item__svg path,
.iv-save-item-shell--card[data-store-state="in-store"] .iv-save-item__svg path,
.iv-save-item-shell--card .iv-save-item--card.is-saved .iv-save-item__svg path {
fill: #ff385c !important;
stroke: rgba(255,255,255,1) !important;
stroke-width: 1.7 !important;
}
.iv-favorito-card .in-store i,
.iv-favorito-card .jet-data-store-link.in-store i,
.iv-favorito-card.is-active i,
.iv-favorito-card[data-store-state="in-store"] i,
.iv-favorito-card .store-added i,
.iv-favorito-card .is-added i {
color: #ff385c !important;
-webkit-text-stroke: 1.3px rgba(255,255,255,1);
}
.iv-favorito-card .in-store:hover svg path,
.iv-favorito-card .jet-data-store-link.in-store:hover svg path,
.iv-favorito-card.is-active:hover svg path,
.iv-favorito-card[data-store-state="in-store"]:hover svg path,
.iv-favorito-card .store-added:hover svg path,
.iv-favorito-card .is-added:hover svg path,
.iv-save-item-shell--card.is-active:hover .iv-save-item__svg path,
.iv-save-item-shell--card[data-store-state="in-store"]:hover .iv-save-item__svg path,
.iv-save-item-shell--card:hover .iv-save-item--card.is-saved .iv-save-item__svg path {
fill: #e93152 !important;
}
.iv-favorito-card .in-store,
.iv-favorito-card .jet-data-store-link.in-store,
.iv-favorito-card.is-active,
.iv-favorito-card[data-store-state="in-store"],
.iv-favorito-card .store-added,
.iv-favorito-card .is-added,
.iv-save-item-shell--card.is-active,
.iv-save-item-shell--card[data-store-state="in-store"] {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.iv-favorito-card .jet-data-store-link__label,
.iv-favorito-card .jet-data-store-button__label,
.iv-favorito-card .jet-data-store-link__text,
.iv-save-item-shell--card .iv-save-item__label {
display: none !important;
}
@media (hover:none) {
.iv-favorito-card:hover svg,
.iv-favorito-card:hover i,
.iv-save-item-shell--card:hover .iv-save-item__svg {
transform: none;
}
}
.iv-save-item-shell--card .iv-save-item--card {
color: #5f6368 !important;
}
.iv-save-item-shell--card .iv-save-item__svg {
width: 28px !important;
height: 28px !important;
flex: 0 0 28px !important;
fill: none !important;
overflow: visible !important;
}
.iv-save-item-shell--card .iv-save-item__svg path {
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.65 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
vector-effect: non-scaling-stroke;
transition: stroke .16s ease, transform .16s ease, opacity .16s ease;
}
.iv-save-item-shell--card:hover .iv-save-item--card:not(.is-saved) {
color: #222222 !important;
}
.iv-save-item-shell--card.is-active .iv-save-item--card,
.iv-save-item-shell--card[data-store-state="in-store"] .iv-save-item--card,
.iv-save-item-shell--card .iv-save-item--card.is-saved {
color: #ff385c !important;
}
.iv-save-item-shell--card.is-active .iv-save-item__svg path,
.iv-save-item-shell--card[data-store-state="in-store"] .iv-save-item__svg path,
.iv-save-item-shell--card .iv-save-item--card.is-saved .iv-save-item__svg path,
.iv-save-item-shell--card.is-active:hover .iv-save-item__svg path,
.iv-save-item-shell--card[data-store-state="in-store"]:hover .iv-save-item__svg path,
.iv-save-item-shell--card:hover .iv-save-item--card.is-saved .iv-save-item__svg path {
fill: none !important;
stroke: #ff385c !important;
stroke-width: 1.65 !important;
}
.iv-save-item-shell--card:hover .iv-save-item__svg {
transform: scale(1.06);
}
.iv-save-item-shell--card .iv-save-item--card:active .iv-save-item__svg {
transform: scale(.92);
}
@media (max-width: 620px) {
.iv-save-item-shell--card .iv-save-item__svg {
width: 26px !important;
height: 26px !important;
flex-basis: 26px !important;
}
}