.vector-grupo-cards-wrapper {
display: flex;
flex-wrap: wrap;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item {
position: relative;
box-sizing: border-box;
text-decoration: none;
overflow: hidden;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background-image: var(--vgc-bg-image, none);
background-position: var(--vgc-bg-position, center center);
background-size: var(--vgc-bg-size, cover);
background-repeat: no-repeat;
transform: scale(1);
transition: transform var(--vgc-bg-zoom-duration, 350ms) ease;
will-change: transform;
opacity: 1;
pointer-events: none;
}
.vector-grupo-cards-wrapper.is-bg-zoom-in .vector-grupo-cards-item:hover::after {
transform: scale(var(--vgc-bg-zoom-scale, 1.06));
}
.vector-grupo-cards-wrapper.is-bg-zoom-out .vector-grupo-cards-item::after {
transform: scale(var(--vgc-bg-zoom-scale, 1.06));
}
.vector-grupo-cards-wrapper.is-bg-zoom-out .vector-grupo-cards-item:hover::after {
transform: scale(1);
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 2;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item>* {
position: relative;
z-index: 4;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-head {
display: flex;
align-items: center;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-icon {
display: flex;
align-items: center;
justify-content: center;
}
.vector-grupo-cards-wrapper.icon-first .vector-grupo-cards-item-icon {
order: -1;
}
.vector-grupo-cards-wrapper.icon-last .vector-grupo-cards-item-icon {
order: 5;
} .vector-grupo-cards-wrapper.icon-shape-z.icon-shape-z-start-icon .vector-grupo-cards-item:nth-child(odd) .vector-grupo-cards-item-icon {
order: -1;
}
.vector-grupo-cards-wrapper.icon-shape-z.icon-shape-z-start-icon .vector-grupo-cards-item:nth-child(even) .vector-grupo-cards-item-icon {
order: 5;
}
.vector-grupo-cards-wrapper.icon-shape-z.icon-shape-z-start-text .vector-grupo-cards-item:nth-child(odd) .vector-grupo-cards-item-icon {
order: 5;
}
.vector-grupo-cards-wrapper.icon-shape-z.icon-shape-z-start-text .vector-grupo-cards-item:nth-child(even) .vector-grupo-cards-item-icon {
order: -1;
}
@media (max-width:1024px) {
.vector-grupo-cards-wrapper.icon-shape-z .vector-grupo-cards-item-icon {
order: -1;
}
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-headings {
display: flex;
flex-flow: column nowrap;
gap: 12px;
width: 100%;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-headings .vector-grupo-cards-item-heading-main,
.vector-grupo-cards-wrapper .vector-grupo-cards-item-headings .vector-grupo-cards-item-heading-auxiliar {
margin: 0px !important;
transition: color .3s ease;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-actions {
display: flex;
flex-wrap: wrap;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-button svg,
.vector-grupo-cards-wrapper .vector-grupo-cards-item-button img {
height: 14px;
width: auto;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-anim {
opacity: 0;
animation-duration: 600ms;
animation-fill-mode: both;
will-change: transform, opacity;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-anim-fade-in {
animation-name: vectorFadeIn;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-anim-fade-in-up {
animation-name: vectorFadeInUp;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-anim-fade-in-down {
animation-name: vectorFadeInDown;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-anim-zoom-in {
animation-name: vectorZoomIn;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-anim-zoom-in-up {
animation-name: vectorZoomInUp;
}
.vector-grupo-cards-wrapper table {
display: flex;
flex-flow: column nowrap;
width: 100%;
flex-basis: 100%;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-content table tr {
display: flex;
flex-flow: row wrap;
width: 100%;
flex-basis: 100%;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-content table td {
padding: 8px;
min-width: 180px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 30%;
}
.vector-grupo-cards-wrapper .vector-grupo-cards-item-content table img {
height: 160px;
object-fit: cover;
object-position: center;
display: block;
width: 100%;
}
@keyframes vectorFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes vectorFadeInUp {
from {
opacity: 0;
transform: translateY(16px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes vectorFadeInDown {
from {
opacity: 0;
transform: translateY(-16px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes vectorZoomIn {
from {
opacity: 0;
transform: scale(.96);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes vectorZoomInUp {
from {
opacity: 0;
transform: translateY(12px) scale(.96);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}