/* NAVBAR GENERAL */
.navbar-main {
    background-color: var(--principal);
    min-height: 80px;
    padding-top: .1rem;
    padding-bottom: .2rem;
    transition: box-shadow .3s ease;
}

.navbar-main .navbar-collapse{
    margin-left: 124px;
}


/* Contenedor del logo (no altera layout) */
.navbar-brand-circle {
    position: relative;
    width: 0;              /* NO ocupa ancho */
    height: 0;             /* NO ocupa alto */
}

/* Círculo flotante */
.logo-circle {
    position: absolute;    /* sale del flujo */
    left: 0;
    top: 50%;
    margin-top: 8px;
    transform: translateY(-50%);

    width: 120px;
    height: 120px;
    background-color: var(--principal);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 1001;         /* por encima del navbar */
}

/* Logo interior */
.navbar-logo {
    height: 100px;
    width: auto;
}


.navbar-main .nav-link {
    color: #f1e6d8;
    font-weight: 400;
}

.navbar-main .nav-link:hover {
    color: #ffffff;
}


.navbar-cta .btn {
    white-space: nowrap;
}

.navbar-main .btn-primary {
    background-color: #fff !important;
    border: var(--secundario) !important;
    transition: 0.2s;
    font-weight: 600;
    color: var(--principal) !important;
}

.navbar-main .btn-primary:hover {
    background-color: #fffb !important;
}


.navbar-scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
}


body {
    padding-top: 80px;
}