/* overlay base - por defecto oculto de forma suave (no display:none inicialmente) */
#alt-blocks {
  position: fixed;
  inset: 0;
  display: flex;               /* flex para centrar */
  align-items: center;
  justify-content: center;
  z-index: 12000;
  background: rgba(0,0,0,0.0); /* transparente por defecto para evitar layout shift */
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, background .18s ease, visibility .18s ease;
}

/* overlay visible */
#alt-blocks.prono-alt-visible {
  background: rgba(0,0,0,0.55);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* modal inner (aplica a los bloques que ya tienes: .alt-block) */
#alt-blocks .alt-block {
  width: 680px;
  max-width: calc(100% - 320px);
  max-height: 90vh;
  overflow: auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0,0,0,.35);
  padding: 18px;
  transform: translateY(6px);
  transition: transform .18s ease, opacity .18s ease;
  opacity: 0;
  outline: none;
  /* por defecto escondemos su contenido interno; se mostrará via JS */
  display: none;
}

/* cuando overlay visible, hacemos visible el modal activo (se hace via JS también) */
#alt-blocks.prono-alt-visible .alt-block.prono-modal-active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* close */
#alt-blocks .prono-close {
  position: absolute;
  right: 12px;
  top: 10px;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 20px;
}

.alt-block .casa-apuestas__leyenda.float-end.mt-4.pie {
    margin: 0px;
    bottom: 0px;
}
.alt-block .titulo.h2 {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
}
.alt-block p{
  font-size: 15px;
  line-height: 1.6rem;
  color: #666;
  text-align: center;
}

/* bloquear scroll del body cuando modal abierto */
.prono-no-scroll { overflow: hidden !important; }

/* pequeñas mejoras responsive */
@media (max-width: 680px){
  #alt-blocks .alt-block {max-width: 100%;width: 96%;padding: 12px;border-radius: 8px;margin-left: 2%;}
  #alt-blocks .alt-block .col-md-7 {flex: 0 0 auto;width: 58.33333333%;}
  #alt-blocks .alt-block .col-md-5 {flex: 0 0 auto;width: 41.66666667%;}
}