.btn__wthasapp {
    position: fixed;

    width: 60px;

    height: 60px;

    bottom: 100px;

    right: 20px;

    background-color: #25d366;

    color: #fff;

    border-radius: 50px;

    text-align: center;

    font-size: 30px;

    box-shadow: 2px 2px 3px #999;

    z-index: 1000;
}

.btn__wthasappIcon {
    margin-top: 16px;

    color: #fff;
}

.btn__wthasapp:hover {
    color: #fff;
}

/* HERO */

.swiper {
    width: 100%;
    height: auto;
}

.swiper-slide {
    background-position: center;

    background-size: cover;
}

.swiper-slide img {
    display: block;

    width: 100%;
}

.hero__swiper {
    background-size: cover;

    background-position: center center;
}

.swiper-pagination-bullet-active {
    background: #eb6616;
}

.hero__titleOrange {
    color: #eb6616;

    font-size: 2rem !important;
}

@media (max-width: 480px) {
    .swiper {
        height: auto;
    }
}

/* SERVICES */

.services__images {
    width: 100%;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;
}

/* NEWS */

.priceTitle {
    font-size: 1.2rem;
}

.solutionsIcon {
    font-size: 2.5rem !important;

    -webkit-text-stroke: 1px;

    color: #eb6616;
}

.blogCard__title {
    font-size: 1rem;
}

.blogVideosTop {
    height: 200px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;
}

/* CARD */

.card__textBody {
    min-height: 75px;
}

.bg-gradient {
    background-color: #f29104;

    background-image: linear-gradient(
        to right,
        #f29104 0%,
        #f29104 30%,
        #eb6616 100%
    );
}

/* RESPONSIVE */

@media (max-width: 500px) {
    .btn {
        white-space: inherit;
    }
}

.img_zoom_container {
    overflow: hidden;

    position: relative;
}

.zoom-effect {
    transition: transform 1.5s ease;
}

.img_zoom_container:hover .zoom-effect {
    transform: scale(1.1);
}

.overlay-text {
    position: absolute;

    bottom: 10px; /* Ajusta según necesidad */

    left: 10px; /* Ajusta según necesidad */
}

/* Cambiamos de .img-fluid.zoom-effect a .card-img-zoom */

.card-img-zoom {
    height: 200px;

    object-fit: cover;
}

/* Cambiamos de .card-img-top a .card-custom-img */

.card-custom-img {
    display: block;

    overflow: hidden;

    /*height: 200px;*/
}

.card-custom-img img {
    /*height: 100%;*/

    object-fit: cover;
}

/* BOTON INSTALACION PWA */

.button-pwa-link {
    background: none;
    border: none;
    color: #20398a;
    cursor: pointer;
    text-decoration: none;
    /* Cambiar subrayado a ninguno */
    padding: 0;
    /* Eliminar espacio adicional alrededor del texto */
}

.button-pwa-link:hover {
    color: #e9e500;
    /* Cambiar color de texto a oro cuando se pone el mouse encima */
}
/* BOTON INSTALACION PWA */

/* Alerta para los fletes */
#alerta_fletes {
    min-height: 64px;
}
.oculto-reservado {
    visibility: hidden;
}

header, .header { position: fixed;transform: translate3d(0px, 0px, 0px);top: 0;right: 0;left: 0;margin: 0; z-index:1100 !important; }
#zona_lista_productos_carrito { 
    /*position: absolute;right:0px;width:300px;*/
    z-index:1098; 
    #shoppingCart { background: #fff;/*height: max-content;*/ }
    .offcanvas { position: fixed; }    
}

@media (min-width: 992px) {
    #zona_lista_productos_carrito .navbar-expand-lg .offcanvas-header { /*display: inherit;*/ }
}

.simplebar-content-wrapper { height:100% !important;overflow: hidden; }   
.modal { z-index: 1110 !important; }
.navbar .offcanvas { z-index: 1097; }
.offcanvas.order-lg-2 { height: 100dvh; }
.offcanvas.offcanvas-end { height: 100dvh; }

@media (max-width: 480px) {
    .offcanvas.order-lg-2 { height: 94dvh !important; }
    .offcanvas.offcanvas-end { height: 94dvh !important; }
}

/* pagingbar */

.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.pagination li {
    margin: 0 4px;
}

.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.pagination a:hover:not(.active) {
    background-color: #f5f5f5;
    border-color: #d0d0d0;
}

.pagination .active a {
    background-color: #cdcdcd; /*#4285f4;*/
    color: white;
    border-color: #cdcdcd; /*#4285f4;*/
}

.pagination .disabled a {
    color: #ccc;
    pointer-events: none;
}

.pagination .gap {
    display: flex;
    align-items: flex-end;
    padding: 0 8px;
    color: #666;
}

