body {  font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
      }

        .contenedor_col {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .columnas {
            width: 48%; /* Dos columnas en paralelo */
            margin-bottom: 20px;
        }

        .small-columnas {
            width: 23%; /* Cuatro columnas debajo */
            margin-bottom: 20px;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        @media screen and (max-width: 768px) {
            .column, .small-column {
                width: 100%;
            }
    }
    
    
    /* Tres columnas para articulos */
    
    .container_articulo {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
    }

    .article {
      width: 100%;
      box-sizing: border-box;
      padding: 20px;
      margin-bottom: 20px;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .article img {
      max-width: 100%;
      height: auto;
      border-radius: 50%;
    }

    @media (min-width: 768px) {
      .article {
        width: calc(33.3333% - 40px);
        margin: 0 20px 20px 20px;
        float: left;
      }

      .article:nth-child(3n) {
        margin-right: 0;
      }
    }
    
     .container_ads {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;

    }