#sticky {
    display:flex;
    flex-direction:column;
    background-color: var(--color3);
    gap:20px;
    margin-bottom:20px;
  }
  
  #sticky hr {
    display:flex;
    border:none;
    height:1px;
    width:95%;
    background-color:#888;
    margin:0 auto;
  }
  
  #featured1 {
    color:#fff;
    padding:30px;
    padding-top:10px;
    padding-bottom:5px;
  }
  
  #featured1 div {
    display:flex;
    align-items:start;
    justify-content: space-between;
  }
  
  #featured1 div.texto {
    display:flex;
    flex-direction:column;
    align-items:start;
    justify-content: center;
    border-bottom:0;
  
  }
  
  #featured1 div h2.titulo {
    font-size:28pt;
    font-weight:bold;
    letter-spacing: -1.1px;
  }
  
  #featured1 div p.copete {
    font-size:13pt;
    margin-top:0.7rem;
    line-height:1.3em;
    letter-spacing: -0.5px;
  }
  
  #featured1 img.featured1_image {
    height:400px;
    border-radius:20px;
  }

  #featured1 img.featured1_image_mobile {
    display:none;
    width:100%;
    margin:10px 0;
    height:200px;
    object-fit: cover;
    object-position: top center;
  }
  
  #featured1 img.featured1_image {
    height:300px;
    width:500px;
    border-radius:10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border:0;
    border:4px solid rgba(255,255,255,0.05);
    background-size: cover;
    background-position: top center;
    margin-left:1rem;
  }
  
  #featured1 div a.boton {
    color:#fff;
    background-color:var(--color4);
    text-decoration: none;
    font-size:12pt;
    font-weight:bold;
    padding:10px 25px;
    border-radius:5px;
    margin-block:1rem;
  }

  #featured1 h4.fecha {
    margin-top:1rem;      
    font-size:10pt;
    color:#aaa;
    font-weight:normal;
  }
  
  #featured2 {
    width:100%;
    padding:0 15px;
    padding-bottom:20px;
    display:flex;
    justify-content: space-between;
    gap:10px;
    margin-bottom:10px;
  }
  
  #featured2 div.featured2_container {
    display: flex;
    width:32%;
    padding:10px;
    flex-direction:column;
    color:#fff;
  }
  
  #featured2 img {
    border-radius:3px;
    width:100%;
    height:320px;
    margin-top:10px;
    object-fit: cover;
    object-position: top center;
  }
  
  #featured2 div.texto {
    margin-top:20px;
    margin-bottom:20px;
    width:100%;
  }
  
  #featured2 h3.categoria {
    margin-top:10px;
    font-size:10pt;
    color:#aaa;
    font-weight:normal;
    display:inline-block;
  }
  
  #featured2 h4.fecha {
    font-size:10pt;
    color:#aaa;
    font-weight:normal;
    display:inline-block;
    margin-bottom:1rem;
  }
  
  main {
    width:100%;
    min-height:500px;
    display:flex;
    flex-direction:row;
    gap:10px;
  }
  
  main #posts {
    width:100%;
    min-height:500px;
  }
  
  main #sidebar {
    width:30%;
    min-height:500px;
  }
  
  #posts div {
    width:100%;
  }
  
  #posts pre {
    white-space:break-spaces;
  }
  
  .tituloEntrePosts {
    padding:20px;
    font-size:18pt;
    font-weight:bold;
    text-transform:uppercase;
    background-color:#eee;
  }
  
  .post {
    padding:20px;
    border-bottom:1px solid var(--colorLineaSeparadora);
    cursor:pointer;
  }

  .post:hover {
    background-color:var(--color8);
  }
  
  .post:last-child {
    border:0;
  }
  
  .post img {
    width:100%;
    border-radius:5px;
    object-fit: contain;
  }
  
  .post p {
    margin-top:15px;
  }
  
  .post h2 {
    font-size:22pt;
    letter-spacing:-1px;
  }
  
  .post h1, .post p {
    line-height:1.5rem;
    letter-spacing: -0.3px;
  }
  
  #body {
    display:none;
  }
  
   @media screen and (max-width: 767px) {
    #featured1 img.featured1_image_mobile {
      display:block;
    }

    #featured2 {
      flex-direction:column;
    }

    #featured2 div.featured2_container {
      width:100%;
    }

    main #posts {
      width:100%;
    }

  }