/* Tema Navideño para CTNETWORK */
:root {
    --navidad-rojo: #c41e3a;
    --navidad-verde: #165b33;
    --navidad-oro: #ffcc02;
    --navidad-blanco: #f8f9fa;
    --navidad-gris: #2d3748;
}

/* Efecto de nieve sutil */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 20% 10%, rgba(255, 255, 255, 0.1) 2px, transparent 0),
        radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.1) 1px, transparent 0),
        radial-gradient(circle at 40% 70%, rgba(255, 255, 255, 0.1) 3px, transparent 0),
        radial-gradient(circle at 60% 90%, rgba(255, 255, 255, 0.1) 2px, transparent 0),
        radial-gradient(circle at 10% 50%, rgba(255, 255, 255, 0.1) 1px, transparent 0);
    background-size: 300px 300px;
    pointer-events: none;
    z-index: 9999;
    animation: snow 15s linear infinite;
}

@keyframes snow {
    0% { transform: translateY(-100px); }
    100% { transform: translateY(100vh); }
}

/* Header navideño */
.scrolled {
    background: linear-gradient(135deg, var(--navidad-verde), #1e7e34) !important;
    box-shadow: 0 5px 20px rgba(22, 91, 51, 0.3) !important;
}

.menu-links a {
    color: white !important;
    position: relative;
}

.menu-links a:hover {
    color: var(--navidad-oro) !important;
}

.menu-links a::after {
    background-color: var(--navidad-oro) !important;
}

/* Hero section navideña */
.hero-overlay {
    background: linear-gradient(135deg, rgba(22, 91, 51, 0.85), rgba(30, 126, 52, 0.8)) !important;
}

.hero-content h1 span {
    color: var(--navidad-oro);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.cta-button {
    background: var(--navidad-rojo) !important;
    position: relative;
    overflow: hidden;
    border: 2px solid var(--navidad-oro) !important;
}

.cta-button:hover {
    background: #a01830 !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(196, 30, 58, 0.3);
}

/* Planes navideños */
.section-title h2::after {
    background: linear-gradient(to right, var(--navidad-verde), var(--navidad-rojo)) !important;
}

.plan {
    border: 2px solid transparent;
    background: linear-gradient(white, white), 
                linear-gradient(135deg, var(--navidad-verde), var(--navidad-rojo));
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
}

.plan:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(22, 91, 51, 0.2);
}

.plan.popular::before {
    background: linear-gradient(135deg, var(--navidad-verde), var(--navidad-rojo));
    font-weight: 700;
}

.plan-header {
    background: linear-gradient(135deg, var(--navidad-verde), #1e7e34) !important;
}

.plan-button {
    background: var(--navidad-verde) !important;
    position: relative;
    overflow: hidden;
    font-weight: 600;
}

.plan-button:hover {
    background: #124a29 !important;
    transform: translateY(-2px);
}

/* Sección de cobertura navideña */
.zona-item {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-left: 4px solid var(--navidad-verde);
    transition: all 0.3s ease;
}

.zona-item:hover {
    background: linear-gradient(135deg, var(--navidad-verde), #1e7e34);
    color: white;
    transform: translateX(5px);
}

.zona-item:hover i {
    color: var(--navidad-oro) !important;
}

.zona-item i {
    color: var(--navidad-rojo) !important;
}

.consulta-btn {
    background: var(--navidad-rojo) !important;
    font-weight: 600;
}

.consulta-btn:hover {
    background: #a01830 !important;
}

/* Galería navideña */
.carrusel-dot.active {
    background: var(--navidad-rojo) !important;
}

.carrusel-control {
    background: rgba(22, 91, 51, 0.9) !important;
}

.carrusel-control:hover {
    background: var(--navidad-verde) !important;
}

/* Contacto navideño */
.contacto-details li i {
    color: var(--navidad-rojo) !important;
}

.redes-sociales a {
    background: var(--navidad-verde) !important;
}

.redes-sociales a:hover {
    background: var(--navidad-rojo) !important;
    transform: translateY(-3px);
}

.submit-btn {
    background: var(--navidad-verde) !important;
    font-weight: 600;
}

.submit-btn:hover {
    background: #124a29 !important;
}

/* Footer navideño */
footer {
    background: linear-gradient(135deg, var(--navidad-gris), #1a202c) !important;
    position: relative;
    overflow: hidden;
}

.footer-text {
    position: relative;
}

.footer-text::before {
    content: '🎄 Feliz Navidad 🎅';
    display: block;
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: var(--navidad-oro);
    font-weight: 600;
}

/* Modal navideño */
.modal-header {
    background: linear-gradient(135deg, var(--navidad-verde), var(--navidad-rojo)) !important;
}

.btn_save {
    background: var(--navidad-verde) !important;
    font-weight: 600;
}

.btn_save:hover {
    background: #124a29 !important;
}

/* Decoraciones navideñas adicionales */
.planes-section::before {
    content: '✨';
    position: absolute;
    top: 20px;
    right: 5%;
    font-size: 2rem;
    opacity: 0.7;
}

.planes-inalambricos::before {
    content: '🎁';
    position: absolute;
    top: 20px;
    left: 5%;
    font-size: 2rem;
    opacity: 0.7;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    body::before {
        animation: snow 25s linear infinite;
    }
    
    .planes-section::before,
    .planes-inalambricos::before {
        display: none;
    }
}