/* AM Club v696 - Login web centrado, más compacto y con fondo geométrico limpio
   Objetivo:
   - formulario más comprimido
   - textboxes menos altos
   - login centrado en versión web
   - fondo profesional geométrico sin letras
*/

html body.am-body .am-login-v696,
html body.am-body .am-login-v696 *:not(i):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands){
    font-family:"Segoe UI Variable Display","Segoe UI",Inter,Arial,sans-serif!important;
}

html body.am-body .am-login-v696{
    min-height:calc(100svh - 54px)!important;
    height:calc(100svh - 54px)!important;
    background:#040610!important;
    overflow:hidden!important;
}

/* fondo geométrico, limpio, sin texto */
html body.am-body .am-login-v696 .am-login-v482__bg{
    background:
        radial-gradient(circle at 20% 18%, rgba(214,63,255,.12), transparent 0 26%),
        radial-gradient(circle at 82% 76%, rgba(51,214,255,.11), transparent 0 24%),
        linear-gradient(90deg, rgba(4,6,16,.92) 0%, rgba(5,8,20,.72) 40%, rgba(4,6,16,.88) 100%),
        url('../Content/images/amclub-login-bg-poly-v696.svg') center center/cover no-repeat!important;
    filter:saturate(.96) contrast(1.02) brightness(.84)!important;
    transform:none!important;
}

html body.am-body .am-login-v696::before{
    background:
        linear-gradient(135deg, rgba(255,255,255,.03), transparent 28%, transparent 72%, rgba(255,255,255,.02)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 130px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.008) 0 1px, transparent 1px 130px)!important;
    opacity:.55!important;
}

html body.am-body .am-login-v696 .am-login-v482__texture{
    opacity:.04!important;
}

/* centrado real en escritorio */
html body.am-body .am-login-v696 .am-login-v482__shell{
    width:min(980px, calc(100% - 34px))!important;
    height:100%!important;
    min-height:0!important;
    padding:12px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    position:relative!important;
}

html body.am-body .am-login-v696 .am-login-v482__shell::after{
    content:none!important;
}

/* bloque superior */
html body.am-body .am-login-v696 .am-login-v688__brand,
html body.am-body .am-login-v696 .am-login-v482__brand{
    width:min(430px, 100%)!important;
    min-height:64px!important;
    margin:0!important;
    padding:10px 14px!important;
    border-radius:20px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:linear-gradient(90deg, rgba(25,18,45,.78), rgba(86,20,92,.33), rgba(8,10,24,.76))!important;
    box-shadow:
        0 18px 40px rgba(0,0,0,.30),
        inset 0 0 0 1px rgba(255,255,255,.022),
        0 0 0 1px rgba(255,54,214,.06)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
}

html body.am-body .am-login-v696 .am-login-logo-final-v692,
html body.am-body .am-login-v696 .am-login-v482__brand-logo{
    width:56px!important;
    max-width:56px!important;
    flex:0 0 56px!important;
    height:auto!important;
    object-fit:contain!important;
    filter:
        brightness(.74)
        saturate(.82)
        contrast(1.03)
        drop-shadow(0 0 4px rgba(255,34,211,.10))
        drop-shadow(0 0 6px rgba(34,214,255,.09))!important;
}

html body.am-body .am-login-v696 .am-login-v688__wordmark,
html body.am-body .am-login-v696 .am-login-v482__brand-name{
    font-size:clamp(1.55rem, 2.9vw, 2.15rem)!important;
    line-height:.94!important;
    font-weight:300!important;
    letter-spacing:.01em!important;
    color:#f3f5ff!important;
    text-shadow:none!important;
}

html body.am-body .am-login-v696 .am-login-v688__wordmark span,
html body.am-body .am-login-v696 .am-login-v482__brand-name span{
    color:#ca8aff!important;
    font-weight:300!important;
    background:none!important;
    -webkit-text-fill-color:initial!important;
}

