.col-1  { width: 8.333333% !important; }
.col-2  { width: 16.666667% !important; }
.col-3  { width: 25% !important; }
.col-4  { width: 33.333333% !important; }
.col-5  { width: 41.666667% !important; }
.col-6  { width: 50% !important; }
.col-7  { width: 58.333333% !important; }
.col-8  { width: 66.666667% !important; }
.col-9  { width: 75% !important; }
.col-10 { width: 83.333333% !important; }
.col-11 { width: 91.666667% !important; }
.col-12 { width: 100% !important; }
@media (min-width: 576px) {
    .col-sm-1  { width: 8.333333% !important; }
    .col-sm-2  { width: 16.666667% !important; }
    .col-sm-3  { width: 25% !important; }
    .col-sm-4  { width: 33.333333% !important; }
    .col-sm-5  { width: 41.666667% !important; }
    .col-sm-6  { width: 50% !important; }
    .col-sm-7  { width: 58.333333% !important; }
    .col-sm-8  { width: 66.666667% !important; }
    .col-sm-9  { width: 75% !important; }
    .col-sm-10 { width: 83.333333% !important; }
    .col-sm-11 { width: 91.666667% !important; }
    .col-sm-12 { width: 100% !important; }
}
@media (min-width: 768px) {
    .col-md-1  { width: 8.333333% !important; }
    .col-md-2  { width: 16.666667% !important; }
    .col-md-3  { width: 25% !important; }
    .col-md-4  { width: 33.333333% !important; }
    .col-md-5  { width: 41.666667% !important; }
    .col-md-6  { width: 50% !important; }
    .col-md-7  { width: 58.333333% !important; }
    .col-md-8  { width: 66.666667% !important; }
    .col-md-9  { width: 75% !important; }
    .col-md-10 { width: 83.333333% !important; }
    .col-md-11 { width: 91.666667% !important; }
    .col-md-12 { width: 100% !important; }
}
@media (min-width: 992px) {
    .col-lg-1  { width: 8.333333% !important; }
    .col-lg-2  { width: 16.666667% !important; }
    .col-lg-3  { width: 25% !important; }
    .col-lg-4  { width: 33.333333% !important; }
    .col-lg-5  { width: 41.666667% !important; }
    .col-lg-6  { width: 50% !important; }
    .col-lg-7  { width: 58.333333% !important; }
    .col-lg-8  { width: 66.666667% !important; }
    .col-lg-9  { width: 75% !important; }
    .col-lg-10 { width: 83.333333% !important; }
    .col-lg-11 { width: 91.666667% !important; }
    .col-lg-12 { width: 100% !important; }
}
@media (min-width: 1200px) {
    .col-xl-1  { width: 8.333333% !important; }
    .col-xl-2  { width: 16.666667% !important; }
    .col-xl-3  { width: 25% !important; }
    .col-xl-4  { width: 33.333333% !important; }
    .col-xl-5  { width: 41.666667% !important; }
    .col-xl-6  { width: 50% !important; }
    .col-xl-7  { width: 58.333333% !important; }
    .col-xl-8  { width: 66.666667% !important; }
    .col-xl-9  { width: 75% !important; }
    .col-xl-10 { width: 83.333333% !important; }
    .col-xl-11 { width: 91.666667% !important; }
    .col-xl-12 { width: 100% !important; }
}
@media (min-width: 1400px) {
    .col-xxl-1  { width: 8.333333% !important; }
    .col-xxl-2  { width: 16.666667% !important; }
    .col-xxl-3  { width: 25% !important; }
    .col-xxl-4  { width: 33.333333% !important; }
    .col-xxl-5  { width: 41.666667% !important; }
    .col-xxl-6  { width: 50% !important; }
    .col-xxl-7  { width: 58.333333% !important; }
    .col-xxl-8  { width: 66.666667% !important; }
    .col-xxl-9  { width: 75% !important; }
    .col-xxl-10 { width: 83.333333% !important; }
    .col-xxl-11 { width: 91.666667% !important; }
    .col-xxl-12 { width: 100% !important; }
}

.gi-header-bottom.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.header-logo img {
    width: 222px;
}
.gi-header-bottom {
    padding: 10px 0;
}
.gi-footer .footer-top .gi-footer-widget .gi-footer-logo {
    max-width: 222px;
    margin-bottom: 15px;
}
.brands-section .gi-category-block .gi-cat-box .gi-cat-icon img {
    width: 136px;
    height: 136px;
    margin: auto;
}

.brands-section .gi-category-block .gi-cat-box-1,
.brands-section .gi-category-block .gi-cat-box-1 .gi-cat-box-fc {
    background-color: #6F6F6E;
}

.brands-section .gi-category-block .gi-cat-box {
    padding: 4px;
}

