section#article {
  padding-top: 220px;
  padding-bottom: 50px;
  position: relative;
}

section#article .container {}

section#article .title {
  font-weight: 600;
  /* padding-bottom: 10px; */
  text-align: left;
  font-size: 2rem;
  text-transform: none;
  margin-bottom: 11px;
color: var(--c-secondary);}

section#article .aside .title {font-size: 1.3rem;padding-bottom: 16px;padding-left: 11px;}

section#article .subtitle {
  text-align: left;
  font-weight: 400;
  opacity: 0.6;
  font-size: 0.8rem;
}

section#article .redes {
  margin: 0;
  padding-left: 0;
  padding-bottom: 30px;
}


section#article .redes li {
  display: inline-block;
  padding-right: 10px;
}

section#article .redes li a {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--c-primary);
}

section#article .redes li a:hover {
  background-color: #444;
}

section#article .redes li a img {
  height: 17px;
  filter: brightness(0) invert(1);
}

.subtitle {}

section#article .title:before {
  content: "";
}

section#article .text {
  /* max-width: 618px; */
  /* margin: 0 auto; */
  text-align: left;
  padding-bottom: 40px;
  line-height: 1.9;
}

section#article .image {
  text-align: l;
  padding-bottom: 30px;
}

section#article .image img {}

section#article .image {
  padding-bottom: 30px;
}

section#article .image img {
  max-width: 100%;
  border-radius: 10px;
width: auto;}

section#article .items-article {
  text-align: left;
  display: grid;
}

section#article .items-article .item {

  padding-top: 0;
  margin-bottom: 20px;
}

section#article .items-article .bg {


  -webkit-box-shadow: 5px -5px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 5px -3px 15px 0 rgb(0 0 0 / 15%);

  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

section#article .items-article .imagen_flex {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

section#article .items-article .imagen_flex:hover {
  filter: brightness(0.7);
}

section#article .container .items-article .flex {
  flex-wrap: wrap;
  position: relative;
  justify-content: end;
}

section#article .container .items-article .flex>div:first-child {
  width: 37%;
  height: 100%;
  padding: 0;
  font-size: 0;
  position: absolute;
  left: 0;
}

section#article .container .items-article .flex>div:last-child {
  width: 63%;
  padding: 23px;
margin-left: auto;display: block;}

section#article .container .flex.t-col-2> :first-child {
  padding-right: 50px;
}

section#article .container .flex> :last-child {}

section#article .items-article .imagen_flex img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  /* position: absolute; */
  /* left: 0; */
  /* top: 0; */
  /* margin: -20px; */
}

section#article .items-article .titulo_flex {
  padding-bottom: 8px;
  font-size: 0.7rem;
  font-weight: 700;
}

section#article .items-article .titulo_flex a {
  color: #000;
  text-decoration: none;
     display: -webkit-box; 
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
    
}

section#article .items-article .texto_flex {
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #888;
  line-height: 1.3;
  margin-bottom: 5px;
}

section#article .items-article .leer-mas {
  color: var(--c-primary);
  font-size: 0.7rem;
}

section#article .items-article .leer-mas:before {
  content: "";
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  transform: translateY(-2px) rotate(-45deg);
  -webkit-transform: translateY(-2px) rotate(-45deg);
  margin-right: 5px;
}

section#article .items-article .leer-mas:hover {
  color: #000;
}

section#article .text-left {
  font-size: 15px;
}

section#article .text-left img {
  height: 40px;
  padding-right: 10px;
  vertical-align: middle;
}

section#article .text-left a {
  text-decoration: none;
  color: #000;
}

section#article .text-left img {}

@media screen and (max-width: 900px) {
  section#article {padding-top: 150px;}

  section#article .container {}

  section#article .title {
    /* text-align: center; */
    font-size: 28px;
  }

  section#article .container .flex.t-col-2> :first-child{
    
  padding-right: 10px;}

  section#article .text {}

  section#article .image {}

  section#article .image img {}

  section#article .image {}

  section#article .image img {}

  section#article .items-article {}

  section#article .items-article .item {}

  section#article .items-article .bg {}

  section#article .items-article .imagen_flex {}

  section#article .items-article .imagen_flex img {}

  section#article .items-article .titulo_flex {}

  section#article .items-article .texto_flex {}
}


a.back {
  font-size: 0.6rem;
  color: var(--c-secondary);
  margin-bottom: 20px;
  display: block;
}

a.back:before {
  content: "";
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  transform: translateY(-2px) rotate(135deg);
  -webkit-transform: translateY(-2px) rotate(135deg);
  margin-right: 5px;
}

a.back:hover{
  opacity: 0.6;
}