html body.am-body .am-login-v696 .am-login-v482__brand-copy small{
    margin-top:1px!important;
    font-size:.53rem!important;
    font-weight:500!important;
    letter-spacing:.32em!important;
    color:rgba(245,248,255,.62)!important;
}

/* card más compacta */
html body.am-body .am-login-v696 .am-login-v482__card{
    width:min(430px, 100%)!important;
    padding:18px 20px 16px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:
        linear-gradient(145deg, rgba(37,20,62,.46), rgba(8,14,31,.80) 42%, rgba(6,9,22,.88))!important;
    box-shadow:
        0 22px 62px rgba(0,0,0,.58),
        0 0 0 1px rgba(255,255,255,.02) inset,
        0 0 18px rgba(255,73,220,.07),
        0 0 14px rgba(83,210,255,.06)!important;
    backdrop-filter:blur(20px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.05)!important;
}

html body.am-body .am-login-v696 .am-login-v482__card::before{
    background:
        linear-gradient(135deg, rgba(255,255,255,.07), transparent 32%),
        radial-gradient(circle at 92% 0%, rgba(83,210,255,.12), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(255,73,220,.08), transparent 36%)!important;
    opacity:.60!important;
}

html body.am-body .am-login-v696 .am-login-v688__seal{
    top:14px!important;
    right:16px!important;
    width:30px!important;
    height:30px!important;
    border-radius:12px!important;
}

html body.am-body .am-login-v696 .am-login-v482__eyebrow{
    margin-bottom:8px!important;
    font-size:.64rem!important;
    font-weight:600!important;
    letter-spacing:.26em!important;
    color:rgba(235,241,255,.78)!important;
}

html body.am-body .am-login-v696 .am-login-v482__card h1{
    margin:0!important;
    font-size:clamp(2rem, 3.8vw, 2.8rem)!important;
    line-height:.93!important;
    font-weight:600!important;
    letter-spacing:-.045em!important;
    color:#f7f8ff!important;
    background:none!important;
    -webkit-text-fill-color:initial!important;
    text-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

html body.am-body .am-login-v696 .am-login-v482__lead{
    max-width:340px!important;
    margin:8px 0 10px!important;
    color:rgba(237,243,255,.74)!important;
    font-size:.80rem!important;
    line-height:1.38!important;
    font-weight:500!important;
}

html body.am-body .am-login-v696 .am-login-v688__trust{
    gap:5px!important;
    margin:0 0 10px!important;
}

html body.am-body .am-login-v696 .am-login-v688__trust span{
    min-height:23px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(6,10,27,.38)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:rgba(240,245,255,.74)!important;
    font-size:.60rem!important;
    font-weight:500!important;
}

html body.am-body .am-login-v696 .am-login-v688__trust i{
    color:#82ecff!important;
    font-size:.64rem!important;
}

html body.am-body .am-login-v696 .am-login-v482__form{
    gap:7px!important;
}

html body.am-body .am-login-v696 .am-login-v482__label{
    color:rgba(237,243,255,.76)!important;
    font-size:.70rem!important;
    font-weight:600!important;
    letter-spacing:.01em!important;
}

html body.am-body .am-login-v696 .am-login-v482__input-wrap{
    min-height:38px!important;
}

html body.am-body .am-login-v696 .am-login-v482__input{
    height:38px!important;
    min-height:38px!important;
    line-height:38px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(5,9,25,.54)!important;
    color:#f5f7ff!important;
    font-size:.84rem!important;
    font-weight:500!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018), 0 8px 18px rgba(0,0,0,.12)!important;
}

html body.am-body .am-login-v696 .am-login-v482__input::placeholder{
    color:rgba(235,241,255,.32)!important;
    font-weight:400!important;
}

html body.am-body .am-login-v696 .am-login-v482__input-icon{
    font-size:.85rem!important;
    opacity:.72!important;
}

html body.am-body .am-login-v696 .am-login-v482__eye{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
}

html body.am-body .am-login-v696 .am-login-v482__btn{
    min-height:38px!important;
    height:38px!important;
    border-radius:13px!important;
    font-size:.82rem!important;
    font-weight:700!important;
    letter-spacing:0!important;
}