.brands-section .gi-category-block .gi-cat-box .gi-cat-icon {
    padding: 0px;
}
.brands-section .owl-item {
    width: auto !important;
}
.brands-section .owl-carousel {
    width: 100%;
    overflow: hidden;
}
.brands-section .owl-carousel .item {
    width: 100%;
    height: auto; /* Ajusta según tus necesidades */
}
.gi-ofr-banners .gi-bnr-body .gi-bnr-detail {
    align-items: flex-end;
}
.gi-ofr-banners .gi-bnr-body .gi-bnr-img .lbl {
    font-size: 1.5rem;
}
/*===== pruebas boton Catalogo de la barra de menu en el header =====*/
.gi-cat-dropdown {
    padding: 5px;
    width: inherit;
}
.gi-cat-dropdown .gi-cat-tab .gi-tab-list {
    padding: 5px;
}
.gi-cat-dropdown .gi-cat-tab button:not(:last-child) {
    margin-bottom: 5px;
}
.gi-cat-dropdown .gi-cat-tab .tab-content .gi-col-title {
    margin-bottom: inherit;
    padding-bottom: inherit;
}
.v-pills-tabContent {
    margin-right: 15px;
}
/*===== pruebas boton Catalogo de la barra de menu en el header =====*/

/*===== pruebas segundo boton Catalogo de la barra de menu en el header =====*/
.gi-main-menu ul li .mega-menu{
    padding: 0 0 0 15px !important;
}
.gi-main-menu ul li .mega-menu li .mega-block {
    margin-right: 20px;
    margin-top: 10px;
}
.gi-main-menu ul li .mega-menu li ul {
    padding: inherit;
}
.gi-main-menu ul li.dropdown ul li a {
    padding: inherit;
}
.gi-main-menu ul li .mega-menu li .mega-block li a {
    padding: 0;
}
.gi-main-menu ul li .mega-menu li .mega-block li.menu_title a {
    margin-bottom: 2px;
    padding: inherit;
}
.gi-cat-dropdown .gi-cat-tab .gi-tab-list {
    min-width: inherit;
}
.gi-cat-dropdown .gi-cat-tab button {
    min-width: max-content;
}
.tab-content .tab-pane {
    margin-right: 10px;
    min-width: 200px;
}
.gi-cat-dropdown .gi-cat-tab .tab-content .tab-list li a {
    line-height: inherit;
    padding: 5px 0;
}
/*===== pruebas segundo boton Catalogo de la barra de menu en el header =====*/

.gi-breadcrumb-list {
    text-align: left;
}
/*===== pruebas input de busqueda =====*/
.search-results {
    list-style: none;
    margin: 0;
    padding: 10px;
    position: absolute;
    background: white;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 100%; /* Toma el ancho del padre posicionado */
    max-height: 400px;
    overflow-y: auto;
    z-index: 1000;
    display: none; /* Oculto por defecto */
    left: 0; /* Alinea al borde izquierdo del contenedor */
    line-height: 1.8;
}

.gi-header-search {
    position: relative; /* Necesario para posicionamiento absoluto */
    padding: 0 30px;
    margin-bottom: 0px;
}
@media (min-width: 576px) {
    .gi-header-search {
        margin: -15px;
    }
}

.gi-search-group-form {
    display: flex; /* Asegura que el formulario esté alineado correctamente */
    align-items: center;
    width: 100%; /* Asegura que ocupe todo el contenedor */
    box-sizing: border-box; /* Incluye bordes y rellenos en el cálculo del ancho */
}
.search_submit {
    margin: 0;
    padding: 10px 15px; /* Ajusta si es necesario */
}
.header-search {
    padding: 0;
}
.search-results {
    transition: opacity 0.2s ease, transform 0.2s ease;
    opacity: 0;
    transform: translateY(-5px);
}
.search-results[style*="display: block;"] {
    opacity: 1;
    transform: translateY(0);
}
.search-results li {
    padding: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    color: #6F6F6E;
}
.search-results li:hover,
.search-results .active {
    background-color: #3B97C6;
    color: white;
}
/*===== pruebas input de busqueda =====*/
.mode-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    color: inherit; /* Coincide con el color del texto */
    transition: color 0.2s ease;
}

.mode-toggle-btn:hover {
    color: #3B97C6; /* Color en hover */
}

#mode-icon {
    font-size: 13px; /* Tamaño del icono */
}

.gi-breadcrumb .gi_breadcrumb_inner {
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #eee;
}

.gi-breadcrumb-list li.active a {
    color: #5caf90;
}

.gi-breadcrumb-list li:hover > a {
    color: #5caf90;
}

.gi-shop .gi-pro-list-top .gi-sort-select .gi-select-inner {
    width: 150px;
}

