/* =========================================================
   CAMPOSANTO VIRTUAL
   ACCESO Y SEGURIDAD
========================================================= */

:root{
    --au_navy:#071326;
    --au_navy2:#111b31;
    --au_gold:#c99635;
    --au_gold_light:#dfb24f;
    --au_ink:#111827;
    --au_muted:#727a86;
}

*{box-sizing:border-box}

body{
    margin:0;
    min-height:100vh;
    color:#fff;
    font-family:Inter,Arial,sans-serif;
    background:
        radial-gradient(circle at 80% 12%,rgba(210,158,56,.10),transparent 26%),
        linear-gradient(135deg,#071326,#111b31);
}

a{text-decoration:none;color:inherit}
button,input{font:inherit}

.au_wrap{
    width:min(1080px,calc(100% - 48px));
    margin:auto;
}

.au_header{padding:21px 0}
.au_nav{display:flex;align-items:center;justify-content:space-between}

.au_logo{display:flex;align-items:center;gap:12px}
.au_logo_icon{
    width:48px;height:58px;display:grid;place-items:center;
    border:1px solid var(--au_gold);border-radius:22px 22px 4px 4px;
    color:var(--au_gold);font-size:25px
}
.au_logo_text b{
    display:block;font:600 23px/1 "Cormorant Garamond",serif;letter-spacing:.16em
}
.au_logo_text small{
    display:block;margin-top:7px;text-align:center;color:var(--au_gold);
    font-size:9px;font-weight:700;letter-spacing:.38em
}

.au_back{
    color:#d7dee8;
    font-size:10px
}

.au_main{padding:45px 0 80px}

.au_grid{
    max-width:980px;
    margin:auto;
    display:grid;
    grid-template-columns:.9fr .8fr;
    gap:75px;
    align-items:center
}

.au_info{padding:30px 0}
.au_eyebrow{
    color:var(--au_gold_light);
    font-size:9px;font-weight:800;letter-spacing:.20em
}
.au_info h1{
    margin:16px 0 0;
    font:600 53px/.99 "Cormorant Garamond",serif
}
.au_line{
    width:43px;height:2px;margin:25px 0 21px;background:var(--au_gold)
}
.au_info>p{
    max-width:470px;margin:0;color:#d2d9e3;font-size:12px;line-height:1.8
}

.au_points{display:grid;gap:12px;margin-top:30px}
.au_point{
    display:grid;grid-template-columns:40px 1fr;gap:13px;align-items:center
}
.au_point span{
    width:38px;height:38px;display:grid;place-items:center;
    border:1px solid rgba(255,255,255,.18);border-radius:50%;
    color:var(--au_gold_light);font-size:10px
}
.au_point b{display:block;font-size:10px}
.au_point small{
    display:block;margin-top:3px;color:#8e98a7;font-size:8px;line-height:1.5
}

.au_card{
    position:relative;
    overflow:hidden;
    padding:38px;
    color:var(--au_ink);
    background:linear-gradient(180deg,#fffefd,#f9f4ec);
    border-radius:23px;
    box-shadow:0 35px 90px rgba(0,0,0,.30)
}
.au_card::before{
    content:"";
    position:absolute;left:0;top:0;right:0;height:4px;
    background:linear-gradient(90deg,#b47b27,#dda947)
}

.au_card_label{
    color:#ad7c2e;font-size:8px;font-weight:800;letter-spacing:.18em
}
.au_card h2{
    margin:10px 0 8px;
    font:600 36px/1 "Cormorant Garamond",serif
}
.au_card>p{
    margin:0;color:var(--au_muted);font-size:9px;line-height:1.6
}

.au_form{display:grid;gap:18px;margin-top:25px}
.au_form label{font-size:9px;font-weight:800;color:#343b46}
.au_form input{
    width:100%;margin-top:7px;padding:13px 14px;
    border:1px solid #dcd7cf;border-radius:10px;
    background:#fff;color:#202733;outline:none;font-size:10px
}
.au_form input:focus{
    border-color:#c7953c;
    box-shadow:0 0 0 3px rgba(199,149,60,.10)
}

.au_password{position:relative}
.au_password input{padding-right:48px}
.au_eye{
    position:absolute;right:9px;bottom:7px;width:34px;height:34px;
    border:0;background:transparent;color:#777e89;cursor:pointer
}

.au_submit{
    min-height:49px;border:0;border-radius:11px;color:#fff;cursor:pointer;
    background:linear-gradient(135deg,#d9aa49,#b97e26);
    font-size:9px;font-weight:800
}

.au_links{
    display:flex;justify-content:space-between;gap:15px;
    margin-top:17px;color:#8a919b;font-size:8px
}
.au_links a{color:#9a6820;font-weight:800}

.au_error,.au_ok,.au_warning{
    margin-top:18px;padding:12px 14px;border-radius:10px;font-size:9px;line-height:1.55
}
.au_error{color:#8c3434;background:#fff0f0;border:1px solid #ecc8c8}
.au_ok{color:#397149;background:#eff9f1;border:1px solid #c9e4cf}
.au_warning{color:#77551f;background:#fff8e9;border:1px solid #ead5a5}

.au_hint{
    margin-top:15px;color:#8d949e;font-size:8px;line-height:1.55
}

.au_security_card{
    max-width:760px;margin:auto;padding:36px;
    color:var(--au_ink);
    background:linear-gradient(180deg,#fffefd,#f9f4ec);
    border-radius:23px;box-shadow:0 35px 90px rgba(0,0,0,.28)
}
.au_security_card h1{
    margin:10px 0 8px;font:600 40px/1 "Cormorant Garamond",serif
}
.au_security_card>p{color:#707884;font-size:9px;line-height:1.6}
.au_return{text-align:center;margin-top:20px}
.au_return a{
    min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid rgba(255,255,255,.20);border-radius:10px;
    color:#fff;font-size:8px;font-weight:800
}

@media(max-width:800px){
    .au_grid{grid-template-columns:1fr;gap:35px;max-width:620px}
    .au_info{text-align:center;padding-top:0}
    .au_info>p{margin-left:auto;margin-right:auto}
    .au_line{margin-left:auto;margin-right:auto}
    .au_points{text-align:left}
}

@media(max-width:560px){
    .au_wrap{width:calc(100% - 28px)}
    .au_logo_text{display:none}
    .au_info h1{font-size:40px}
    .au_card,.au_security_card{padding:28px 22px}
    .au_links{flex-direction:column}
}