/*
Theme Name: Showroom
Author: Quantion
Description: A showroom theme customized for WordPress
Version: 1.0
*/
body.single,
body .swiper-slide,
.search-page {
    height: 100vh;
}
.swiper-slide {
    background-color: #FFFFFF;
}
.mega-menu-wrap + .global-search {
    left: 90px;
}
.global-search-button {
    position: absolute;
    top: 24px;
    left: 90px;
    z-index: 999;
}
.global-search-button svg {
    stroke: unset;
}
.global-search-button svg path {
    fill: #000000;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin: auto;
}
.alignright {
    float: right;
}
.svg-zero-size {
    width: 100%;
    height: auto;
}
.main-color {
    color: #BF1718 !important;
}
a.linked-box {
    color: #666666 !important;
    text-decoration: unset;;
}
a.linked-box:hover,
a.linked-box:focus {
    color: #BF1718 !important;
}
a {
    color: #666666  !important;
}
a:hover,
a:focus {
    color: #BF1718 !important;
}
body.dark-background .global-search-button svg path {
    fill: #FFFFFF;
}
.global-search-button svg:hover path {
    fill: url(#gradient) !important;
}
.justify-content-end .title,
.justify-content-end .auto-align {
    text-align: right;
}
.justify-content-center .title,
.justify-content-center .auto-align {
    text-align: center;
}
.logo-header {
    position: absolute;
    top: 15px;
    right: 40px;
    z-index: 9999999;
}
.hidden {
    display: none;
}
.h-100 {
    height: 100%;
}
.min-h-100vh {
    min-height: 100vh;
}
.svg-full-size {
    width: 95vw;
    height: calc(100vh - 180px);
    display: block;
}
.drop-shadow {
    filter: drop-shadow(0px 20px 4px rgba(0, 0, 0, 0.5)); /* Sombra */
}
.animation-vertical {
    animation: moveVertical 4s ease-in-out infinite; /* Animación desplazamiento vertical */
}
.animation-horizontal {
    animation: moveHorizontal 4s ease-in-out infinite; /* Animación desplazamiento lateral */
}
.animation-gradual {
    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards; /* Animación gradual */
}

@keyframes moveVertical {
    0% {
        transform: translateY(0); /* Posición inicial */
        filter: drop-shadow(0px 20px 4px rgba(0, 0, 0, 0.5)); /* Sombra inicial */
    }
    50% {
        transform: translateY(30px); /* Desplaza hacia abajo */
        filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.3)); /* Sombra más cercana */
    }
    100% {
        transform: translateY(0); /* Vuelve a la posición inicial */
        filter: drop-shadow(0px 20px 4px rgba(0, 0, 0, 0.5)); /* Sombra inicial */
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translateX(0); /* Posición inicial */
        filter: drop-shadow(20px 0px 4px rgba(0, 0, 0, 0.5)); /* Sombra inicial */
    }
    50% {
        transform: translateX(30px); /* Desplaza hacia la derecha */
        filter: drop-shadow(10px 0px 8px rgba(0, 0, 0, 0.3)); /* Sombra más cercana */
    }
    100% {
        transform: translateX(0); /* Vuelve a la posición inicial */
        filter: drop-shadow(20px 0px 4px rgba(0, 0, 0, 0.5)); /* Sombra inicial */
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0; /* Imagen invisible */
    }
    100% {
        opacity: 1; /* Imagen totalmente visible */
    }
}

.action-button,
.close-button {
    z-index: 999999;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background-color: #000000;
    color: #fff!important;
    border: none;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.action-button {
    position: absolute;
}

body:has(.close-button) .action-button {
    right: 120px;
}

.action-button.light-button,
.close-button.light-button {
    background-color: #000000 !important;
    color: #fff !important;
}


body.dark-background .action-button,
body.dark-background .close-button {
    background-color: #FFFFFF;
    color: #BF1718;
}

.action-button.dark-button,
.close-button.dark-button {
    background-color: #FFFFFF !important;
    color: #BF1718 !important;
}

.action-button:hover,
.action-button:focus,
.close-button:hover,
.close-button:focus {
    background-color: #BF1718 !important;
    color: #FFFFFF !important;
}

.svg-delay {
  display: none;
}

.pagination-container .page-numbers {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: flex-end;
}

.pagination-container .page-numbers li > a,
.pagination-container .page-numbers li > span {
    position: relative;
    display: block;
    padding: 0.5rem 0.95rem;
    margin-left: -1px;
    color: #BF1718;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.pagination-container .page-numbers li:first-child > a,
.pagination-container .page-numbers li:first-child > span {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.pagination-container .page-numbers li:last-child > a,
.pagination-container .page-numbers li:last-child > span {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.pagination-container .page-numbers li > a:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.pagination-container .page-numbers li > span.current {
    z-index: 3;
    color: #fff;
    background-color: #BF1718;
    border-color: #BF1718;
}