/* BetZap - Oferta da pagina inicial V1 */

.btr-hp-admin {
  margin-top: 16px;
  border: 1px solid #176448 !important;
  background: #0b2119 !important;
}

.btr-hp-admin h3 {margin-bottom:14px}

.btr-hp-admin .btr-hp-fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.btr-hp-admin label {
  display:block;
  margin-bottom:5px;
  color:#acd0bc;
  font-size:11px;
}

.btr-hp-admin input:not([type=checkbox]),
.btr-hp-admin textarea {
  width:100%;
  min-width:0;
  padding:11px;
  border:1px solid #285440;
  border-radius:9px;
  background:#061a13;
  color:#fff;
}

.btr-hp-admin textarea {resize:vertical}
.btr-hp-admin .btr-wide {grid-column:1/-1}
.btr-hp-admin .btr-note {color:#a4c6b5;font-size:11px}
.btr-hp-admin .btr-status {font-size:12px;margin:12px 0}
.btr-hp-admin .btr-preview {
  width:100%;
  max-height:170px;
  object-fit:contain;
  background:#03150e;
  border-radius:9px;
}

@media(max-width:650px){
  .btr-hp-admin .btr-hp-fields {grid-template-columns:1fr}
  .btr-hp-admin .btr-wide {grid-column:auto}
}

#btr-home-popup {
  position:fixed;
  inset:0;
  z-index:99990;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:16px;
  background:rgba(0,0,0,.77);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

#btr-home-popup .btr-hp-dialog {
  position:relative;
  width:min(430px,100%);
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
  border:1px solid #087d5c;
  border-radius:21px;
  background:linear-gradient(160deg,#09271c,#030d09);
  box-shadow:0 25px 75px #000b;
  color:#fff;
  font-family:Montserrat,system-ui,sans-serif;
}

#btr-home-popup .btr-hp-cover {
  width:100%;
  display:block;
  max-height:240px;
  object-fit:cover;
  aspect-ratio:1.8/1;
}

#btr-home-popup .btr-hp-close {
  position:absolute;
  top:11px;
  right:11px;
  z-index:2;
  background:#001d16c9;
  border:1px solid #ffffff66;
  border-radius:50%;
  color:white;
  width:34px;
  height:34px;
  cursor:pointer;
  font-size:20px;
}

#btr-home-popup .btr-hp-content {padding:20px}
#btr-home-popup .btr-hp-tag {
  display:table;
  margin:0 auto 12px;
  padding:5px 12px;
  border:1px solid #087f5b;
  border-radius:30px;
  color:#00d7a1;
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
}

#btr-home-popup h2 {
  margin:0 0 10px;
  font-size:21px;
  line-height:1.15;
  text-align:center;
  font-weight:800;
}

#btr-home-popup .btr-hp-description {
  color:#b7d6c5;
  font-size:12px;
  line-height:1.6;
  text-align:center;
  margin:0 0 16px;
}

#btr-home-popup .btr-hp-tier {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:9px;
  padding:13px;
  background:#0d261c;
  border:1px solid #24513b;
  border-radius:11px;
  font-size:12px;
}

#btr-home-popup .btr-hp-tier strong {
  color:#fff;
  white-space:nowrap;
}

#btr-home-popup .btr-hp-tier span {
  color:#00d7a1;
  text-align:right;
  font-weight:650;
}

#btr-home-popup .btr-hp-join {
  display:block;
  width:100%;
  padding:14px;
  margin-top:16px;
  border:0;
  border-radius:11px;
  background:#00d7a1;
  color:#002319;
  font-weight:800;
  cursor:pointer;
}

#btr-home-popup .btr-hp-disclaimer {
  display:block;
  margin-top:12px;
  text-align:center;
  color:#93b6a4;
  font-size:10px;
  line-height:1.5;
}

@media(prefers-reduced-motion:no-preference){
  #btr-home-popup .btr-hp-dialog {
    animation:btr-hp-enter .25s ease-out;
  }
  @keyframes btr-hp-enter {
    from{opacity:0;transform:translateY(12px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}
