.row 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.figure-r {
    object-fit:cover;
    aspect-ratio:1 / 1;
}
.d-none
{
    display: none !important;
}
.color_fondo_articulo
{
  background:#0c1117 !important;
}
.text-red
{
  color:rgb(209, 13, 13);
}
.cursor
{
  cursor:pointer;
}
.rounded-circle
{
    border-radius:100%;
    -o-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.col
{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto 
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.w-10
{
    width:10% !important;
    transition: width, 1s;
}
.d-flex
{
    display: flex;
}
.img-fluid
{
    max-width: 100%;
    height: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  
  .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  
  .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  
  .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  
  .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  
  .col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
.col-4
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-6 
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
/* Clases para dimensiones de pantalla de televisión */
@media (min-width: 1600px) {
  .col-xxl-1 {
    flex-basis: 8.33%;
    max-width: 8.33%;
  }
  .col-xxl-2 {
    flex-basis: 16.67%;
    max-width: 16.67%;
  }
  .col-xxl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .col-xxl-5 {
    flex-basis: 41.67%;
    max-width: 41.67%;
  }
  .col-xxl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
  }
  .col-xxl-8 {
    flex-basis: 66.67%;
    max-width: 66.67%;
  }
  .col-xxl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }
  .col-xxl-11 {
    flex-basis: 91.67%;
    max-width: 91.67%;
  }
  .col-xxl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}