/* =====================================================
   CBMC Suite
   Header Institucional
===================================================== */

.cbmc-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    padding:18px 40px;

    background:#6B0015;

    color:#ffffff;

}

.cbmc-header-left{

    display:flex;

    align-items:center;

    gap:20px;

    min-width:0;

}

.cbmc-logo img{

    width:90px;

    height:auto;

    display:block;

}

.cbmc-school-info{

    min-width:0;

}

.cbmc-school-info h1{

    margin:0;

    color:#D4AF37;

    font-size:32px;

    line-height:1.15;

    font-weight:700;

}

.cbmc-school-info p{

    margin:6px 0 0;

    color:#F5F0E6;

    font-size:16px;

    line-height:1.4;

    font-style:italic;

}
/* =====================================================
   LADO DERECHO DEL HEADER
===================================================== */

.cbmc-header-right {

    display: flex;
    align-items: center;
    gap: 25px;

}

.cbmc-social {

    display: flex;
    align-items: center;
    gap: 15px;

}

.cbmc-social a {

    color: #F5F0E6;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s ease;

}

.cbmc-social a:hover {

    color: #D4AF37;

}

.cbmc-tv-button {

    display: inline-block;

    padding: 12px 20px;

    background: #D4AF37;
    color: #6B0015;

    text-decoration: none;

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

    border-radius: 8px;

    white-space: nowrap;

    transition:
        background 0.3s ease,
        transform 0.3s ease;

}

.cbmc-tv-button:hover {

    background: #F5F0E6;

    color: #6B0015;

    transform: translateY(-2px);

}