:root{--black:#070707;--panel:#101010;--line:#2a2a2a;--gold:#f2c14e;--red:#f02f3f;--white:#f8f5ed;--muted:#aaa}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}header{height:86px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#070707ee;position:relative;z-index:20}.menu-toggle{width:44px;height:44px;border:1px solid #3a3a3a;background:none;display:grid;place-content:center;gap:5px;margin-right:24px}.menu-toggle span{width:18px;height:1px;background:#fff}.brand{display:flex;align-items:center;gap:11px;background:none;border:0;color:#fff;text-align:left;font-size:11px;letter-spacing:1.4px}.brand img{width:50px;height:50px;object-fit:contain}.brand b{color:var(--gold);font-size:13px}.updated{margin-left:auto;color:#888;font-size:9px;letter-spacing:1.4px}.updated i{display:inline-block;width:7px;height:7px;background:#35d392;border-radius:50%;box-shadow:0 0 12px #35d392;margin-right:8px}
.overlay{position:fixed;inset:0;background:#000b;z-index:40;opacity:0;pointer-events:none;transition:.25s}.overlay.show{opacity:1;pointer-events:auto}aside{position:fixed;z-index:50;left:-410px;top:0;bottom:0;width:min(390px,90vw);background:#0b0b0b;border-right:1px solid #333;padding:28px;transition:.3s;overflow:auto}aside.open{left:0}.menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #292929}.menu-head>button{border:0;background:none;color:#fff;font-size:34px}aside>small{display:block;color:#777;letter-spacing:2px;margin:34px 10px 16px}nav{display:grid}nav button{border:0;background:none;color:#bbb;padding:17px 12px;display:grid;grid-template-columns:28px 1fr auto;text-align:left;font-size:16px}nav button:hover{background:#1b1b1b;color:#fff}nav button::first-letter{color:var(--gold)}
.view{display:none}.view.active{display:block;animation:fade .25s}.hero{min-height:650px;padding:70px 6vw;display:flex;align-items:center;background-image:linear-gradient(90deg,#040404fa 0,#040404db 35%,#04040440 66%,transparent),linear-gradient(180deg,transparent 55%,#070707 100%),url("assets/hero/stadium.png");background-size:cover;background-position:center}.hero-copy{max-width:680px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:bold}.eyebrow i{display:inline-block;width:34px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(50px,7vw,96px);line-height:.88;letter-spacing:-4px;margin:25px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--gold)}.hero p{color:#bbb;max-width:580px;line-height:1.75}.actions{display:flex;gap:22px;margin-top:30px}.actions button,.big-link{border:0;background:var(--red);color:#fff;padding:17px 22px;font-size:10px;font-weight:bold;letter-spacing:1.5px;text-decoration:none;display:inline-block}.actions .secondary{background:none;border-bottom:1px solid #555}
.quick-grid,.cards{max-width:1280px;margin:60px auto;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-grid article,.cards article{min-height:290px;padding:32px;border:1px solid #333;background:linear-gradient(135deg,#351117,#101010);position:relative;display:flex;flex-direction:column;justify-content:end}.quick-grid article:nth-child(2){background:linear-gradient(135deg,#41340f,#101010)}.quick-grid article:nth-child(3){background:linear-gradient(135deg,#153429,#101010)}.quick-grid article>span{position:absolute;right:25px;top:18px;color:#ffffff13;font-size:60px;font-weight:900}.quick-grid small,.cards b,.page-title small,.whatsapp-card small{color:var(--gold);font-size:9px;letter-spacing:2px}.quick-grid h2{font-size:29px;line-height:1;margin:12px 0}.quick-grid p,.cards p{color:#aaa;line-height:1.65;font-size:13px}.quick-grid button{border:0;background:none;color:var(--gold);padding:10px 0;text-align:left;font-size:9px;font-weight:bold;letter-spacing:1.4px}
.inner{min-height:calc(100vh - 86px);padding-bottom:80px}.page-title{max-width:1280px;margin:auto;padding:85px 28px 45px;border-bottom:1px solid var(--line)}.page-title h1{font-size:clamp(50px,8vw,100px);letter-spacing:-4px;margin:16px 0}.page-title p{color:#999;line-height:1.7;max-width:700px}.cards article{justify-content:flex-start;background:#101010}.cards b{color:var(--red)}.cards h2{margin:38px 0 10px}.cards span{margin-top:auto;padding-top:18px;border-top:1px solid #333;color:var(--gold);font-size:8px;letter-spacing:1.2px}.big-link{margin:55px max(28px,calc((100% - 1224px)/2));background:var(--red)}.empty{max-width:1224px;margin:55px auto;padding:70px 25px;text-align:center;border:1px solid #2b2b2b;background:#0d0d0d;color:var(--gold);font-size:48px}.empty h2{color:#fff;font-size:26px}.empty p{color:#888;font-size:14px}.whatsapp-card{max-width:1224px;margin:55px auto;padding:38px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;border:1px solid #285f47;background:linear-gradient(135deg,#123c2b,#0b1712)}.whatsapp-card img{width:96px;height:96px;padding:8px;border:2px solid var(--gold);border-radius:50%;object-fit:contain;background:#080808}.whatsapp-card h2{font-size:27px;margin:8px 0}.whatsapp-card p{color:#aab3ae;line-height:1.6;font-size:13px}.whatsapp-card a{background:#2bc975;color:#07130d;padding:16px 22px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1.2px;white-space:nowrap}footer{border-top:1px solid #292929;padding:45px 6vw;display:flex;justify-content:space-between;align-items:center;color:#777;font-size:12px}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-width:850px){header{padding:0 18px}.updated{font-size:0}.hero{min-height:650px;padding:205px 24px 42px;align-items:end;background-image:linear-gradient(180deg,#03030308 0,#03030342 23%,#030303e6 43%,#070707 100%),url("assets/hero/stadium.png");background-position:66% top}.hero h1{font-size:clamp(43px,13vw,62px);letter-spacing:-2px}.hero p{font-size:14px}.actions{flex-direction:column;align-items:flex-start}.quick-grid,.cards{grid-template-columns:1fr;margin:40px auto}.page-title{padding-top:65px}.page-title h1{letter-spacing:-2px}.whatsapp-card{margin:40px 24px;grid-template-columns:1fr;text-align:center}.whatsapp-card img{width:88px;height:88px;margin:auto}.whatsapp-card a{justify-self:stretch}.empty{margin:40px 24px}footer{flex-direction:column;gap:20px;text-align:center}}

/* Pronósticos */
.predictions-page{background:radial-gradient(circle at 78% 4%,#2a1115 0,transparent 34%),#080808}
.predictions-title small{color:#ff3b48}.predictions-title p{max-width:680px;color:#c3c3c3}
.prediction-grid{max-width:1224px;margin:55px auto 22px;padding:0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.prediction-card{position:relative;min-height:475px;padding:24px 18px 22px;text-align:center;border:1px solid #8d7000;border-radius:14px;background:linear-gradient(155deg,#1c1600 0,#0c0b08 43%,#080808 100%);box-shadow:inset 0 0 45px #0009;overflow:hidden}
.prediction-card .corner{position:absolute;width:12px;height:12px;border-color:#ef263c}.prediction-card .corner-top{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.prediction-card .corner-bottom{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.prediction-card h2{margin:0 0 16px;color:#ffd400;font-size:30px;font-weight:500}.prediction-card h3{margin:0 0 13px;font-size:16px}.prediction-card>p{min-height:44px;margin:0 auto 14px;color:#c1c1c1;font-size:10px;line-height:1.45;max-width:270px}
.confidence{padding:13px 0;border-top:1px solid #4a3d10}.confidence small,.copy-pick small,.countdown-label{display:block;color:#ddd;font-size:8px;font-weight:800}.confidence strong{display:block;margin-top:3px;color:#ff2845;font-size:25px}
.copy-pick{width:100%;min-height:70px;padding:10px;border:1px solid #f1d000;border-radius:10px;background:#0d0d0b;color:#fff}.copy-pick b{display:block;margin:8px 0 4px;font-size:14px}.copy-pick em{display:block;color:#ffe100;font-size:6px;font-style:normal}.copy-pick:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 18px #f0d00035}.copy-pick:disabled{cursor:not-allowed;border-color:#5e5427;color:#777}
.countdown-block{margin-top:13px;padding-top:14px;border-top:1px solid #4a3d10}.countdown{display:flex;align-items:flex-start;justify-content:center;gap:11px;margin-top:5px}.countdown div{min-width:55px}.countdown strong{display:block;color:#ff2647;font-size:29px;line-height:1}.countdown small{display:block;margin-top:4px;color:#bdbdbd;font-size:5px;font-weight:800}.countdown i{color:#ffe100;font-style:normal;font-size:20px}
.prediction-card.is-closed{filter:saturate(.55);border-color:#4a4322}.prediction-card.is-closed h2{color:#80733d}.prediction-card.is-closed .confidence strong{color:#79313b}
.prediction-note{max-width:1168px;margin:0 auto;padding:15px 16px;border:1px solid #383838;display:flex;gap:28px;align-items:center}.prediction-note strong{color:#ffd500;font-size:8px;letter-spacing:.5px;white-space:nowrap}.prediction-note p{margin:0;color:#aaa;font-size:9px;line-height:1.5}
.copy-toast{position:fixed;left:50%;bottom:28px;z-index:100;transform:translate(-50%,20px);padding:12px 18px;border:1px solid #725e00;background:#111;color:#ffd700;font-size:11px;font-weight:bold;opacity:0;pointer-events:none;transition:.2s}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.prediction-grid{grid-template-columns:1fr;max-width:500px}.prediction-card{min-height:440px}.prediction-note{margin:0 28px;align-items:flex-start;flex-direction:column;gap:8px}}


/* Correcciones finales */
body.splash-visible {
  overflow: hidden;
}

.site-splash {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background: #070707;
  opacity: 1;
  visibility: visible;
  transition: opacity .35s ease, visibility .35s ease;
}

.site-splash.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.site-splash__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 28px;
  text-align: center;
}

.site-splash__content img {
  width: clamp(92px, 10vw, 132px);
  height: clamp(92px, 10vw, 132px);
  object-fit: contain;
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, .55));
}

.site-splash__content strong {
  color: var(--white);
  font-size: clamp(16px, 2vw, 21px);
  line-height: 1.25;
}

/* Evita que se vea una franja de la imagen en el extremo izquierdo. */
.hero {
  overflow: hidden;
  background-color: #040404;
  background-image:
    linear-gradient(
      90deg,
      #040404 0%,
      #040404 10%,
      rgba(4,4,4,.97) 22%,
      rgba(4,4,4,.86) 38%,
      rgba(4,4,4,.30) 67%,
      rgba(4,4,4,0) 100%
    ),
    linear-gradient(180deg, transparent 55%, #070707 100%),
    url("assets/hero/stadium.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.copy-pick small {
  color: var(--gold);
  letter-spacing: .7px;
}

.copy-pick b {
  overflow-wrap: anywhere;
}

@media(max-width:850px) {
  .hero {
    background-image:
      linear-gradient(
        180deg,
        rgba(3,3,3,.08) 0%,
        rgba(3,3,3,.34) 23%,
        rgba(3,3,3,.92) 43%,
        #070707 100%
      ),
      url("assets/hero/stadium.png");
    background-position: 66% top;
  }

  .site-splash__content {
    gap: 18px;
  }
}


/* Sincronización final con el panel administrativo */
.hero.hero--dynamic {
  background-image:
    linear-gradient(
      90deg,
      #040404 0%,
      #040404 10%,
      rgba(4,4,4,.97) 22%,
      rgba(4,4,4,.86) 38%,
      rgba(4,4,4,.30) 67%,
      rgba(4,4,4,0) 100%
    ),
    linear-gradient(180deg, transparent 55%, #070707 100%),
    var(--dynamic-hero) !important;
}

.sync-empty {
  width: 100%;
  padding: 70px 24px;
  border: 1px solid rgba(201,157,54,.18);
  border-radius: 24px;
  color: #aaa;
  background: rgba(255,255,255,.02);
  text-align: center;
}

.sync-empty strong {
  display: block;
  color: #fff;
  font-size: 1.3rem;
}

.sync-empty p {
  margin: 10px auto 0;
  max-width: 600px;
}

.sync-card-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
}

.sync-card {
  overflow: hidden;
  border: 1px solid rgba(201,157,54,.22);
  border-radius: 22px;
  background: linear-gradient(145deg,rgba(201,157,54,.06),rgba(255,255,255,.015));
}

.sync-card > img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  background: #080808;
}

.sync-card__body {
  padding: 24px;
}

.sync-card__body small {
  color: var(--gold);
  font-weight: 900;
  letter-spacing: 1px;
}

.sync-card__body h2 {
  margin: 10px 0;
  color: #fff;
  font-size: 1.45rem;
}

.sync-card__body p {
  min-height: 44px;
  color: #b8b8b8;
  line-height: 1.55;
}

.sync-card__body strong {
  display: block;
  margin-top: 16px;
  color: var(--gold);
}

.sync-card button,
.sync-card a,
.sync-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: 18px;
  padding: 0 18px;
  border: 1px solid var(--gold);
  border-radius: 12px;
  color: #080808;
  background: var(--gold);
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.sync-form {
  max-width: 780px;
  display: grid;
  gap: 17px;
  margin: 0 auto;
  padding: 28px;
  border: 1px solid rgba(201,157,54,.22);
  border-radius: 24px;
  background: rgba(255,255,255,.025);
}

.sync-form label {
  display: grid;
  gap: 8px;
  color: #fff;
  font-weight: 800;
}

.sync-form input,
.sync-form textarea,
.sync-form select {
  width: 100%;
  min-height: 52px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 12px;
  color: #fff;
  background: #0c0c0c;
  font: inherit;
}

.sync-form textarea {
  min-height: 120px;
  resize: vertical;
}

.sync-form__message {
  min-height: 22px;
  color: var(--gold);
}

.maintenance-final {
  min-height: 100vh;
  display: grid;
  place-content: center;
  justify-items: center;
  padding: 30px;
  color: #fff;
  background: #070707;
  text-align: center;
}

.maintenance-final img {
  width: 120px;
  height: 120px;
  object-fit: contain;
}

@media(max-width:1000px) {
  .sync-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px) {
  .sync-card-grid {
    grid-template-columns: 1fr;
  }

  .hero.hero--dynamic {
    background-image:
      linear-gradient(
        180deg,
        rgba(3,3,3,.08) 0%,
        rgba(3,3,3,.34) 23%,
        rgba(3,3,3,.92) 43%,
        #070707 100%
      ),
      var(--dynamic-hero) !important;
  }
}


.public-sync-error {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 12000;
  max-width: min(430px, calc(100vw - 36px));
  padding: 16px 18px;
  border: 1px solid rgba(210,34,49,.45);
  border-radius: 14px;
  color: #fff;
  background: rgba(35,8,12,.96);
  box-shadow: 0 18px 50px rgba(0,0,0,.42);
}

.public-sync-error strong,
.public-sync-error span {
  display: block;
}

.public-sync-error span {
  margin-top: 6px;
  color: #efc7ca;
  font-size: .82rem;
  line-height: 1.45;
}


/* Corrección v5: mostrar todos los pronósticos activos */
.prediction-grid {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  align-items: stretch;
}

.prediction-card {
  width: 100%;
}

@media (min-width: 1500px) {
  .prediction-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .prediction-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   V7 ESTABLE — AJUSTES RESPONSIVE SIN ALTERAR SINCRONIZACIÓN
   ========================================================= */

#premios .page-title,
#inscripcion .page-title,
#cuentas-gratis .page-title,
#red-agencias .page-title {
  max-width: 1180px;
  padding: 48px 24px 26px;
}

#premios .page-title h1,
#inscripcion .page-title h1,
#cuentas-gratis .page-title h1,
#red-agencias .page-title h1 {
  margin: 10px 0 8px;
  font-size: clamp(42px, 5vw, 70px);
  line-height: .98;
  letter-spacing: -2.5px;
}

#premios .sync-card-grid,
#cuentas-gratis .sync-card-grid,
#red-agencias .sync-card-grid {
  width: min(1180px, calc(100% - 48px));
  margin: 30px auto 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

#premios .sync-card,
#cuentas-gratis .sync-card,
#red-agencias .sync-card {
  min-height: 0;
  border-radius: 18px;
}

#premios .sync-card > img {
  height: 185px;
  padding: 10px;
  object-fit: contain;
  object-position: center;
  background: #080808;
}

#cuentas-gratis .sync-card > img,
#red-agencias .sync-card > img {
  height: 185px;
  object-fit: cover;
  object-position: center;
}

#premios .sync-card__body,
#cuentas-gratis .sync-card__body,
#red-agencias .sync-card__body {
  padding: 19px;
}

#premios .sync-card__body h2,
#cuentas-gratis .sync-card__body h2,
#red-agencias .sync-card__body h2 {
  font-size: 1.22rem;
}

#premios .sync-card__body p,
#cuentas-gratis .sync-card__body p,
#red-agencias .sync-card__body p {
  min-height: 0;
  font-size: .86rem;
}

#premios .sync-card button,
#cuentas-gratis .sync-card button,
#red-agencias .sync-card a {
  min-height: 42px;
  margin-top: 15px;
  padding: 0 16px;
  font-size: .77rem;
}

#inscripcion .sync-form {
  width: min(720px, calc(100% - 48px));
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  margin: 28px auto 0;
  padding: 23px;
  border-radius: 18px;
}

#inscripcion .sync-form label {
  font-size: .88rem;
}

#inscripcion .sync-form input,
#inscripcion .sync-form select,
#inscripcion .sync-form textarea {
  min-height: 46px;
  padding: 11px 13px;
  font-size: .9rem;
}

#inscripcion .sync-form textarea,
#inscripcion .sync-form select,
#inscripcion .sync-form button,
#inscripcion .sync-form__message {
  grid-column: 1 / -1;
}

#inscripcion .sync-form button {
  min-height: 46px;
  width: 100%;
  margin-top: 4px;
}

/* 365Scores ocupa toda la pantalla disponible debajo del encabezado */
.scores-view {
  height: calc(100vh - 86px);
  min-height: 520px;
  padding: 0;
  overflow: hidden;
  background: #050505;
}

.scores-frame-shell {
  position: relative;
  width: 100%;
  height: 100%;
}

.scores-frame-shell iframe {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.scores-frame-fallback {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-content: center;
  justify-items: center;
  padding: 28px;
  color: #fff;
  background: #070707;
  text-align: center;
}

.scores-frame-fallback p {
  margin: 8px 0 18px;
  color: #aaa;
}

.scores-frame-fallback a {
  padding: 14px 18px;
  color: #080808;
  background: var(--gold);
  font-size: .8rem;
  font-weight: 900;
  text-decoration: none;
}

@media (max-width: 1050px) {
  #premios .sync-card-grid,
  #cuentas-gratis .sync-card-grid,
  #red-agencias .sync-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  #premios .page-title,
  #inscripcion .page-title,
  #cuentas-gratis .page-title,
  #red-agencias .page-title {
    padding: 40px 18px 22px;
  }

  #premios .page-title h1,
  #inscripcion .page-title h1,
  #cuentas-gratis .page-title h1,
  #red-agencias .page-title h1 {
    font-size: clamp(38px, 13vw, 56px);
  }

  #premios .sync-card-grid,
  #cuentas-gratis .sync-card-grid,
  #red-agencias .sync-card-grid {
    width: min(100% - 30px, 520px);
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #premios .sync-card > img,
  #cuentas-gratis .sync-card > img,
  #red-agencias .sync-card > img {
    height: 190px;
  }

  #inscripcion .sync-form {
    width: min(100% - 30px, 520px);
    grid-template-columns: 1fr;
    gap: 13px;
    padding: 18px;
  }

  #inscripcion .sync-form textarea,
  #inscripcion .sync-form select,
  #inscripcion .sync-form button,
  #inscripcion .sync-form__message {
    grid-column: 1;
  }

  .scores-view {
    height: calc(100dvh - 86px);
    min-height: 460px;
  }
}


