/* Custom Style */

@import url(../../style.css);

body{
    font-family: var(--cuerpo), sans-serif;
    font-optical-sizing: auto;
    font-size: 18px;
    font-weight: var(--cuerpo-peso);
    font-style: normal;
    color: var(--color-1);
    font-variation-settings: "wdth" 100;
}
.header-div{
    /*opacity: 0.4;*/
    background-image: url(../images/bg2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}
iframe{width: 99%; height: 20em;}
.footer{
    font-family: var(--cuerpo), sans-serif;
    font-weight: var(--cuerpo-peso);
}

ul{margin-bottom: 0;}
ul.menu {list-style: none;}
ul.menu li{display: inline-block;}
ul.menu li a{
    color: var(--color-1, rgb(255, 0, 0));
    text-decoration: none;
}

a{text-decoration: none; color:#121212;}

/*.nota{ border: 1px solid #555; padding-top: .7rem; }*/
.bd02_3nt{background-color: brown; color: #ededed;}
.bd02_3nt a{color: #ededed;}

/*h1, h2, h3{
    font-weight: bold;
}*/
h1, h2, h3{font-family: var(--titulo), sans;font-weight: var(--titulo-peso); line-height: 1em;}
h1{font-size: 2.5em; }
h2{font-size: 2em;}
h3{font-size:1.5em;}

.sidebar_title{font-size:1em;font-family: var(--cuerpo);font-weight: var(--cuerpo-peso);}

img{
	width: 100%;
	/*height: 150px;
	object-fit: cover;*/
}

.custom-logo{
  width: 80%;
  height: auto;
  object-fit: contain;
  max-width: 100%;
}
.footer .custom-logo{
  width: 50%;

}
.bd01_1nt img, .bd02_3nt img, .bd03_3nt img, .bd04_1nt img, .bd05_5nt img{
    width: 100%;
	height: 200px;
	object-fit: cover;
}

.destacada img{
  width: 100%;
	height: 400px;
	object-fit: cover;
}
.post-deco{
  /* background-image: url('../images/altavoz.png');
  background-repeat: no-repeat; */
  background-color: #fff3cd;
  background-size: 15%;
 
  padding: 0.5rem;
}
.altavoz{
  width: 15%;
}
.header-redes{height: 34px; width: auto; }

audio {height: 2rem; text-align: center; margin:auto;}

/* Texto estilo 'marquee/marquesina' para alertas */
.cinta_alerta {
    /* background:#ff0000;
    color: var(--color-claro-1); */
    padding:0.2rem;
    overflow: hidden;
  }
.cinta_alerta_tit{
    padding:0.2rem;
    color: var(--color-alerta);
    font-weight: bold;
}

.sidebar img{ width:100%; height:auto;}
[id^="diari-"]{margin-bottom:10px;}
  .noticia_s {
    animation : slide 10s linear infinite;

    font-weight: bold;
  }
  
  @keyframes slide {
    0% {
      transform: translatex(100%)
    }
    
    100% {
      transform: translatex(-70%)
    }
  }

/* The animation code */
@keyframes myAnimation {
  from {background-color: rgb(0, 204, 255);}
  to {background-color: rgb(0, 27, 114);}
}

/* The element to apply the animation to */
.ani__test {
  background-color:  rgb(0, 27, 114);
  animation-name: myAnimation;
  animation-duration: 4s;
}
.advads-modal{
	inset:0;
}