/* Logo e Favicon - LemServ */

:root {
    --logo-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 240"><defs><linearGradient id="orangeGradient" x1="0%25" y1="0%25" x2="100%25" y2="100%25"><stop offset="0%25" style="stop-color:%23FFB84D;stop-opacity:1" /><stop offset="50%25" style="stop-color:%23FF9E1B;stop-opacity:1" /><stop offset="100%25" style="stop-color:%23E67E22;stop-opacity:1" /></linearGradient><linearGradient id="purpleGradient" x1="0%25" y1="0%25" x2="100%25" y2="100%25"><stop offset="0%25" style="stop-color:%239C27B0;stop-opacity:1" /><stop offset="100%25" style="stop-color:%236A1B9A;stop-opacity:1" /></linearGradient><filter id="shadow" x="-50%25" y="-50%25" width="200%25" height="200%25"><feDropShadow dx="0" dy="4" stdDeviation="4" flood-opacity="0.2"/></filter></defs><g filter="url(%23shadow)"><path d="M 70 20 Q 85 15 95 25 Q 100 35 95 50 Q 90 65 80 75 Q 75 65 70 50 Q 68 35 70 20" fill="url(%23orangeGradient)" stroke="none"/><path d="M 95 25 Q 105 20 115 30 Q 120 40 115 60 Q 110 75 100 85 Q 100 65 95 50 Q 94 35 95 25" fill="url(%23orangeGradient)" opacity="0.9" stroke="none"/><circle cx="78" cy="30" r="4" fill="white" opacity="0.8"/><circle cx="82" cy="45" r="3.5" fill="white" opacity="0.7"/><circle cx="85" cy="60" r="3" fill="white" opacity="0.6"/><circle cx="100" cy="35" r="3" fill="white" opacity="0.7"/><circle cx="105" cy="55" r="3" fill="white" opacity="0.6"/></g><g filter="url(%23shadow)"><path d="M 120 110 Q 135 105 150 125 Q 160 145 150 170 Q 140 190 120 200 Q 125 175 120 150 Q 118 130 120 110" fill="url(%23orangeGradient)" stroke="none"/><path d="M 95 130 Q 110 120 130 135 Q 140 150 130 175 Q 120 190 105 195 Q 108 170 100 150 Q 97 138 95 130" fill="url(%23orangeGradient)" opacity="0.85" stroke="none"/><circle cx="125" cy="125" r="3.5" fill="white" opacity="0.7"/><circle cx="128" cy="145" r="3" fill="white" opacity="0.65"/><circle cx="125" cy="165" r="3" fill="white" opacity="0.6"/><circle cx="110" cy="140" r="3" fill="white" opacity="0.65"/></g><text x="100" y="230" font-family="Poppins, Arial, sans-serif" font-size="16" font-weight="700" text-anchor="middle" fill="url(%23purpleGradient)" letter-spacing="1">LemServ</text></svg>');
}

/* Logo Brand - substituir texto */
.logo-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
    font-weight: 800;
    font-size: 1.8rem;
    background: linear-gradient(135deg, #e91e63, #9c27b0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -1px;
    transition: all 0.3s ease;
}

.logo-brand:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 12px rgba(233, 30, 99, 0.3));
}

.logo-brand img {
    height: 2.5rem;
    width: auto;
    display: inline-block;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    transition: transform 0.3s ease;
}

.logo-brand:hover img {
    transform: scale(1.1);
}

.logo-small {
    height: 1.8rem;
    width: auto;
}

.logo-medium {
    height: 2.5rem;
    width: auto;
}

.logo-large {
    height: 3.5rem;
    width: auto;
}