.header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:60px;
    background:#ffffff;
    display:flex;
    align-items:center;
    z-index:1000;
   justify-content:space-between;
}



/* zona izquierda */

.header-left{
    margin-left:10px;
    height:40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}


.header-left h3{
    margin:0;
    padding:0;
    font-size:18px;
    line-height:20px;
    color:#222222;
    font-weight:700;
}


.header-left h5{
    margin:0;
    padding:0;
    font-size:12px;
    line-height:16px;
    color:#777777;
    font-weight:400;
}



/* zona derecha */

.header-right{
    margin-right:10px;
    display:flex;
    align-items:center;
    gap:8px;
color: #fff;
}



/* botones */

.header-btn{

    height:34px;
    min-width:90px;

    padding:0 12px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    border-radius:18px;

    background:#111111;
    color:#ffffff !important;

    text-decoration:none;

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

    transition:all .3s ease;
}



.header-btn i{

    font-size:13px;

}
.header-btn,
.header-btn:link,
.header-btn:visited,
.header-btn:hover,
.header-btn:active{

    color:#ffffff !important;
    text-decoration:none;

}



.header-btn:hover{

    background:#444444;

    transform:translateY(-2px);

}



.header-btn img{

    width:16px;
    height:16px;
    object-fit:contain;
    filter:
    invert(100%)
    brightness(120%);
}




@media(max-width:768px){
.header{
    height:60px;
}

.header-left h3{

    font-size:16px;

}


.header-left h5{

    font-size:11px;

}


.header-btn{

    min-width:auto;
    height:32px;

    padding:0 10px;

    font-size:12px;

}


.header-btn i{

    font-size:12px;

}


.header-right{

    gap:6px;

}



}

@media(min-width:769px) and (max-width:1200px){
.header-left h3{

    font-size:17px;

}


.header-btn{

    min-width:85px;

}
}


@media(min-width:1201px){
.header-left h3{

    font-size:19px;

}


.header-btn{

    min-width:95px;

}

}