:root{
      --rojo:#e60000;
      --gris:#f7f7f7;
      --borde:#e5e5e5;
      --texto:#111;
      --suave:#555;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      background:var(--gris);
      color:var(--texto);
      line-height:1.45;
    }
    /* BARRA SUPERIOR SENCILLA */
    .topline{
      height:1px;
      background:var(--rojo);
      width:100%;
    }
    header{
      background:#fff;
      border-bottom:3px solid var(--rojo);
      text-align:center;
      padding:22px 12px;
    }
    header h1{
      display:inline-block;
      margin:0;
      font-size:34px;
      letter-spacing:1px;
      color:var(--rojo);
      border:2px solid var(--rojo);
      padding:6px 18px;
      font-weight:800;
    }

    main{
      max-width:1200px;
      margin:24px auto;
      padding:0 20px;
      display:grid;
      grid-template-columns:2fr 1fr;
      gap:22px;
    }

    /* LISTA DE NOTICIAS */
    .newsdeportes{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
    }
    article{
      background:#fff;
      border:1px solid var(--borde);
      border-radius:8px;
      overflow:hidden;
      box-shadow:0 2px 6px rgba(0,0,0,.06);
      display:flex;
      flex-direction:column;
    }
    article img{
      width:100%;
      height:230px;
      object-fit:cover;
      display:block;
    }
    .content{
      padding:12px 14px 16px;
    }
    .categoria{
      display:inline-block;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.5px;
      color:#fff;
      background:var(--rojo);
      padding:4px 8px;
      border-radius:4px;
      margin-bottom:8px;
    }
    h2{
      margin:6px 0 10px;
      font-size:20px;
      line-height:1.25;
    }
    .meta{
      margin:0;
      color:var(--suave);
      font-size:14px;
    }

    /* SIDEBAR */
    aside{
      display:flex;
      flex-direction:column;
      gap:20px;
    }
    .ad{
      background:#fff;
      border:1px solid var(--borde);
      border-radius:8px;
      overflow:hidden;
      box-shadow:0 2px 6px rgba(0,0,0,.06);
      padding:8px;
    }
    .ad img{
      width:100%;
      border-radius:6px;
      display:block;
    }

    /* RESPONSIVE */
    @media (max-width:980px){
      main{grid-template-columns:1fr}
      .news{grid-template-columns:1fr}
    }