html body.am-body .am-login-v696 .am-login-v482__btn--primary{
    margin-top:5px!important;
    background:linear-gradient(90deg, #e945c5 0%, #8b60ff 48%, #4dc5ff 100%)!important;
    box-shadow:0 12px 26px rgba(255,73,220,.14), 0 8px 22px rgba(83,210,255,.10)!important;
}

html body.am-body .am-login-v696 .am-login-v482__btn--ghost{
    background:rgba(4,7,22,.18)!important;
    border:1px solid rgba(190,88,255,.28)!important;
}

html body.am-body .am-login-v696 .am-login-v482__forgot{
    color:#d98eff!important;
    font-size:.72rem!important;
    font-weight:500!important;
}

html body.am-body .am-login-v696 .am-login-v688__signature{
    width:min(430px,100%)!important;
    margin-top:2px!important;
    text-align:left!important;
}

html body.am-body .am-login-v696 .am-login-v688__signature strong{
    font-size:.60rem!important;
    font-weight:600!important;
    letter-spacing:.18em!important;
}

html body.am-body .am-login-v696 .am-login-v688__signature span{
    font-size:.73rem!important;
    font-weight:400!important;
    color:rgba(235,241,255,.56)!important;
}

html body.am-body .am-login-v696 .am-login-v482__footer-note{
    width:min(430px,100%)!important;
    margin-top:4px!important;
    color:rgba(240,245,255,.72)!important;
    font-size:.72rem!important;
}

/* web: centrar sin letras de fondo */
@media(min-width:821px){
    html body.am-body .am-login-v696 .am-login-v482__shell{
        transform:translateY(-8px)!important;
    }
}

/* móvil */
@media(max-width:820px){
    html body.am-body .am-login-v696{
        height:auto!important;
        min-height:calc(100svh - 54px)!important;
        overflow:auto!important;
    }

    html body.am-body .am-login-v696 .am-login-v482__shell{
        width:min(100% - 18px, 430px)!important;
        min-height:calc(100svh - 54px)!important;
        height:auto!important;
        padding:12px 0 16px!important;
        align-items:center!important;
        justify-content:flex-start!important;
        transform:none!important;
    }

    html body.am-body .am-login-v696 .am-login-v688__brand,
    html body.am-body .am-login-v696 .am-login-v482__brand{
        width:100%!important;
        min-height:58px!important;
        padding:8px 12px!important;
        border-radius:18px!important;
    }

    html body.am-body .am-login-v696 .am-login-logo-final-v692,
    html body.am-body .am-login-v696 .am-login-v482__brand-logo{
        width:46px!important;
        max-width:46px!important;
        flex-basis:46px!important;
    }

    html body.am-body .am-login-v696 .am-login-v688__wordmark,
    html body.am-body .am-login-v696 .am-login-v482__brand-name{
        font-size:1.52rem!important;
    }

    html body.am-body .am-login-v696 .am-login-v482__brand-copy small{
        font-size:.47rem!important;
        letter-spacing:.24em!important;
    }

    html body.am-body .am-login-v696 .am-login-v482__card{
        width:100%!important;
        padding:17px 14px 15px!important;
        border-radius:20px!important;
    }

    html body.am-body .am-login-v696 .am-login-v482__card h1{
        font-size:2rem!important;
    }

    html body.am-body .am-login-v696 .am-login-v482__lead{
        font-size:.77rem!important;
    }

    html body.am-body .am-login-v696 .am-login-v688__trust span{
        min-height:22px!important;
        font-size:.57rem!important;
        padding:0 7px!important;
    }

    html body.am-body .am-login-v696 .am-login-v482__input,
    html body.am-body .am-login-v696 .am-login-v482__btn{
        height:38px!important;
        min-height:38px!important;
        line-height:38px!important;
        font-size:.81rem!important;
    }

    html body.am-body .am-login-v696 .am-login-v688__signature,
    html body.am-body .am-login-v696 .am-login-v482__footer-note{
        text-align:center!important;
    }
}