/*===== Hero section css =====*/
.gi-hero {
    width: 100%;
    height: 100%;
    margin-bottom: 40px;
    /*-----  Slider Style  -----*/
}
.gi-hero .gi-main-content .gi-slider-content {
    height: 100%;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .gi-slider .gi-slide-content {
    max-width: 33rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .gi-slider .gi-slide-content .gi-slide-title {
    margin-bottom: 30px;
    font-size: 55px;
    line-height: 68px;
    color: #fff;
    letter-spacing: 0.05rem;
    font-weight: 700;
    position: relative;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .gi-slider .gi-slide-content p {
    margin-bottom: 20px;
    font-size: 20px;
    color: #4b5966;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 500;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .gi-slider .gi-slide-content .gi-slide-btn {
    display: block;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .gi-slider .gi-slide-content .gi-slide-btn .gi-btn-1 {
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .gi-slider .gi-slide-content .gi-slide-btn .gi-btn-1 i {
    margin-left: 5px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .swiper-pagination {
    <!-- height: 17px; -->
    height: inherit;
    bottom: 0px;
    z-index: 2;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .swiper-pagination::after {
    content: "";
    width: 160px;
    height: 38px;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/bg/1.png);
    z-index: -1;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .swiper-slide {
    background-size: cover;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .slide-3 {
    background-image: url(../img/hero-bg/5.jpg);
    background-position: center;
}
.gi-hero .gi-main-content .gi-slider-content .gi-main-slider .slide-4 {
    background-image: url(../img/hero-bg/6.jpg);
    background-position: center;
}
.gi-hero .swiper-buttons {
    display: none;
}
.gi-hero .main-slider-dot .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 2.5px !important;
    display: inline-block;
    border-radius: 50px;
    opacity: 1;
    border: 1px solid #4b5966;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: transparent;
}
.gi-hero .main-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #4b5966;
    width: 30px;
}
.gi-hero .slider-animation > * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
.gi-hero :root {
    --transition: 0.75s cubic-bezier(0.255, 0.67, 0, 1.01);
}
.gi-hero .gi-slide-item {
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
    transition: -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
    transition: transform var(--transition), box-shadow var(--transition);
    transition: transform var(--transition), box-shadow var(--transition), -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
}
.gi-hero .swiper-slide-active .slider-animation > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.gi-hero .swiper-slide-active .slider-animation > *:nth-child(1) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.gi-hero .swiper-slide-active .slider-animation > *:nth-child(2) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.gi-hero .swiper-slide-active .slider-animation > *:nth-child(3) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.gi-hero .swiper-slide-active .slider-animation > *:nth-child(4) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.gi-hero .swiper-slide-active .slider-animation > *:nth-child(5) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.gi-hero .swiper-slide-active .slider-animation > *:nth-child(6) {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
/*===== Hero section css =====*/
#gi-popnews-close {
    color: #4b5966;
}
#gi-popnews-box {
    z-index: 99999;
}
/*===== seccion de marcas en la home =====*/
.home-section-brands {
    background-color: #fff;
}
.gi-service-image img {
    width: auto !important;
    height: auto !important;
    overflow: hidden; /* Evita que la imagen se salga del contenedor */
    display: flex; /* Centra la imagen */
    justify-content: center;
    align-items: center;
}
.gi-service-image {
    overflow: hidden; /* Evita que la imagen se salga del contenedor */
    display: flex; /* Centra la imagen */
    justify-content: center;
    align-items: center;
}
.home-section-brand {
    max-width: 100%;
    max-height: 50px;
    filter: grayscale(100%); /* Imagen en escala de grises */
    transition: filter 0.1s ease-in-out; /* Transición suave */
    transition: transform 0.3s ease-in-out; /* Agrega una transición suave */
}
.gi-service-image:hover .home-section-brand {
    filter: grayscale(0%); /* Recupera el color al pasar el mouse */
    transform: scale(1.1);
}
/*===== seccion de imagenes de productos =====*/
.gi-product-inner .gi-pro-image .image img {
    max-height: 274px;
}
.gi-product-inner {
    width: 100%;
}
.gi-pro-image {
    background-color: #fff;   /* Fondo blanco */
    display: flex;            /* Activamos Flexbox */
    align-items: center;      /* Centrado vertical */
    justify-content: center;  /* Centrado horizontal, si es necesario */
    overflow: hidden;
}
@media (min-width: 420px) { /* Extra pequeño */
    .gi-product-inner .gi-pro-image { height: 200px; }
}
@media (min-width: 576px) { /* Extra pequeño */
    .gi-product-inner .gi-pro-image { height: 214px; }
}
@media (min-width: 768px) { /* Extra pequeño */
    .gi-product-inner .gi-pro-image { height: 292px; }
}

@media (min-width: 995px) { /* Pequeño */
    .gi-product-inner .gi-pro-image { height: 197px; }
}

@media (min-width: 1200px) { /* Mediano */
    .gi-product-inner .gi-pro-image { height: 164px; }
}

@media (min-width: 1400px) { /* Grande */
    .gi-product-inner .gi-pro-image { height: 194px; }
}

@media (min-width: 1600px) { /* Extra grande */
    .gi-product-inner .gi-pro-image { height: 274px; }
}
/*===== seccion de ofertas por tiempo limitado =====*/
.section-title .section-detail p{
    font-size: large;
}
.time-block {
    font-size: 40px !important;
    margin: 10px 0;
}
.day {
    font-size: 40px !important;
    color: #3B97C6 !important;;
}
.time {
    color: #6F6F6E !important;
}
/*===== video en el slider principal =====*/
.gi-slide-item.video-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: black; /* Fondo en caso de que el video no cargue */
}

.gi-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta el video al contenedor sin deformarse */
}
/*===== =====*/
.flags span.oferta {
    background-color: #dc3545;
    color: #fff;
}
.flags span.novedad {
    background-color: #ffc107;
    color: #1f2d3d;
}
.flags span.outlet {
    background-color: #000;
    color: #fff;
}
.flags span.promo {
    background-color: #007bff;
    color: #fff;
}
/*===== =====*/
.gi-tag-block a.tag {
    background-color: #fff;
    color: #777;
    border: 1px solid #eee;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s, color 0.3s;
}
.gi-tag-block a.tag:hover{
    background-color: #777;
    color: #fff;
}
.gi-tag-block a.tag.active {
    background-color: #777;
    color: #fff;
}

/*===== =====*/
.gi-sidebar-sub-item span.cantidad,
.gi-sidebar-block-item span.cantidad {
    display: inline-block !important;
    background: #f0f0f0;
    color: #666;
    padding: 0 2px;
    font-size: 10px;
    font-weight: normal;
    min-width: 20px;
    line-height: 2;
    text-align: center;
    border-radius: 4px;
}
/*===== =====*/
.g-recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*===== =====*/
.whatsapp-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:135px;
    right:22px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.whatsapp-float:hover{
    color: #6F6F6E;
}
.whatsapp-float-icon{
    margin-top:16px;
}
/*===== =====*/
.gi-back-to-top {
    bottom: 85px;
}
/*===== =====*/
.gi-product-inner .gi-pro-content,
.gi-product-inner .gi-pro-image-outer {
    z-index: unset;
    padding: 15px;
    width: 100%;
}
/*===== =====*/
.gi-single-product .single-nav-thumb .slick-slide.slick-active img {
    border: 1px solid #ccc;
}
.single-product-cover .single-slide img.img-responsive {
    border: 1px solid #ccc;
    border-radius: 5px;
}
/*===== =====*/
.gi-single-product .single-add-more .add-more-item a.fc-fix {
  padding: unset;
  position: unset;
  top: unset;
  right: unset;
  opacity: unset;
}
/*===== =====*/
.gi-single-product .gi-single-pro-tab-content .gi-product-vendor .gi-info {
    align-items: baseline;
}
/*===== =====*/
.gi-single-copylink a,
.gi-single-share a {
    cursor: pointer;
    margin-right: 10px;
}
/* Tooltip que se mostrará al copiar */
.tooltip-copied {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #3B97C6;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 9999;
    display: none;
}
/* Clase para animar el botón */
.copied {
    transform: scale(1.1);
    transition: transform 0.3s;
}
/*===== =====*/

/* Cambiar el color de la flechita (tooltip arrow) */
.so-precio-tooltip .tooltip-arrow::before {
    border-top-color: #3B97C6 !important; /* para tooltips arriba */
}
/* Fondo azul y texto blanco */
.so-precio-tooltip .tooltip-inner {
    background-color: #3B97C6 !important;
    color: #fff !important;
}
/*===== =====*/

.gi-wish-notify, .gi-compare-notify, .gi-cart-notify {
    z-index: 9999;
    top: 104px;
}
/*===== =====*/
.gi-single-wishlist a {
    cursor: pointer;
}
.gi-single-wishlist a.active {
    background-color: #3B97C6 !important;
    border-color: #fff !important;
}
.gi-single-wishlist .active i {
    color: #fff !important;
}
.gi-product-inner .gi-pro-image .gi-pro-actions .wishlist.active, .gi-product-inner .gi-pro-image .gi-pro-actions .compare.active {
    border-color: transparent;
    background-color: #3B97C6 !important;
}
/*===== =====*/
.gi-cat-block .gi-cat-tab .tab-content .tab-pane .tab-list .col .gi-col-title a {
    color: #3B97C6 !important;
}
.gi-cat-dropdown .gi-cat-tab .tab-content .tab-list li a {
    color: #6F6F6E !important;
}
.gi-main-menu .mega-menu .mega-block .menu_title a {
    color: #3B97C6 !important;
}
.gi-category-icon-block .gi-category-menu .gi-category-toggle {
    background-color: #6F6F6E !important;
}
.gi-category-icon-block .gi-category-menu .gi-category-toggle:hover {
    background-color: #3B97C6 !important;
}
/*===== =====*/
.gi-breadcrumb .gi-breadcrumb-list li.gi-breadcrumb-item.active a {
    color: #3B97C6 !important;
}
.gi-breadcrumb .gi-breadcrumb-list li.gi-breadcrumb-item.active a:hover {
    font-weight: bold !important;
}
/*===== =====*/
.swiper-container {
    z-index: 0;
}
/*===== =====*/
.gi-sidebar-sub-item a {
    white-space: normal; /* Permite el wrap del texto */
    overflow-wrap: break-word; /* Rompe palabras largas si es necesario */
}
/*===== =====*/
.ribbon-new {
    position: absolute;
    top: 6px;
    left: 6px;
    background-image: url("../img/flag-new.png");
    z-index: 15;
    width: 110px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: 100%;
}
/*===== =====*/
.single-product-cover .single-slide img.img-responsive {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*===== =====*/
.gi-ser-inner {
    background-color: #fff;
    cursor: unset;
}
.gi-single-product .gi-single-pro-tab-content .gi-product-vendor .gi-info img {
    background-color: #fff;
}
/*===== =====*/
.so-btn3:hover {
    color: #3B97C6 !important;
}
.so-btn3 i:hover {
    color: #3B97C6 !important;
}
.so-btn {
    background-color: #6F6F6E !important;
}
.so-btn2:hover,
.so-btn:hover{
    background-color: #3B97C6 !important;
}
.so-btn-tab.active {
    background-color: #6F6F6E !important;
}
.gi-single-product .single-pro-content .gi-single-qty .gi-btn-group i {
    color: #fff;
}
.gi-single-product .single-pro-content .gi-single-qty .gi-btn-group:hover {
    color: #fff;
    background-color: #3B97C6;
    border-color: #3B97C6;
}
.gi-single-product .gi-single-pro-tab-nav .nav-tabs .nav-link:hover {
    background-color: #3B97C6;
    border: 1px solid #3B97C6;
}
.gi-header-buttons .gi-header-btn:hover .gi-btn-title {
    color: #3B97C6;
}
.gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group:hover {
    background-color: #3B97C6;
}
.gi-main-menu ul li:hover > a {
    color: #3B97C6;
}
.gi-cat-dropdown .gi-cat-tab button:hover {
    color: #3B97C6;
}
.gi-cat-dropdown .gi-cat-tab .tab-content .tab-list li:hover > a {
    color: #3B97C6 !important;
}
.gi-main-menu ul li .mega-menu li .mega-block li:hover > a {
    color: #3B97C6 !important;
}
.gi-main-menu ul li:hover a i {
    color: #3B97C6 !important;
}
/*===== =====*/
.gi-side-cart {
    z-index: 1001;
}
/*===== =====*/
.gi-wish-notify p, .gi-compare-notify p, .gi-cart-notify p {
    border: 1px solid #5caf90;
    border-bottom: 5px solid #5caf90;
}
/*===== =====*/
.checkout-spinner-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
}

.checkout-spinner {
    width: 2rem;
    height: 2rem;
    border: 3px solid #ccc;
    border-top-color: #5caf90;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.checkout-row-blur {
    filter: blur(2px);
    opacity: 0.6;
    pointer-events: none;
}
/*===== =====*/
.politicasDeEntrega {
    position: relative;
    display: block;
}
.politicasDeEntrega .checkbox {
    width: auto; position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    width: 15px;
    height: 15px;
}
.politicasDeEntrega .span {
    margin-left: 27px;
    display: block;
    color: #777;
    font-size: 14px;
    margin-top: 0;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 0;
    cursor: pointer;
}
/*===== =====*/
.gi-sidebar-wrap {
    background-color: inherit;
}
.bootstrap-select {
    display: flex !important;
    width: 100% !important;
    background-color: transparent;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 26px;
    padding: 0;
}
.bootstrap-select .dropdown-toggle .filter-option {
    height: unset !important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    max-width: 100% !important;
    outline: none !important;
}
.bootstrap-select .dropdown-menu {
    border-radius: 4px;
    outline: none !important;
    max-height: 300px;
    overflow: auto !important;
}
.bootstrap-select .dropdown-toggle {
    padding: 0 14px;
    width: 100%;
    border-color: #eee;
    height: 48px !important;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.2rem rgba(91, 175, 144, 0.25) !important; /* color suave */
    border-color: var(--bs-btn-border-color);
    transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.bs-searchbox .form-control:focus {
    color: #4b5966;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #3B97C6;
    font-size: 14px;
}
.custom-select-button {
    color: #4b5966;
    border: 1px solid #eee;
    background-color: #fff;
}
.custom-select-button-2 {
    padding: 0 10px !important;
    min-width: 150px;
    color: #4b5966 !important;
}
.bootstrap-select .form-control {
    border-color: #eee !important;
}
.dropdown.bootstrap-select {
    height: 30px;
    margin: 0;
}
.dropdown-menu .inner.show {
    max-height: unset !important;
}
.bootstrap-select .dropdown-menu .dropdown-item.active, .bootstrap-select .dropdown-menu .dropdown-item:active {
    background-color: #3B97C6;
    border-radius: 5px;
}
.bootstrap-select .dropdown-menu li a:hover {
    border-radius: 5px;
}
.gi-side-cart {
    height: auto;
    max-height: 100%;
    border: 1px solid #eee;
}

.gi-wrapper .gi-container .gi-form input:disabled {
    background-color: #f9f9f9 !important;
    color: #4b5966  !important;
    cursor: not-allowed;
}
hr {
    width: 100%;
}
.row {
    width: 100%;
}

body[data-theme="dark"] #gi-overlay {
    background-color: #1D2235 !important;
}
body {
    -webkit-user-select: auto !important;
    -gi-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}
.hidden,
.hide {
    display: none;
}

.gi-wrapper {
    max-width: 934px;
    margin: 0 auto 0;
}
.gi-container {
    border: 1px solid #eee;
    padding: 30px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
}
.gi-wrap {
    width: 100%;
    padding: 0 15px;
    min-height: 100px;
}

.gi-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px;
}
.gi-form label {
    margin-bottom: 9px;
    color: #4b5966;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
}
.gi-form input {
    width: 100% !important;
    background-color: transparent;
    border: 1px solid #eee;
    color: #777;
    font-size: 14px;
    margin-bottom: 26px;
    padding: 0 15px;
    outline: none;
    border-radius: 5px;
}
input[type="checkbox"] {
    width: unset !important;
    height: unset;
}

 .gi-form input::-webkit-input-placeholder {
    color: #777 !important;
}
.gi-form input::-moz-placeholder {
    color: #777 !important;
}
.gi-form input:-ms-input-placeholder {
    color: #777 !important;
}
.gi-form input::-ms-input-placeholder {
    color: #777 !important;
}
.gi-form input::placeholder {
    color: #777 !important;
}
.gi-form .gi-fp label {
    margin-bottom: 0;
}
.gi-form .gi-fp label a {
    color: #4b5966;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
}
.gi-form .gi-rg-select-inner {
    width: 300;
    height: 50px;
    padding: 0;
    margin-bottom: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    border: 1px solid #eee;
    font-size: 14px;
}
.gi-form .gi-rg-select-inner select {
    padding: 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    color: #777;
    font-weight: 300;
    cursor: pointer;
}
.gi-form .gi-rg-select-inner::after {
    content: "\f107";
    position: absolute;
    font-family: "gIcons";
    top: 0;
    right: 0;
    padding: 0 10px;
    cursor: pointer;
    pointer-events: none;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
}
.gi-form .gi-wrap.gi-recaptcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gi-footer-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gi-footer-btn button {
    padding: 8px 15px;
}
.gi-footer-btn span {
    color: #777;
    font-size: 14px;
}
.gi-footer-btn span a {
    margin-left: 10px;
    color: #4b5966;
}
.gi-footer-btn span a:hover {
    color: #5caf90;
}

.gi-card {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-right: 30px;
}

.gi-card-header {
    padding: 30px;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gi-card-header h5 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #3B97C6;
}
.gi-card-footer {
    padding: 20px;
    border-top: 1px solid #eee;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gi-card-body {
    padding: 20px 20px 0;
}
.gi-card-body .gi-card-table {
    overflow-y: hidden;
}

.gi-card .table > :not(:first-child) {
    border-top: 2px solid #dee2e6;
}
.gi-card .gi-table:before {
    content: "";
}
.gi-card .gi-table thead tr th {
    bottom: 0 !important;
    color: #4b5966;
}
.gi-card .gi-table tbody tr th span {
    padding: 14px 0 !important;
    display: block;
    color: #777;
}
.gi-card .gi-table tbody tr td a {
    height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gi-card .gi-table tbody tr td a i {
    line-height: 10px;
}
.gi-card .gi-table tbody tr td .prod-img {
    width: 58px;
    height: 58px;
}
.gi-card .gi-table tbody tr td span {
    padding: 14px 0 !important;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    color: #777;
}
.gi-card .gi-table tbody tr td .avl {
    color: #5caf90;
}
.gi-card .gi-table tbody tr td .out {
    color: #e9abab;
}
.gi-card .gi-table tbody tr td .dis {
    color: #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.gi-card .gi-table tbody tr td .btn {
    width: 30px;
    height: 30px;
    margin: 0 3px;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
}
.gi-card .gi-table tbody tr td .btn i {
    width: 16px;
    color: #fff;
    font-size: 20px;
}
.gi-card .gi-product-box.pro-gl-content {
    position: relative;
}
.gi-card .gi-product-box.pro-gl-content:hover .remove-product {
    opacity: 1;
}
.gi-card .remove-product {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #4b5966;
    border-radius: 50%;
    z-index: 12;
    opacity: 0;
}
.gi-card .remove-product i {
    color: #fff;
    line-height: 10px;
}

@media (max-width: 767px) {
    .gi-card .gi-table tbody tr td span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .gi-footer-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .gi-footer-btn button {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .gi-register-wrapper .gi-register-container {
        padding: 15px;
    }
    .gi-register-wrapper .gi-register-container .gi-register-form .gi-register-wrap.gi-register-half {
        width: 100%;
    }
}

.alert {
    border: 1px solid #eee;

}

.so-a:hover {
    font-weight: bold !important;
}
.so-a {
    color: #3B97C6 !important;
}
.dec.gi-qtybtn,
.inc.gi-qtybtn {
    cursor: pointer;
}

.gi-single-product .single-pro-content .gi-single-price .final-price .price-des {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
}

.gi-header-buttons .gi-header-btn {
    min-width: fit-content;
}

.header-top-mobile {
    background-color: #f8f8fb;
    color: #777;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}
.header-top-lan-curr-mobile {
    border: 2px solid #4b5966;
}
.header-top-lan-curr-mobile .dropdown-toggle{
    color: #4b5966 !important;
}
.header-top-exchange-mobile *{
    color: #4b5966;
}
.mode-toggle-btn i {
    transition: transform 0.3s ease;
}
.gi-single-product .single-pro-content .gi-single-qty .gi-single-cart .gi-btn-1 {
    line-height: unset;
}
.gi-single-product .single-pro-content .gi-single-qty .qty-plus-minus {
    min-width: 82px;
}
.gi-single-product .single-pro-content .gi-single-qty .gi-btn-group i {
    line-height: 1;
    border: none;
}
.gi-single-product .single-pro-content .gi-single-price .final-price {
    line-height: 20px;
}
.gi-single-product .single-pro-content .gi-single-price-stoke {
    margin-bottom: unset;
    padding-bottom: unset;
}
.gi-single-product .single-pro-content .gi-single-price-stoke .gi-single-sku {
    margin-bottom: unset;
}
.gi-single-product .single-product-cover {
    margin: -5px;
}

.gi-side-cart .gi-cart-inner .gi-cart-pro-items li .gi-pro-content .cart-price {
    font-size: 12px;
    color: #777;
}
.gi-cart-inner.loading {
    position: relative;
}

.gi-cart-inner.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border: 4px solid #ccc;
    border-top: 4px solid #3B97C6; /* color principal */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    z-index: 10;
}

.gi-cart-inner.loading::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 9;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.gi-cart-content .table-content table tbody > tr td .cart-qty-plus-minus {
    margin: unset;
}

.gi-quickview-qty .gi-quickview-btn {
    margin-left: 10px;
}
.gi-quickview-qty .gi-btn-group {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    background-color: #6F6F6E !important;
}
.gi-quickview-qty .gi-btn-group:hover {
    background-color: #3B97C6 !important;
}
.gi-quickview-qty .gi-btn-group i {
    line-height: 0;
}

.bootstrap-select.is-invalid .dropdown-toggle {
    border-color: #c82333;
}

table.table.dataTable > :not(caption) > * > * {
    background-color: unset;
}

.item_newness {
    background-color: #ffc107 !important;
    color: #1f2d3d !important;
}
.item_outlet {
    background-color: #000 !important;
    color: #fff !important;
}
.item_liquidation {
    background-color: #dc3545 !important;
    color: #fff !important;
}
.item_liquidationPlus {
    background-color: #007bff !important;
    color: #fff !important;
}

.gi-single-product .single-pro-img .single-product-scroll {
    overflow: hidden;
}

.ribbon {
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
    overflow: hidden;
    width: 135px;
    height: 135px;
    pointer-events: none;
    text-transform: uppercase;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 220px;
    padding: 8px 0;
    background-color: #c2185b; /* color principal */
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    transform: rotate(-45deg);
    top: 45px;
    left: -45px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.gi-pro-inventory {
    margin-bottom: 8px;
}
.gi-pro-inventory span {
    text-transform: uppercase;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 10px;
}
.gi-pro-inventory .con-stock {
    background-color: #00a65a;
}
.gi-pro-inventory .sin-stock {
    background-color: #dc3545;
}

.gi-blogs-sidebar .gi-sb-title h3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    font-family: "Poppins, sans-serif";
    font-size: 18px;
    font-weight: 500;
}

.gi-sidebar-block-item.active {
    border: 1px solid #3B97C6 !important;
    border-radius: 10px;
}
.gi-sidebar-block-item {
    cursor: pointer; /* Cambia el cursor para indicar interactividad */
    transition: background-color 0.3s, transform 0.2s;
}

.gi-sidebar-block-item.favoritos:hover {
    border: 2px solid #3B97C6 !important;
    transform: scale(1.02);
    border-radius: 5px;
}

.gi-sidebar-block-item:hover {
    color: #3B97C6 !important;
}

.gi-blogs-sidebar .gi-sidebar-block .gi-sidebar-block-item {
    padding: 10px;
}

.gi-all-product-inner .gi-pro-image-outer .gi-pro-image {
    border-radius: 5px;
}
.gi-all-product-inner .gi-pro-image-outer .gi-pro-image img {
    max-height: 70px;
}

.list-view .gi-product-inner .gi-pro-content, .list-view-50 .gi-product-inner .gi-pro-content {
    justify-content: unset;
}

.gi-pro-content .gi-pro-stitle a {
    color: #999;
    font-size: 12px !important;
}
.gi-pro-content .gi-pro-stitle a:hover {
    color: #3B97C6;
    font-weight: bold;
}
.gi-pro-content .gi-pro-title a {
    color: rgb(119, 119, 119);
    font-size: 13px !important;
    font-weight: 500 !important;
}
.gi-pro-content .gi-pro-title a:hover {
    color: #3B97C6;
    font-weight: bold;
}
.gi-form .nav-link.active {
    background-color: #6F6F6E !important;
    border: unset !important;
}

.gi-single-pro-tab-moreinfo .bootstrap-select .dropdown-menu.inner,
.gi-single-pro-tab-moreinfo .bootstrap-select .dropdown-menu.inner li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.gi-single-product .gi-single-pro-tab-content {
    padding-bottom: unset;
}

.gi-form #divConstanciaExencionRetencion,
.gi-form #divConstanciaInscripcion {
    background-color: #F0F8FF;
}

label.archivo-subido {
    margin-bottom: 18px !important;
}
a.archivo-subido {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 12px;
    font-size: 16px;
    background-color: #e9ecef;
    color: #6c757d;
}
.float-right {
    float: right;
}
.gi-form input {
    background-color: #fff;
}
.gi-form input[readonly] {
    background-color: #e9ecef !important; /* gris claro, como el de Bootstrap */
    cursor: not-allowed;       /* cursor de prohibido */
    color: #6c757d;            /* texto gris oscuro */
    border: none !important;
    box-shadow: none !important;
}
.gi-form .btn:disabled, .btn.disabled, fieldset:disabled .btn {
    opacity: unset;
}

.gi-contact-detail a {
    color: #3B97C6 !important;
}
.g-recaptcha > div > div {
    height: inherit
}
.gi-accordion-body span {
    display: block;
    margin: 10px;
}
.gi-accordion-body .titulo {
    font-weight: bold;
}

.alert-danger i {
    color: #c82333;
}
.alert-success i {
    color: #218838;
}
.table .gi-table .dataTable .dt-center span {
    text-align: center;
}
audio {
    border-radius: 5px;
    border: 0;
    padding: 0;
}
.section-title .section-detail h2 {
    text-transform: unset;
}

div.dt-container div.dt-search input {
    color: #4b5966;
}
.gi-card .gi-table thead tr th {
    color: #4b5966;
}
.gi-card .gi-table tbody tr td {
    color: #777;
    font-size: unset;
}
.gi-card .gi-table tbody tr td .btn {
    width: unset;
    font-size: 14px;
}
.gi-card .gi-table tbody tr td div.accion .btn {
    width: 30px;
    background-color: red;
    padding: 7px;
    background-color: #6F6F6E;
}
.gi-card .gi-table tbody tr td div.accion .btn:hover {
    background-color: #3B97C6;
}
.gi-card .gi-table tbody tr td .btn i {
    width: unset;
    line-height: 10px;
    font-size: 14px;
}
.dt-layout-start, .dt-layout-end {
    color: #777;
}
div.dt-container div.dt-length select {
    color: #777;
}
table.dataTable thead th:first-child .dt-column-header {
    flex-direction: row;
}
.gi-card .table > :not(:first-child) {
    border-top: none;
}
#listado {
    margin-top: 10px;
}
.gi-form label {
    margin: 18px 0;
    font-size: 16px;
}
.gi-wrap {
    min-height: 120px;
}
.dt-info {
    color: #777;
}
.dt-header {
    color: #777;
}
.gi-card-table {
    margin-bottom: 20px;
}
table.table.dataTable > :not(caption) > * > * {
    background-color: unset !important;
}



.so-lista-precios .gi-ser-inner {
    background-color: unset !important;
}

.text-bold {
    font-weight: bold !important;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}

table.table-bordered th,
table.table-bordered td {
    border: 1px solid #dee2e6 !important;
}
table.dataTable tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.noticia-resumen {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* cantidad de líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gi-ofr-banners .gi-bnr-body .gi-bnr-detail h5 {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7) !important;
}
.gi-ofr-banners .gi-bnr-body .gi-bnr-detail p {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7) !important;
}

.gi-contact .gi-contact-detail .gi-box .info.social p {
    font-size: 14px;
    margin: 2px;
    font-weight: 600;
    color: #777;
    border: 1px solid #777;
    border-radius: 4px;
    margin: 2px;
}

.social-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    max-width: none; /* quitar límite artificial si hay espacio */
    margin: 0 auto;
    padding-top: 10px;
}

