/* Estilos del cuerpo en Modo Claro */
body.light-mode {
  /* background-color: rgb(206, 206, 235); */
  background-color:  rgb(206, 206, 235);
  /* Fondo blanco en modo claro */
  color: black;
  /* Texto negro en modo claro */
}



/* Estilos del cuerpo en Modo Oscuro */
body.dark-mode {
  background-color: rgba(0.2, 0, 1, 4);
  /* Fondo oscuro en modo oscuro */
  color: white;
  /* Texto blanco en modo oscuro */
}


body.dark-mode .border-bottom-ads {
  /* box-shadow: 0 -5px 10px rgb(65, 65, 156)!important;
  box-shadow: 0 -5px 10px rgb(65, 65, 156)!important; */
  /* box-shadow: 0 -5px 10px rgb(38, 38, 110)!important; 
  border-bottom: 2px solid; */
  border-bottom: 2px solid;
  border-image-source: linear-gradient(to right, rgba(255, 228, 196, 1)

  , rgba(255, 228, 196, 1), rgba(255, 228, 196, 1)

  );
  border-image-slice: 1
  /* border-top: 2px solid rgb(66, 28, 237); */
}
 


body.light-mode .border-bottom-ads {
  /* box-shadow: 0 -5px 10px rgb(65, 65, 156)!important;
  box-shadow: 0 -5px 10px rgb(65, 65, 156)!important; */
  box-shadow: 0 -5px 10px rgb(38, 38, 110)!important; 
  border-bottom: 2px solid;
  border-image-source: linear-gradient(to right, rgb(237,28,36),rgb(237,28,36), rgb(237,28,36));
  border-image-slice: 1;
  border-top: 2px solid rgb(66, 28, 237);
}


/* body.light-mode .titulo--logo--principal{
  background-color:    rgb(184, 200, 245);
} */

/* body.light-mode .TickerNews{
  background-color:     rgb(200, 214, 255);
} */

/* background-color:  rgb(159, 183, 255);  color back de titulo claro*/


#modoBtn {
  border: none;

  cursor: pointer;
  color: whitesmoke;
  font-size: 80px;
}

.ri-moon-fill {
  color: rgb(206,206,235);
  align-items: center !important;
  display: flex !important;
  margin: 0;
  margin-right: 3px;


}

.ri-contrast-2-fill{

  color: rgb(35, 35, 245);
  align-items: center !important;
  display: flex !important;
  margin: 0;
  margin-right: 3px;
  font-size: 14px!important;
  background: bisque;

}
.ri-sun-fill {
  color: gold;
  align-items: center !important;
  display: flex !important;
  margin: 0;
  margin-right: 3px;

}


/* .ri-moon-fill {
  margin-top:  ;
}

.ri-sun-fill {
  margin-top: ;
} */


.modo-btn {
  font-size: .67rem;
  display: flex;
  align-items: center;
  margin-right: 3px;

  color: bisque;
  cursor: pointer;
}

.modo-btn i {
  font-size: .67rem;

}


.dark-mode .luz-text {
  display: none;
}

.light-mode .oscuridad-text {
  display: none;
}

.letra-dark {
  font-size: .67rem;
  display: flex;
  align-items: center;
  margin-right: 5px;
  color: bisque;
}

.luz-text {
  color: bisque !important;
}


/* Estilos en modo oscuro */
body.dark-mode .color-title1,
body.dark-mode .logo-acomodar2 {
  color: bisque;
}

body.light-mode .color-title1,
body.light-mode .logo-acomodar2 {
  color: rgb(11,11,112);
}


.icono-modificado {
  width: 21px;
  height: 21px;
  align-items: center !important;
  display: flex !important;
  margin: 0;
  margin-right: 3px;
  font-size: 14px!important;
}

.icono-modificado path:first-child {
  fill: rgb(35, 35, 245);
  
}

.icono-modificado path:last-child {
  fill: bisque;}


  .ri-sun-fill {
    vertical-align: middle; /* Alinea verticalmente */
    transform: translateY(-5%);

}

.icono-modificado {
 
    vertical-align: middle;
 
}


/* 
    body.light-mode .section-styles-main{
      border-top: 2px solid midnightblue;
      border-bottom: 2px solid midnightblue}

      body.light-mode .section-principal{
        color: midnightblue;} */