.hamburger {
    fill: #000 !important;
    background-image: none !important;
    border: none !important;
}
.imgLogoPillo {
    width: 130px !important;
}
.dropdown-item {
    font-weight: 600;
    color: #ffffff !important;
}

.dropdownitems {
    font-weight: 600;
}

.dropdown-item:hover {
    background: #2b302f9c !important;
    color: #ffffff !important;
    font-weight: bold;
}

.dropdownitems:hover {
    background-color: #006652 !important;
    color: var(--color-nav) !important;
}

.dropdown-menu {
    background-color: #495452a1 !important;
    border: none;
    opacity: 1;
}

.dropdown-item {
    border: none !important;
}
.btn-Recarga {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 1em !important;
    width: 8rem !important;
    height: 80%;
    font-weight: 800 !important;
    border-radius: 10px !important;
    color: #000000 !important;
    background-color: #ffcd00 !important;
    text-align: center !important;
    line-height: 15px !important;
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

.btn-Recarga:hover {
    color: #000000 !important;
    background-color: #ffcd00 !important;
    font-size: 1.4em;
}
            .backgroundResponsive {
                background-color: #81939091;
                color: white !important;
                border-radius: 15px;
            }
            @media screen and (max-width: 925px) {
                .backgroundResponsive {
                    background: #81939091;
                    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                    backdrop-filter: blur(5px);
                    -webkit-backdrop-filter: blur(5px);
                }
            }
        /* Mostrar dropdown al hacer hover en desktop */
        @media (min-width: 992px) {
            .navbar .dropdown:hover .dropdown-menu {
                display: block;
                margin-top: 0;
            }
        }
        
            .swiper {
            width: 100%;
            height: auto;
            overflow: hidden;
            }
            
            .swiper-slide {
            width: auto !important; /* Toma el ancho del contenido */
            display: flex;
            justify-content: center;
            align-items: center;
            }
            
            .boxCardCP img {
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
            }
            .boton-xcs,.btnTipoPlanes.active {
                background: linear-gradient(to right, #20214d, #3a8df5, #ff7e00);
                color: white !important;
                padding: 0.75rem 1.5rem;
                border: none;
                border-radius: 999px; /* pill shape */
                font-weight: bold;
                font-size: 1rem;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                transition: transform 0.2s ease;
            }
            
            .boton-xcs:hover {color: white !important;
            transform: scale(1.05);
            }
            
            .btnTipoPlanes {
                padding: 0.75rem 1.5rem;
                font-weight: bold !important;
                color: #000000 !important;
                background-color: #ccc;
                border-radius: 999px;
                border: 1px solid black;
                font-family: "Montserrat", sans-serif;
                font-size: 1rem;
                width: 80%;
            }
            .btnBuy2CP {
                width: 100%;
                background: linear-gradient(to right, #20214d, #3a8df5, #ff7e00);
                color: white !important;
                padding: 0.5rem 1.2rem;
                border: none;
                border-radius: 999px; /* pill shape */
                font-weight: 800;
                font-size: 1rem;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                transition: transform 0.2s ease;
            }
            .squareBlackU {
            border-radius: 40px;
                background: linear-gradient(to right, #20214d, #3a8df5, #ff7e00);            text-align: center;
            color: #ffffff;
            font-size: 0.8em;
            }
            .bg-explora {
                background: linear-gradient(to right, #20214d, #3a8df5, #ff7e00); text-align: center;            }