/**
 * INDeweb — sitio público (home / blog): barra y tipografía acordes al admin.
 */
:root {
    --inde-navy: #061a2e;
    --inde-navy-mid: #0c3550;
    --inde-teal: #3d8f88;
    --inde-teal-bright: #4fb3a8;
    --inde-sky: #6eb4d6;
    --inde-font-display: "Outfit", "Segoe UI", system-ui, sans-serif;
    --inde-font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;
}

body {
    font-family: var(--inde-font-body), "Lato", sans-serif;
    color: #333;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand {
    font-family: var(--inde-font-display), "Raleway", sans-serif;
}

#navigation.navbar-default {
    background: linear-gradient(105deg, var(--inde-navy) 0%, var(--inde-navy-mid) 45%, #15607a 100%);
    border: none;
    box-shadow: 0 4px 24px rgba(6, 26, 46, 0.2);
}

#navigation.navbar-default .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: color 0.15s ease, background 0.15s ease;
}

#navigation.navbar-default .navbar-nav > li > a:hover,
#navigation.navbar-default .navbar-nav > li > a:focus,
#navigation.navbar-default .navbar-nav > .active > a {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

#navigation.navbar-default .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.35);
}

#navigation.navbar-default .navbar-toggle .icon-bar {
    background: #fff;
}

#navigation .navbar-right > li > a {
    font-weight: 600;
}

.inde-navbar-brand {
    padding: 8px 15px;
}

a {
    color: #2a7d74;
}

a:hover,
a:focus {
    color: var(--inde-navy-mid);
}

#headerwrap {
    background: linear-gradient(135deg, var(--inde-navy) 0%, var(--inde-navy-mid) 50%, #135a6e 100%);
}