/* Custom Style */

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

body{
    font-family: var(--texto), sans-serif;
    font-optical-sizing: auto;
    font-weight: var(--regular);
    font-style: normal;
    color: var(--azul-light);
    font-variation-settings: "wdth" 100;
}

.footer{
    font-weight: var(--medium);
}
.footer .redes{
  color: var(--azul-light);
}
.footer .menu-pie{
  color: var(--azul-bg-dark);
}

ul.menu {list-style: none;}
ul.menu li{display: inline-block;}
ul.menu li a{
    color: var(--azul-light, rgb(150, 150, 250));
    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{font-size: 2.5em; font-weight: var(--titulo-peso); line-height: 1em;}
h2{font-size: 2em; font-weight: var(--titulo-peso); line-height: 1em;}
h3{font-size:1.5em; font-weight: var(--titulo-peso); line-height: 1em;}

.titulo-black{
  font-weight: var(--black);
  color: var(--azul-dark);
}

.titulo-white{
  font-weight: var(--black);
  color: var(--blanco);
}

.ver-todas{
  color: var(--blanco);
  padding: 1em 3em;
  background-color: var(--azul-bg-dark);
  border: none;
}
img{
  width: auto;
	/*width: 100%;
	height: 250px;
	object-fit: cover;*/
}

.img_deco_triangle {
  width: 70px; height: 70px;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  background: var(--azul-bg-dark);
  transform: rotate(0deg);
  color: var(--blanco);
  font-weight: bold;
 
}
.noticia h2, .noticia h3{
  color: var(--azul-dark);
  font-weight: var(--black);
  padding-top: 1em;
}
.noticia img{
  max-width: 5em;
}


.custom-logo{max-height: 60px;}
/*.navbar a{text-transform: uppercase; color: var(--azul-dark);}
.navbar a .active{color: var(--blanco);}*/
.navbar-nav .nav-item .nav-link{color:var(--azul-dark);text-transform: uppercase;}
.navbar-nav .nav-item .nav-link.active{color:var(--azul-bg-dark);}
.consultas{border: 3px solid var(--azul-bg-dark); color: var(--azul-bg-dark); padding:1em; margin-top: -1em;}

.fade {
	transition:opacity 0.15s linear !important;
}
.collapsing {
	transition:height 0.35s ease !important;
}
.custom-switch .custom-control-label::after {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;
}
.custom-range::-webkit-slider-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-range::-moz-range-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-range::-ms-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-control-label::before,.custom-file-label,.custom-select {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.badge {
	transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.progress-bar {
	transition:width 0.6s ease !important;
}
.progress-bar-animated {
	-webkit-animation:progress-bar-stripes 1s linear infinite !important;
	animation:progress-bar-stripes 1s linear infinite !important;
}
.modal.fade .modal-dialog {
	transition:-webkit-transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out !important;
}
.carousel-item {
	transition:-webkit-transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out !important;
}
.carousel-fade .carousel-item {
    transition-property: opacity !important;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: 0s 0.6s opacity !important;
}

.carousel-control-prev,.carousel-control-next {
	transition:opacity 0.15s ease !important;
}
.carousel-indicators li {
	transition:opacity 0.6s ease !important;
}
.form-control {
	transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.btn {
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}


.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;
}


/* 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;
}
  .noticia_s {
    animation : slide 10s linear infinite;

    font-weight: bold;
  }
  
  @keyframes slide {
    0% {
      transform: translatex(100%)
    }
    
    100% {
      transform: translatex(-70%)
    }
  }
  
  hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .separador{width: 100%; height: 1em;border-top: 1px solid var(--azul-light);}

  .imagen-not img{
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
  .autor-fecha-not{
    margin: 10px 0;
    color:var(--azul-bg-dark);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: var(--black);
    letter-spacing: 1px;
  }

  .titulo-not{
    font-size: 23px;
    font-weight: 700;
    line-height: 33px;
    color: var(--azul-dark);
  }

/* 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;
}