.gi-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.gi-box .space {
    margin-top: auto;
}
.gi-box {
    min-height: 100%;
}
@media (min-width: 992px) {
    .gi-box {
        min-height: 362px;
    }
}


.dropdown-toggle.show,
.dropdown-toggle:focus,
.dropdown-toggle:active {
    background-color: #fff;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: none;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #f0f0f0;
    color: #333;
}

.dropdown-menu {
    border-radius: 0.5rem; /* bordes redondeados */
    padding: 0.25rem 0;
    margin-top: 0.5rem; /* espacio entre el botón y el menú */
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); /* sombra sutil */
}

.dropdown-menu .dropdown-item {
    padding: 0.5rem 1rem;
    font-weight: 500;
    color: #333;
    transition: background-color 0.2s ease;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f0f0f0;
    color: #111;
    border-radius: 0.375rem;
}

.header-mobile i {
    font-size: 18px !important;
    line-height: 1.1em;
}

#gi-mobile-menu .gi-menu-content li a i {
    vertical-align: middle;
    margin-right: 5px;
}

#gi-mobile-menu .gi-menu-content > ul > li > a {
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .gi-slide-item {
        width: 100% !important;
        background-size: contain !important; /* o "cover" si preferís que llene todo */
        background-repeat: no-repeat !important;
        background-position: center center !important;
        min-height: 200px; /* o el alto que necesites para que se vea */
    }

    .gi-video {
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
}

.gi-vendor-cover {
    background-image: url("../img/mi-cuenta-1920x687.jpg");
    background-position: unset;
    background-blend-mode: unset;
}

.bootstrap-select.disabled .btn {
    background-color: #e9ecef !important;  /* color gris claro */
    pointer-events: none;
    opacity: 0.65;
}