#page-local-autoregistro-index #page{
    overflow: visible !important;
    .nav-pasos{
        padding-top: 0;
        .step{
            margin-bottom: 15px;
        }
    }
    .container.container-steps{
        .pasos.paso3#paso_3{
            .filters{
                padding: 8px;
            }

            .title_step_main {
              font-size: 27px !important;
            }
              
            .text_step_information {
              font-size: 16px;
            }
        }
        .buttons-bottoms.buttons_paso3{
            position: sticky;
            bottom: 0;
            background-color: white;
            z-index: 1;
        }
    }
}


div.container-edition {
    position: relative;
}

@media (max-width: 768px) {
    #page-local-autoregistro-index{
        #page-wrapper{
            overflow: visible !important;
        }
        #region-main{
            overflow-y: visible;
        }
    }
}
@media (max-width: 450px) {
    #topofscroll{
        overflow: visible !important;
    }
    #page.drawers .main-inner {
        padding: 1.5rem !important;
    }
    #region-main {
        overflow-x: unset !important;
    }
    .buttons-bottoms.buttons_paso3{
        transform: translateY(3px);
        .buttons-bottom-align{
            padding-left: 0;
            padding-right: 0;
            display: flex;
        }
    }
    .pasos.paso5#paso_5{
        #data_edition{
            .contenido-curso-autoregistro{
                padding-left: 20px;
                .datoscentro, .datoscentro.extra{
                    display: flex;
                    flex-direction: column;
                    .itemdato .td-info{
                        text-wrap-style: pretty;
                    }
                } 
            }
        }
    }
    .buttons-bottoms.buttons_paso5{
        button{
            padding: 5px;
        }
        .buttons-bottom-align .pull-right{
            display: flex;
        }
    }
}
@media (max-width: 400px) {
    .buttons-bottoms.buttons_paso3{
        height: 100%;
        transform: translateY(2px);
        .buttons-bottom-align .pull-right{
            display: flex;
        }
    }
}

div.mapa iframe {
    width: 100% !important;
    height: 300px !important;
}

#filternivel {
    text-transform: uppercase;
}

.card-edition.proximamente {
  cursor: default !important;
  .temporalización{
    opacity: .5;
  }
  .comming-soon-badge{
    color: white;
    font-size: 12px;
    font-weight: bold;
    background: var(--color-primary);
    border-radius: 8px;
    padding: 2px 10px;
  }
}

#modal-mapa .proximamente{
    .btn-matricula-mapa{
        cursor: not-allowed;
    }
}