input.check {

            padding-top: 100px;

        }

        .Mycombo {

            height: 50px !important;

        }

        :root {

            --input-padding-x: 1.5rem;

            --input-padding-y: .75rem;

        }

        /*azul #000f9f  celeste #3cb4e5 marron #c8a977 */

        /*body {

            background: linear-gradient(135deg, var(--app-brand-a), #38b6ff)

        }*/

        :root {

            --input-padding-x: 1.5rem;

            --input-padding-y: .75rem;

            --app-brand-a: #001f7f;

        }

        /* Fondo neutro global */

        body {

            background: #e5edf5;

        }

        /* ----- LAYOUT RACOP-LIKE ----- */

        html, body, form {

            height: 100%;

        }

        body, div, span, td, tr {

    cursor: default !important;

}

        .btn, button, a, [onclick] {

    cursor: pointer;

}

        .login-shell {

            min-height: 100vh;

            display: flex;

            align-items: stretch;

        }

        /* Columna izquierda con foto */

        .login-hero {

            flex: 1 1 55%;

            /*background-image: url('imagenes/fondo_login_emergencias.jpg');  poné tu foto acá */

            background-size: cover;

            background-position: center;

            position: relative;

        }

        .login-hero::before {

            content: "";

            position: absolute;

            inset: 0;

            background: linear-gradient(135deg, var(--app-brand-a), #38b6ff)

        }

        .login-hero-content {

            position: absolute;

            inset: 0;

            padding: 2.5rem;

            display: flex;

            flex-direction: column;

            justify-content: center;

            color: #f9fafb;

        }

        /* Columna derecha con login */

        .login-panel {

            flex: 1 1 45%;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: stretch;

            padding: 2.5rem 3rem;

            /*background: radial-gradient(circle at top left, rgba(56,182,255,.1), transparent 55%), #f4f5f7;*/

            background-color: #77777724;

        }

        /* Tarjeta de login */

        .login-box {

            width: 100%;

            max-width: 480px;

            margin: 0 auto;

            border-radius: 1rem;

            border: 0;

            background: #ffffff;

            box-shadow: 0 20px 32px rgba(15,23,42,.18);

        }

            .login-box .card-body {

                padding: 2.5rem 2.5rem 2rem;

            }

        /* Branding derecha */

        .login-brand {

            text-align: center;

            margin-bottom: 1.75rem;

            color: black;

        }

        .login-brand-logo {

            height: 56px;

            margin-bottom: .75rem;

        }

        /* Inputs redondeados */

        .form-signin .form-control {

            /*padding: .75rem 1.25rem;*/

            font-size: .95rem;

        }

        /* Botón principal */

        .form-signin .btn-primary {

            font-weight: 600;

            letter-spacing: .05em;

            padding: .9rem 1rem;

        }

        /* Footer del login */

        .login-footer {

            margin-top: 1.5rem;

            text-align: center;

            font-size: .75rem;

            color: #6b7280;

        }

        /* Texto de links extra (recuperar clave, etc.) */

        .login-extra-links a {

            font-size: .8rem;

        }

        /* Responsive: en mobile solo se ve el panel derecho */

        @media (max-width: 767.98px) {

            .login-shell {

                flex-direction: column;

            }

            .login-hero {

                display: none;

            }

            .login-panel {

                flex: 1 1 auto;

                padding: 1.75rem 1.25rem;

            }

            .login-box .card-body {

                padding: 2rem 1.5rem 1.5rem;

            }

        }

        .container-img2 {

            height: 150px;

            width: auto;

            object-fit: contain;

            border-radius: 8px;

            text-align: center !important;

            margin-left: auto;

            margin-right: auto;

        }

        .card-signin {

            border: 0;

            border-radius: 1rem;

            box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);

        }

            .card-signin .card-title {

                margin-bottom: 2rem;

                font-weight: 300;

                font-size: 1.5rem;

            }

            .card-signin .card-body {

                padding: 2rem;

            }

        .form-signin {

            width: 100%;

        }

            .form-signin .btn {

                font-size: 80%;

                letter-spacing: .1rem;

                font-weight: bold;

                padding: 1rem;

                transition: all 0.2s;

            }

        .form-label-group {

            position: relative;

            margin-bottom: 1rem;

        }

            .form-label-group input {

                height: auto;

                border-radius: 2rem;

            }

            .form-label-group > input,

            .form-label-group > label {

                padding: var(--input-padding-y) var(--input-padding-x);

            }

            .form-label-group > label {

                position: absolute;

                top: 0;

                left: 0;

                display: block;

                width: 100%;

                margin-bottom: 0;

                /* Override default `<label>` margin */

                line-height: 1.5;

                color: #495057;

                border: 1px solid transparent;

                border-radius: .25rem;

                transition: all .1s ease-in-out;

            }

            .form-label-group input::-webkit-input-placeholder {

                color: transparent;

            }

            .form-label-group input:-ms-input-placeholder {

                color: transparent;

            }

            .form-label-group input::-ms-input-placeholder {

                color: transparent;

            }

            .form-label-group input::-moz-placeholder {

                color: transparent;

            }

            .form-label-group input::placeholder {

                color: transparent;

            }

            .form-label-group input:not(:placeholder-shown) {

                padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));

                padding-bottom: calc(var(--input-padding-y) / 3);

            }

                .form-label-group input:not(:placeholder-shown) ~ label {

                    padding-top: calc(var(--input-padding-y) / 3);

                    padding-bottom: calc(var(--input-padding-y) / 3);

                    font-size: 12px;

                    color: #777;

                }

        .btn-google {

            color: white;

            background-color: #ea4335;

        }

        .btn-facebook {

            color: white;

            background-color: #3b5998;

        }

        .modal-title {

            color: #6c757d !important;

        }

        /* Fallback for Edge

-------------------------------------------------- */

        @supports (-ms-ime-align: auto) {

            .form-label-group > label {

                display: none;

            }

            .form-label-group input::-ms-input-placeholder {

                color: #777;

            }

        }

        /* Fallback for IE

-------------------------------------------------- */

        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

            .form-label-group > label {

                display: none;

            }

            .form-label-group input:-ms-input-placeholder {

                color: #777;

            }

        }

        /* ====== TextBox / TextArea ASP.NET ====== */

        input[type="text"],

        textarea {

            padding: .375rem .75rem !important;

            height: calc(2.25rem + 2px) !important;

            border: 1px solid var(--bs-border-color, #ced4da) !important;

            border-radius: .375rem !important;

            line-height: 1.5 !important;

            box-shadow: none !important;

            background: #fff !important;

        }

            /* Bootstrap */

            input[type="text"]:focus,

            textarea:focus {

                outline: 0 !important;

                border-color: var(--bs-primary,#0d6efd) !important;

                box-shadow: 0 0 0 .2rem rgba(13,110,253,.25) !important;

            }

        /* Limpio el RadComboBox */

        .RadComboBox,

        .RadComboBox .rcbInner,

        .RadComboBox table,

        .RadComboBox td {

            background: none !important;

            box-shadow: none !important;

        }

            /* ===== Flechita para RadComboBox ===== */

            .RadComboBox,

            .RadComboBox .rcbInner,

            .RadComboBox .rcbInputCell {

                position: relative;

            }

                /* agrega la flecha ▼ */

                .RadComboBox .rcbInner::after,

                .RadComboBox .rcbInputCell::after,

                .RadComboBox::after {

                    content: "";

                    position: absolute;

                    top: 50%;

                    right: 10px;

                    transform: translateY(-50%);

                    width: 10px;

                    height: 6px;

                    pointer-events: none;

                    background-repeat: no-repeat;

                    background-size: 10px 6px;

                    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" fill="none" stroke="%239AA4B2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');

                }

                /* dejo espacio para que el texto no tape la flecha */

                .RadComboBox .rcbInputCell .rcbInput,

                .RadComboBox input[type="text"] {

                    padding-right: 32px !important;

                }

                /* si existe el botón de Telerik, lo oculto para que no tape la flecha custom */

                .RadComboBox .rcbArrowCell {

                    display: none !important;

                }

                /* que el contenedor del RadComboBox tenga la misma altura */

                .RadComboBox .rcbInner {

                    height: calc(2.25rem + 2px) !important;

                    min-height: calc(2.25rem + 2px) !important;

                }

                .RadComboBox .rcbInputCell input.rcbInput {

                    height: calc(2.25rem + 2px) !important;

                    line-height: 1.5 !important;

                    padding: .375rem .75rem !important;

                    box-sizing: border-box;

                }

                /* permitir que el texto del RadComboBox se pinte mientras lo seleccionás */

                .RadComboBox .rcbInputCell,

                .RadComboBox .rcbInputCell input.rcbInput,

                [id$="cboMeses_Input"],

                [id$="cboAños_Input"] {

                    -webkit-user-select: text !important;

                    -moz-user-select: text !important;

                    -ms-user-select: text !important;

                    user-select: text !important;

                }

                    /* y el color del resaltado */

                    .RadComboBox .rcbInputCell input.rcbInput::selection,

                    [id$="cboMeses_Input"]::selection,

                    [id$="cboAños_Input"]::selection {

                        background: #bcdcff !important;

                        color: #000 !important;

                    }

                    .RadComboBox .rcbInputCell input.rcbInput::-moz-selection,

                    [id$="cboMeses_Input"]::-moz-selection,

                    [id$="cboAños_Input"]::-moz-selection {

                        background: #bcdcff !important;

                        color: #000 !important;

                    }

                    /* input normal del combo */

                    .RadComboBox .rcbInputCell input.rcbInput,

                    .RadComboBox input.rcbInput {

                        color: #000 !important;

                        -webkit-text-fill-color: #000 !important;

                        text-shadow: none !important;

                        opacity: 1 !important;

                        background: #fff !important;

                    }

                        /* cuando el combo queda enfocado (Telerik pone rcbFocused en la tabla) */

                        .RadComboBox .rcbInputTable.rcbFocused .rcbInputCell input.rcbInput,

                        .RadComboBox .rcbInputCell input.rcbInput:focus,

                        input[id$="cboMeses_Input"]:focus,

                        input[id$="cboAños_Input"]:focus {

                            color: #000 !important;

                            -webkit-text-fill-color: #000 !important;

                            text-shadow: none !important;

                            opacity: 1 !important;

                            background: #fff !important;

                        }