/* Devnático Studio — brand palette (purple) */
:root {
    --brand-primary: #280038;
    --brand-dark: #1A0026;
    --brand-mid: #4A0A63;
    --brand-accent: #6B2D8B;
    --brand-light: #8E44AD;
    --brand-soft: #A56BC4;
}

a:hover,
a:focus {
    color: var(--brand-accent);
}

.btn-primary,
.btn-primary:focus {
    background-color: var(--brand-primary);
    background-image: none;
    border-color: var(--brand-primary);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: var(--brand-mid);
    background-image: none;
    border-color: var(--brand-mid);
}

/* CTA sólido no banner e botões azuis legados */
.btn-m-blue,
.purchase a.btn-m-blue,
a.btn-m-blue {
    background: var(--brand-primary) !important;
    background-image: none !important;
    border: 2px solid var(--brand-primary) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    padding: 12px 28px !important;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.btn-m-blue:hover,
.btn-m-blue:focus,
.btn-m-blue:active,
.purchase a.btn-m-blue:hover,
a.btn-m-blue:hover {
    background: var(--brand-mid) !important;
    background-image: none !important;
    border-color: var(--brand-mid) !important;
    color: #fff !important;
}

.purchase a.btn-m-blue {
    margin-top: 18px;
    margin-bottom: 10px;
}

.color-green {
    color: var(--brand-primary) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.footer-ribon {
    background: var(--brand-primary) !important;
}

/* Hero: reforço roxo (overlays principais estão no parallax-slider.css) */
.da-slider {
    background-color: var(--brand-primary);
}

.da-slide h2 i,
.da-slide p i {
    border-radius: 2px;
}

/* Redes sociais — hover roxo */
.social-icons li a {
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.header .navbar .social-icons li a:hover,
.header .navbar .social-icons li a:focus {
    background-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 2px var(--brand-light);
}

.footer .social-icons li a {
    background-color: rgba(255, 255, 255, 0.08);
}

.footer .social-icons li a:hover,
.footer .social-icons li a:focus {
    background-color: var(--brand-primary) !important;
    background-position: 0 -38px;
    box-shadow: 0 0 0 2px var(--brand-soft);
}

/* Dropdown Soluções */
.header .navbar .dropdown-menu {
    border-radius: 0;
    border-color: #eee;
    padding: 8px 0;
}
.header .navbar .dropdown-menu > li > a {
    color: #444;
    padding: 8px 18px;
}
.header .navbar .dropdown-menu > li > a:hover,
.header .navbar .dropdown-menu > li > a:focus {
    background: #280038;
    color: #fff;
}


/* Logo — imagem já recortada; altura legível para "studio" */
#logo-header {
    height: 58px;
    width: auto;
    max-width: 240px;
    display: block;
}

.navbar > .container .navbar-brand {
    margin-top: -8px;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

.is-sticky .navbar > .container .navbar-brand {
    margin-top: 0;
}

.is-sticky #logo-header {
    height: 48px;
}

@media (max-width: 690px) {
    .navbar > .container .navbar-brand img,
    #logo-header {
        width: auto !important;
        height: 44px !important;
        max-width: 200px;
    }
}

#logo-footer {
    height: 48px;
    width: auto;
    max-width: 200px;
}