/* Ganadores sincronizados desde el panel */
.winner-public-grid {
  width:min(1180px,calc(100% - 48px));
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:30px auto 0;
}

.winner-public-card {
  overflow:hidden;
  border:1px solid rgba(201,157,54,.22);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(201,157,54,.06),rgba(255,255,255,.015));
}

.winner-public-card__image {
  height:210px;
  display:grid;
  place-items:center;
  color:#111;
  background:linear-gradient(145deg,#f1d27e,#c99d36);
  font-size:3rem;
}

.winner-public-card__image img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.winner-public-card__body {
  padding:20px;
}

.winner-public-card__body small {
  color:var(--gold);
  font-weight:900;
  letter-spacing:1px;
}

.winner-public-card__body h2 {
  margin:8px 0 5px;
  color:#fff;
  font-size:1.3rem;
}

.winner-public-card__body b {
  display:block;
  color:#999;
  font-size:.78rem;
}

.winner-public-card__body strong {
  display:block;
  margin-top:15px;
  color:var(--gold);
}

.winner-public-card__body p {
  margin:9px 0 0;
  color:#b8b8b8;
  line-height:1.55;
  font-size:.87rem;
}

@media(max-width:1000px){
  .winner-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
  .winner-public-grid{
    width:min(100% - 30px,520px);
    grid-template-columns:1fr;
    gap:14px;
  }
}