.main_container {
                width: 100%;
                max-width: 100%!important;
                min-width: 100%;
                margin: 0 auto;
                display: table;
                position: relative;
                padding: 0px;
            }

                .capaSocioSi, .capaSocioIdentificado{display: none;}
                .capaSocioNo{display: block;}

                .faltarequerido{border: solid 1px red !important;}
                .alert-success{
                    font-size:25px!important;
                    line-height:30px;
                }
                #regala_amistad input:focus{
                  border: 2px solid #ED436C!important;
                  border-bottom: 2px solid #ED436C!important;
                }

                @media (max-width: 555px){
                    #regala_amistad_checkbox.checkbox label:after {
                        left: 2px!important;
                        top: 31px!important;
                    }

                    
                    
                    #overlay3 {
                        position: absolute;
                        z-index: 100;
                        color: #ffffff !important;
                        font-size: 30px!important;
                        font-family: 'Scout';
                        text-decoration: underline;
                        right: 35%!important;
                        bottom: 54%!important;
                        transform: rotate(338deg);
                        -webkit-transform: rotate(338deg);
                        line-height: 31px;
                        -moz-transform: rotate(338deg);
                        -ms-transform: rotate(338deg);
                        -o-transform: rotate(338deg);
                    }
                    #overlay4 {
                        position: absolute;
                        z-index: 100;
                        color: #ffffff !important;
                        font-size: 46px;
                        font-family: 'Scout';
                        right: 8%;
                        bottom: 54%!important;
                    }
                    .margin_amarillo {
                        margin-bottom: 17px!important;
                    }
                    #overlay5 {
                       
                         bottom: 10%!important;
                    }
                     #overlay6 {
                       
                         bottom: 18%!important;
                    }
                    .margin_naranja {
                        margin-bottom: 22px!important;
                    }
                  
                }

                @media (min-width: 414px) and (max-width: 555px){
                    #overlay {
                        position: absolute;
                        z-index: 100;
                        color: #ffffff !important;
                        font-size: 30px!important;
                        font-family: 'Scout';
                        text-decoration: underline;
                        right: 34%!important;
                        top: 62px;
                        transform: rotate(345deg);
                        -webkit-transform: rotate(345deg);
                        -moz-transform: rotate(345deg);
                        -ms-transform: rotate(345deg);
                        -o-transform: rotate(345deg);
                    }

                }

            @media (max-width: 413px){
                    #overlay {
                          right: 27% !important;
                        line-height: 29px;
                        left: 21px;
                        font-size: 30px!important;
                    }
                   
                }


                @media (max-width: 500px){
                    
                    .title_mapfre{
                        font-size: 40px!important;
                        line-height: 45px!important;
                        color: #ff5e2d;
                        font-weight: bold;
                    }

                }


               .chequeado.background_rosa_modalidad {
                    background: #c72b93;
                    cursor: pointer;
                   
                }
                .chequeado.background_amarillo_modalidad {
                    background: #b8bc1b;
                   
                }
                .chequeado.background_naranja_modalidad {
                    background: #ce4015;
                   
                }

                .chequeado.background_morado_modalidad{
                    background: #812ec4;
                   
                }
                .background_morado_modalidad{
                    background: #9352c8;
                    padding: 6px 7px 6px 7px;
                   
                }
                .chequeado.background_morado_modalidad {
                    background: #812ec4;
                }
                .border_botones2 {
                    border: 8px solid #fb5f2f;
                    padding: 23px 8px 0px 10px;
                }
                .text_botones2 {
                    font-size: 16px;
                    font-weight: 100;
                    float: right;
                    margin-top: -13px;
                    margin-right: -5px;
                    color: #f85d2e;
                }
                .texto_morado{
                    color: #f85d2e!important;
                }

                #overlay {
                
                position: absolute;
                z-index: 100;
                color: #ffffff !important;
                font-size: 28px;
                line-height: 35px;
                font-family: 'Scout';
                text-decoration: underline;
                right: 40%;
                top: 62px;
                transform: rotate(345deg);
                -webkit-transform: rotate(345deg);
                -moz-transform: rotate(345deg);
                 -ms-transform: rotate(345deg);
                 -o-transform: rotate(345deg);
            }

            #overlay2 {
                
                position: absolute;
                z-index: 100;
                color: #ffffff !important;
                font-size: 46px;
                font-family: 'Scout';
                right: 8%;
                top: 83px;
                
            }

             #overlay3 {
                
                position: absolute;
                z-index: 100;
                color: #ffffff !important;
                font-size: 28px;
                line-height: 35px;
                font-family: 'Scout';
                text-decoration: underline;
                right: 40%;
                bottom: 48%;
                transform: rotate(345deg);
                -webkit-transform: rotate(345deg);
                -moz-transform: rotate(345deg);
                 -ms-transform: rotate(345deg);
                 -o-transform: rotate(345deg);
            }

            #overlay4 {
                
                position: absolute;
                z-index: 100;
                color: #ffffff !important;
                font-size: 46px;
                font-family: 'Scout';
                right: 8%;
                bottom: 48%;
                
            }


             #overlay5 {
                
                position: absolute;
                z-index: 100;
                color: #ffffff !important;
                font-size: 28px;
                line-height: 35px;
                font-family: 'Scout';
                text-decoration: underline;
                right: 40%;
                bottom: 10%;
                transform: rotate(345deg);
                -webkit-transform: rotate(345deg);
                -moz-transform: rotate(345deg);
                 -ms-transform: rotate(345deg);
                 -o-transform: rotate(345deg);
            }

            #overlay6 {
                
                position: absolute;
                z-index: 100;
                color: #ffffff !important;
                font-size: 46px;
                font-family: 'Scout';
                right: 8%;
                bottom: 14%;
                
            }


            .texto_tachado{
                text-decoration: line-through;
                text-decoration-color: #ffffff;
            }


            @media (min-width: 1001px) and (max-width: 1260px){
            .cont_ficha_2col .col_principal.cont_form {
                margin-left: 15px;
                max-width: 55%!important;
                margin: 0px auto;
            }
        }

           @media (min-width: 600px) and (max-width: 1000px){
            .cont_ficha_2col .col_principal.cont_form {
                margin-left: 15px;
                max-width: 90%!important;
                margin: 0px auto;
            }
        }


            .bloques_colores{
                max-width: 75%;
                margin: 0px auto;
            }

            @media (min-width: 359px) and (max-width: 766px){
               .bloques_colores{
                    max-width: 92%;
                    margin: 0px auto;
                }
            }
            @media (max-width: 358px){
               .bloques_colores{
                    max-width: 100%;
                    margin: 0px auto;
                }
            }

            
.title_mapfre{
    font-size: 52px;
    line-height: 58px;
    color: #ff5e2d;
    font-weight: bold;
}
.title_mapfre2{
    font-size: 57px;
    line-height: 58px;
    color: #0e0f9e;
    font-weight: bold;
    margin-top: -3px;
}
.selecciona_modalidad{
    font-size: 40px;
    color: #1c109e;
    margin-top: 83px;

}


@media (min-width: 1547px){
     .title_mapfre2{
                   
            margin-top: -53px;
        }
    }


.bloques_amigos {
  display: flex;
  justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bloques_amigos2 {
  display: flex;
  justify-content: center;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.bloques_amigos2 {
    position: relative;
}

.bloque {
  width: 300px; /* o el ancho que prefieras */
}

input:disabled{
background: #f1f1f1!important;
}
.cursor_pointer{
    cursor: pointer;
}