.pagination .first, .pagination .next, .pagination .last, .pagination .prev { border:none; width:90px; }
.pagination .first:hover, .pagination .next:hover, .pagination .last:hover, .pagination .prev:hover { background-color:unset !important;border-color:unset !important; }

.lg-outer { z-index: 1102 !important; }
.lg-backdrop { z-index: 1101 !important; }



/* =========================================================
   MEGAMENU SIEV PRO – FULL WIDTH CENTRADO MODERNO
========================================================= */

ul.navbar-nav{
    background:#fff;
    padding-left:0;
    margin-bottom:0;
}

ul.navbar-nav li{
    margin-bottom:0 !important;
}

.nav-item{
    position:relative;
}

/* ===== LINKS PRINCIPALES ===== */
.nav-link{
    color:#333 !important;
    font-weight:600;
    font-size:16px;
    padding:14px 20px;
    display:block;
    text-decoration:none;
    border-radius:8px;
    transition:all .18s ease;
}

.nav-link.dropdown-toggle{
    font-weight:600;
    font-size:16px;
}

.nav-item:hover>.nav-link,
.nav-link:hover{
    background:#f7f7f7;
    color:#000 !important;
}

/* ===== MEGAMENU FULL WIDTH CENTRADO ===== */
.mega-menu{
    position:static;
}

.mega-menu .dropdown-menu{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    max-width:100vw;
    margin:0;
    padding:40px 80px;
    border:none;
    border-top:1px solid #eee;
    border-radius:0;
    background:#fff;
    display:none;
    z-index:9999;
    box-shadow:none;
}

.mega-menu:hover .dropdown-menu{
    display:block;
}

/* ===== GRID ===== */
ul.mega-grid{
    list-style:none;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:16px 60px;
    padding:0;
    margin:0 auto;
    width:100%;
    max-width:1400px;
}

/* ===== TIPOGRAFIA UNIFORME ===== */
.mega-menu,
.mega-menu *{
    font-family:inherit;
    font-size:16px;
    font-weight:500;
    color:#333;
    line-height:1.35;
}

/* ===== LINKS ===== */
ul.mega-grid li{
    padding:2px 0;
}

ul.mega-grid li a{
    display:block;
    padding:4px 0;
    text-decoration:none;
    color:#333;
    transition:all .18s ease;
}

/* Hover elegante */
ul.mega-grid li a:hover{
    color:#000;
    text-decoration:underline;
    text-underline-offset:4px;
}

/* quitar bloques grises */
.mega-menu li:hover,
.mega-menu li:focus{
    background:transparent !important;
}

/* ===== SUBMENU LATERAL ===== */
.dropdown-menu .dropdown-menu{
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    padding:16px 20px;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){

    .nav-link{
        font-size:16px;
        padding:14px 18px;
    }

    .dropdown-menu{
        position:static !important;
        transform:none !important;
        width:100% !important;
        border:none;
        border-radius:0;
        box-shadow:none;
    }

    .mega-menu .dropdown-menu{
        padding:20px;
    }

    ul.mega-grid{
        grid-template-columns:1fr;
        gap:6px;
        max-width:100%;
    }

    .mega-menu:hover .dropdown-menu{
        display:block;
    }
}

/* ===== UTILIDADES ===== */
.noList{
    list-style:none;
    padding-left:0;
}

.hide{
    display:none !important;
}

.nav-link::after,
.nav-item.dropdown.has-children>.nav-link::after{
    content:none !important;
}


/* ===== SUBMENUS MAS ANCHOS ===== */
.dropdown-menu{
    min-width:320px !important;
}

.dropdown-menu li a{
    white-space:normal;
    line-height:1.35;
}

/* tercer nivel */
.dropdown-menu .dropdown-menu{
    min-width:360px !important;
}

/* si quieres aún más ancho */
@media(min-width:1200px){
    .dropdown-menu{
        min-width:380px !important;
    }
    .dropdown-menu .dropdown-menu{
        min-width:420px !important;
    }
}

/* =========================================
   AUTO AJUSTE SUBMENUS (si no hay espacio)
========================================= */

/* submenu normal abre derecha */
.dropdown-menu .dropdown-menu{
    left:100%;
    right:auto;
    top:0;
}

/* cuando está cerca del borde derecho de pantalla */
.navbar-nav > li:last-child .dropdown-menu .dropdown-menu,
.navbar-nav > li:nth-last-child(2) .dropdown-menu .dropdown-menu,
.navbar-nav > li:nth-last-child(3) .dropdown-menu .dropdown-menu{
    left:auto !important;
    right:100% !important;
}

/* mega inteligente universal */
@media (min-width:992px){
    .dropdown-menu .dropdown-menu{
        transform:none;
    }
}