/* Somente CSS da página HOME */

/* ES - Soluções card dock ONE*/
.video-holder::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(360deg, rgb(20, 25, 26) 0%, rgba(20, 25, 26, .55) 18%, rgba(20, 25, 26, .25) 100%);
    z-index: 1;
}

/* ES - Big numbers */
html[lang="es"] .row-big-numbers {
    min-height: auto !important;
}

/* Big Numbers - Card flip */
.card-flip {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
}

.card-flip .front,
.card-flip .back {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 24px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 8px;
}

.card-flip .front {
    background: #14191a;
}

.card-flip .back {
    background: #00d8d8;
    transform: rotateY(180deg);
}

.card-flip .subtitle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    max-width: fit-content;
}

.card-flip .number {
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
}

.card-flip .number.c-teal {
    color: #00d8d8;
}

.card-flip .number.c-black {
    color: #000;
}

.card-flip p {
    font-size: 16px;
    line-height: 24px;
}

.card-flip.flipped {
    transform: rotateY(180deg);
}

.owl-posts .owl-dots {
    display: none !important;
}
.owl-posts .owl-nav .owl-prev,
.owl-posts .owl-nav .owl-next {
    @apply p-4 bg-dock-cyan flex items-center justify-center !important;
}