/* Logo NETV creado con CSS */
.netv-text-logo {
    font-family: 'Arial Black', 'Helvetica', sans-serif;
    font-weight: 900;
    font-size: 2rem;
    background: linear-gradient(135deg, #00D4AA 0%, #00B4D8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

.netv-text-logo-small {
    font-size: 1.5rem;
}

.netv-text-logo-large {
    font-size: 3rem;
}

/* Efecto de antena/señal WiFi sobre la N */
.netv-text-logo::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50% 50% 0 0;
    border: 3px solid transparent;
    border-top-color: #00D4AA;
    border-left-color: #00D4AA;
    border-right-color: #00D4AA;
    opacity: 0.8;
}

/* Logo alternativo con icono WiFi */
.netv-icon-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.netv-icon-logo .wifi-icon {
    font-size: 1.5em;
    color: #00D4AA;
}

.netv-icon-logo .netv-text {
    font-family: 'Arial Black', sans-serif;
    font-weight: 900;
    background: linear-gradient(135deg, #00D4AA 0%, #00B4D8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* Variantes de tamaño */
.netv-icon-logo.small {
    font-size: 1.2rem;
}

.netv-icon-logo.small .wifi-icon {
    font-size: 1.3em;
}

.netv-icon-logo.medium {
    font-size: 1.8rem;
}

.netv-icon-logo.medium .wifi-icon {
    font-size: 1.4em;
}

.netv-icon-logo.large {
    font-size: 2.5rem;
}

.netv-icon-logo.large .wifi-icon {
    font-size: 1.5em;
}

/* Efecto hover para logos */
.netv-text-logo:hover,
.netv-icon-logo:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Animación de pulso para el icono WiFi */
@keyframes wifi-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}

.netv-icon-logo .wifi-icon {
    animation: wifi-pulse 2s infinite ease-in-out;
} 