/* ==========================================================
   COSTA PLATFORM v1.0
   HEADER PREMIUM
   ========================================================== */

.cst-header-premium,
.cst-header-premium *{
    box-sizing:border-box;
}

.cst-header-premium{
    width:100%;
    position:sticky;
    top:0;
    z-index:999;

    background:linear-gradient(135deg,#062B57 0%,#041F3F 100%);

    border-bottom:none;
    box-shadow:none;

    transition:
        background .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        backdrop-filter .28s ease;
}

.cst-header-premium__inner{
    width:min(100% - 56px,1240px);
    min-height:78px;
    margin:0 auto;

    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:30px;

    transition:min-height .28s ease;
}

.cst-header-premium__brand{
    display:flex;
    align-items:center;
    transform:translateY(-1px);
}

.cst-header-premium__brand a{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}

.cst-header-premium__logo{
    width:188px !important;
    height:auto !important;
    max-width:none !important;
    display:block;
    object-fit:contain;

    transition:width .28s ease;
}

.cst-header-premium__nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
}

.cst-header-premium__nav a{

    position:relative;

    display:inline-flex;
    align-items:center;

    min-height:40px;

    color:rgba(255,255,255,.95);

    font-size:15.5px;
    font-weight:600;
    line-height:1;

    letter-spacing:-.01em;

    text-decoration:none;
    white-space:nowrap;

    transition:
        color .24s ease,
        transform .24s ease;
}

.cst-header-premium__nav a::after{

    content:"";

    position:absolute;

    left:10%;
    right:10%;
    bottom:4px;

    height:2px;

    border-radius:999px;

    background:linear-gradient(90deg,#D4AF37 0%,#F1D06B 100%);

    transform:scaleX(0);
    transform-origin:center;

    transition:transform .24s ease;
}

.cst-header-premium__nav a:hover{
    color:#F1D06B;
    transform:translateY(-1px);
}

.cst-header-premium__nav a:hover::after{
    transform:scaleX(1);
}

.cst-header-premium__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

/* ==========================
   SEARCH
   ========================== */

.cst-header-premium__search{

    width:40px;
    height:40px;

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

    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;

    background:rgba(255,255,255,.075);

    color:#FFF;

    cursor:pointer;

    font-size:0;

    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);

    transition:all .24s ease;
}

.cst-header-premium__search::before{

    content:"";

    width:16px;
    height:16px;

    display:block;

    background:currentColor;

    -webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16 15.83A6.66 6.66 0 109.16 2.5a6.66 6.66 0 000 13.33zm8.34 1.67l-3.63-3.63' stroke='black' stroke-width='1.7' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16 15.83A6.66 6.66 0 109.16 2.5a6.66 6.66 0 000 13.33zm8.34 1.67l-3.63-3.63' stroke='black' stroke-width='1.7' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;
}

.cst-header-premium__search:hover{
    background:rgba(212,175,55,.13);
    border-color:rgba(212,175,55,.75);
    color:#F1D06B;
    transform:translateY(-1px);
}

/* ==========================
   LANGUAGE
   ========================== */

.cst-header-premium__language{

    min-height:40px;

    padding:0 15px;

    display:inline-flex;
    align-items:center;

    border:1px solid rgba(255,255,255,.16);

    border-radius:999px;

    background:rgba(255,255,255,.065);

    color:rgba(255,255,255,.94);

    font-size:13px;
    font-weight:700;

    white-space:nowrap;

    transition:all .24s ease;
}

.cst-header-premium__language:hover{

    background:rgba(212,175,55,.10);

    border-color:rgba(212,175,55,.75);

    color:#F1D06B;

    transform:translateY(-1px);
}

/* ==========================
   CTA
   ========================== */

.cst-header-premium__cta{

    min-height:42px;

    padding:0 22px;

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

    border-radius:999px;

    background:linear-gradient(135deg,#D4AF37 0%,#F1D06B 100%);

    color:#062B57;

    font-size:13.5px;
    font-weight:900;

    text-decoration:none;

    white-space:nowrap;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.34),
        0 8px 18px rgba(212,175,55,.24);

    transition:all .24s ease;
}

.cst-header-premium__cta:hover{

    transform:translateY(-2px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.42),
        0 14px 28px rgba(212,175,55,.30);
}

/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media (max-width:1100px){

    .cst-header-premium__inner{gap:22px;}

    .cst-header-premium__nav{gap:18px;}

    .cst-header-premium__language{display:none;}

}

@media (max-width:900px){

    .cst-header-premium__nav{display:none;}

    .cst-header-premium__inner{
        grid-template-columns:auto auto;
    }

}

@media (max-width:767px){

    .cst-header-premium__inner{
        width:min(100% - 28px,100%);
        min-height:72px;
        grid-template-columns:1fr;
        justify-items:center;
    }

    .cst-header-premium__actions{
        display:none;
    }

    .cst-header-premium__logo{
        width:148px !important;
    }

}

/* ==========================================================
   STICKY
   ========================================================== */

.cst-header-premium.is-scrolled{

    background:rgba(6,43,87,.92);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    border-bottom-color:transparent;

    box-shadow:0 10px 28px rgba(4,31,63,.24);
}

.cst-header-premium.is-scrolled .cst-header-premium__inner{
    min-height:66px;
}

.cst-header-premium.is-scrolled .cst-header-premium__logo{
    width:164px !important;
}

.cst-header-premium.is-scrolled .cst-header-premium__search{
    width:38px;
    height:38px;
}

.cst-header-premium.is-scrolled .cst-header-premium__language{
    min-height:38px;
}

.cst-header-premium.is-scrolled .cst-header-premium__cta{
    min-height:40px;
    padding:0 20px;
}