:root{
--color-c1:#a07624;
--color-c2:#b5862b;
--color-c3:#ca972f;
}

.menu-search-bar{
    height: 40px;
    /* background:#041525;  */
    background:transparent; 
}
.menu-search-bar form{
    position: relative;
    top: 8px;
    left: 15px;
    max-width: 250px;
}
.menu-search-bar button{
    border:0;
    background:transparent;
    color:white;
}
.menu-search-bar input{
    background:#586B7D;
    outline: none;
    border:0;
    color:white;
}
.menu-bg{
    /* background: url(/img/pngs/gb-header.png); */
    /* background: url(/img/cabecerav2.png); */
    background: url(/img/bg-e-2025.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.logo{
    padding:5px 15px 5px 15px;
    margin-left: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#logo{
    max-width: 411px;
}
#logo img{
    max-width: 90%;
    margin-left:35px;
    /* max-height: 100px; */
}
.max-width{
    max-width: 1170px;
}
.m0a{
    margin:0 auto;
}
.hamburguesa{
    font-size:24px;
    border:1px solid black;
    padding:0 10px;
    border-radius:5px;
    height: fit-content;
    position: relative;
    /* top:20px; */
    top:0;
    background-color: white;
}

.bloque-menu {
    padding:0px 10px;
    list-style: none;
    margin-right:3px;
    line-height: 2.7;
}
.bloques-menu li{
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size:12px;
    transition: 0.5s;
    font-family: "century gothic paneuropean","open sans";
    height: 28px;
}

.bloques-menu a{
    color: white;
    /* font-weight: bold; */
    line-height: 22px;
}
.bloques-menu li:hover{
    color: #262424;
    background:#5b3800;
    background:#c9c9c9;
}
.bloques-menu a:hover{
    text-decoration:none;
}
.bloques-menu{
    padding-left:15px;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bloques-menu-movil{
    padding-left:0;
    display:block;
    padding-bottom:15px;
}
.rrss{
    color:white;

    position: relative;
    right: 30px;
    /* bottom: 15px; */
    margin: 0;
    height: 40px;
    align-items: center;
}
.rrss li{
    list-style: none;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-left:5px;
    font-size: 24px;
}
.rrss a{
    width: 25px;
    height: 25px;
    text-align: center;
    color: #FFF;
    line-height: 25px;
    margin-left:5px;
}
.rrss a:hover{
    color:#fff;
}

.rrss span{
    width:25px;
    height: 25px;
}
.top-bar{
    display:flex;
    justify-content: space-between;

/* esconder barra RRSS */
    /* display: none;
    height: 0 !important; */


}
.c1{
    background-color: #a07624;
}
.c2{
    background-color: #b5862b;
}
.c3{
    background-color: #ca972f;
}
.standard-menu-height{
    max-height: 28px;
    padding:0px 10px;
}
.standard-menu-height input{
    /* position: relative; */
    /* bottom: 1px; */
    border: 0;
    line-height: 1.5;
    position: relative;
    bottom:2px;
}
.standard-menu-height input:active,.standard-menu-height input:focus-visible,.btn-gold:active,.btn-gold:focus{
    border:0 !important;
    outline: 0 !important;
    box-shadow: none;
}
.btn-gold{
    font-size: 19px !important;
    padding:0 5px;
    background: transparent !important;
    color:white;
}
.btn-gold:hover{
    color:white;
}
.publicidad.centrado{
    margin: 0 auto;
    text-align: center;
}
.publicidad{
    padding:0 15px 15px 15px ;
}
/*COLORES DE ICONOS DE REDES SOCIALES*/
/* .color-fb,.color-fb:hover{background:#3B5998}
.color-tw,.color-tw:hover{background:#00acee}
.color-yt,.color-yt:hover{background:#D9031F}
.color-ig,.color-ig:hover{background:#964B00}
.color-rs,.color-rs:hover{background:#Ff6600} */

.color-fb,.color-fb:hover{color:#a47826}
.color-tw,.color-tw:hover{color:#a47826}
.color-yt,.color-yt:hover{color:#a47826}
.color-ig,.color-ig:hover{color:#a47826}
.color-rs,.color-rs:hover{color:#a47826}

/*COLORES DE LOS FONDOS DE LAS SECCIONES*/
.inicio {background:black;}
.nacionales {background:var(--color-c3)}
.sucesos {background:var(--color-c3)}
.internacionales {background: var(--color-c1)}
.economia, .economía {background: var(--color-c3)}
.deportes {background: var(--color-c2)}
.salud {background:  var(--color-c1)}
.espectaculos, .espectáculos {background:  var(--color-c1)}
.tecnologia, .tecnología {background: var(--color-c2)}
.opinion {background:  var(--color-c1)}
.curiosidades  {background: var(--color-c3)}
.programas {background: var(--color-c3)}
.gastronomia {background: var(--color-c3)}
.curiosidades {background: var(--color-c3)}
.obituarios {background:var(--color-c1)}
.la-buena-nota{background:var(--color-c1)}
.estilos-de-vida{background: var(--color-c2)}
.turismo{background: var(--color-c2)}
.beisbol{background: var(--color-c2)}
.talentos{background: var(--color-c3)}


/*COLORES DE LAS LINEAS EN SECCIONES*/
.bb-nacionales {border-bottom: 4px solid #e86c36}
.bb-sucesos {border-bottom: 4px solid #51081B}
.bb-internacionales {border-bottom: 4px solid #2b6e99}
.bb-economia, .bb-economía {border-bottom: 4px solid #6a9454}
.bb-deportes {border-bottom: 4px solid #e3493d}
.bb-salud {border-bottom: 4px solid #9cc25b}
.bb-espectaculos, .bb-espectáculos {border-bottom: 4px solid #a264ad}
.bb-tecnologia, .bb-tecnología {border-bottom: 4px solid #69bfa6}
.bb-analistas {border-bottom: 4px solid #82817f}
.bb-programas {border-bottom: 4px solid #a17544}




.velo{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 2;
    filter: blur(0.5);
}
.menu-lateral{
    width: 220px;
    position: absolute;
    top:15px;
    left:-225px;
    transition: 0.3s;
    z-index: 3;
    background-color: white;
    color:white;
    /* font-weight: bold; */
    /* padding:10px 30px; */
    padding:5px 2px 2px 2px;
    font-size: 14px;
}
.menu-lateral li{
    list-style: none;
    /* padding:3px 80px 3px 20px; */
    /* border-left: 5px solid #c9c9c9; */
    margin-bottom:1px;
    transition: 0.3s;
}
.menu-lateral a{
    color:white;
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;

    padding:3px 80px 3px 20px;
}
.menu-lateral li:hover,.menu-lateral li:hover a{
    color:#262424;
    background-color: #c9c9c9;
    transition: 0.3s;
}
.menu-lateral ul{

    margin:0;
    padding: 0;
}
.menu-lateral .c1,
.menu-lateral .c2,
.menu-lateral .c3,
.menu-lateral a{
    background: #c9c9c9;
    color:#262424;
    transition: 0.3s;
}
.menu-lateral .c1{border-left:10px solid #a07624;}
.menu-lateral .c2{border-left:10px solid #b5862b;}
.menu-lateral .c3{border-left:10px solid #ca972f;}

.menu-lateral .c1:hover,
.menu-lateral .c1:hover a{
    background-color: #a07624;
    color:white;
}
.menu-lateral .c2:hover,
.menu-lateral .c2:hover a{
    background-color: #b5862b;
    color:white;
}

.menu-lateral .c3:hover,
.menu-lateral .c3:hover a{
    background-color: #ca972f;
    color:white;
}
.dropdown-item{
    margin-bottom:1px;
}
.p-1p{
    padding:1px;
}
li.dropdown-item a{
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-width:768px){
    #logo img{
        margin-left:0;
    }
    #logo{
        align-content: center;
    }
    .logo{
        min-height: 70px;   
    }
}