@charset "UTF-8";
/* SIAVCE módulo: auth. Bootstrap viene de CDN; aquí sólo viven estilos de este módulo. */
/* ===== Migrado desde default.php :: bloque 1 ===== */
body.siavce-view-default {
                margin: 0px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100vw;
                height: 100vh;
                min-height: 675px;
                background-color: #F4F5FF;
            }
            body.siavce-view-default p {
                width: 100%;
                left: 0px;
                font-size: 16px;
                font-family: 'DM Sans', sans-serif;
                font-weight: 400;
                letter-spacing: 0px;
                text-align: center;
                vertical-align: top;
                max-width: 550px;
                color: #727586;
                margin: 0px;
            }
            body.siavce-view-default a:hover {
                cursor: pointer;
                color: #673DE6;
                text-decoration: underline;
            }
            body.siavce-view-default h1 {
                font-family: 'DM Sans', sans-serif;
                font-size: 24px;
                font-weight: 700;
                letter-spacing: 0px;
                text-align: center;
                margin: 8px;
            }
            body.siavce-view-default .content {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
            }
            .ic-launch  {
                margin-left: 10.5px;
                width: 21px !important;
                height: 20px !important;
            }
            body.siavce-view-default .link-container {
                margin-top: 32px;
                margin-bottom: 32px;
            }
            body.siavce-view-default .link {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                font-family: 'DM Sans', sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                color: #673DE6;
                margin-top: 8px;
                text-decoration: none;
            }
            body.siavce-view-default .main-image {
                width: 100%;
                max-width: 650px;
                max-height: 406px;
                height: auto;
            }
            body.siavce-view-default .navigation {
                width: 100%;
                height: 72px;
                display: flex;
                margin: 0;
                padding: 0;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                background-color: #36344D;
            }
            @media screen and (max-width: 580px) and (min-width: 0px) {
                h1, p, .link-container {
                    width: 80%;
                }
            }
            @media screen and (min-width: 650px) and (min-height: 0px) and (max-height: 750px) {
                .link-container {
                    margin-top: 12px;
                }
                h1 {
                    margin-top: 0px;
                    margin-bottom: 0px;
                }
            }


/* ===== Migrado desde desconectarse.php :: bloque 1 ===== */
body.siavce-logout-screen{margin:0;min-height:100vh;font-family:'Segoe UI',sans-serif;background:radial-gradient(circle at top,#0f2c3f 0,#09131c 50%,#04070d 100%);color:#fff;display:grid;place-items:center}
.logout-shell{width:min(480px,92vw);padding:38px 34px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);box-shadow:0 24px 56px rgba(0,0,0,.34);text-align:center}
.logout-mark{width:88px;height:88px;margin:0 auto 20px;border-radius:24px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.logout-mark span{font-size:34px;font-weight:800}
.logout-shell h1{margin:0 0 10px;font-size:30px;font-weight:800}
.logout-shell p{margin:0;color:rgba(255,255,255,.8);line-height:1.5}
.logout-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:24px}
.logout-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#38bdf8,#5eead4);animation:logoutFill 1.8s ease forwards}
@keyframes logoutFill{from{width:0}to{width:100%}}


/* ===== Migrado desde index.php :: bloque 1 ===== */
:root{--siavce-primary:#0f3b57;--siavce-secondary:#1f252b;--siavce-accent:#17866f;--siavce-danger:#a63838;--siavce-bg:#171b20;--siavce-surface:rgba(20,27,34,.80);--siavce-text:#f4f8fb;--siavce-border:rgba(255,255,255,.18)}
*{box-sizing:border-box}
html,body{background:var(--siavce-bg)}
body.siavce-view-index{margin:0;padding:0;font-family:'Segoe UI',sans-serif;background-image:url(./recursos/img/empresa/fondolog/fondolog.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--siavce-text)}
body.siavce-view-index::before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(18,23,29,.72),rgba(31,37,43,.62) 42%,rgba(15,59,87,.32) 74%,rgba(166,56,56,.12));backdrop-filter:blur(2px)}
.login-container{position:relative;z-index:2;width:min(430px,92vw);padding:38px 34px;border-radius:28px;background:rgba(255,255,255,.09);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 48px rgba(0,0,0,.42);color:#fff;animation:fadeIn .8s ease}
.brand-mark{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.brand-mark img{width:62px;height:62px;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.1);padding:10px}
.brand-mark h1{margin:0;font-size:30px;font-weight:800;letter-spacing:.5px}
.brand-mark p{margin:4px 0 0;color:rgba(255,255,255,.75);font-size:13px}
@keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.input-group{margin-bottom:18px;position:relative}
.input-group input{width:100%;max-width:100%;padding:13px 46px 13px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:14px;outline:none;transition:.25s}
.input-group input:focus{border-color:var(--siavce-accent);box-shadow:0 0 0 4px rgba(22,182,167,.16)}
.input-group i{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:rgba(255,255,255,.7)}
.checkbox{font-size:13px;margin-bottom:18px;color:rgba(255,255,255,.82)}
.checkbox input{accent-color:var(--siavce-accent)}
body.siavce-view-index .btn,
body.siavce-view-login .btn{width:100%;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--siavce-accent),var(--siavce-primary));color:#fff;font-weight:700;cursor:pointer;transition:.25s;box-shadow:0 12px 26px rgba(0,0,0,.24)}
body.siavce-view-index .btn:hover,
body.siavce-view-login .btn:hover{transform:translateY(-2px)}
body.siavce-view-index .btn-secondary,
body.siavce-view-login .btn-secondary{background:rgba(255,255,255,.13);margin-top:10px}
body.siavce-view-index .btn-success,
body.siavce-view-login .btn-success{display:block;margin-top:12px;text-align:center;text-decoration:none;background:linear-gradient(135deg,#1fbba6,#0f766e)}
.recovery{margin-top:18px;display:none}
.recovery input{margin-bottom:10px}
.footer{position:fixed;bottom:0;width:100%;text-align:center;padding:12px;font-size:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);color:#fff}
@media(max-width:480px){.login-container{padding:26px 22px}.brand-mark{align-items:flex-start}.brand-mark h1{font-size:26px}}


/* ===== Migrado desde login.php :: bloque 1 ===== */
:root{--siavce-primary:#0f3b57;--siavce-secondary:#1f252b;--siavce-accent:#17866f;--siavce-danger:#a63838;--siavce-bg:#171b20;--siavce-text:#f4f8fb}
        html,body{background:var(--siavce-bg)}
        body.siavce-view-login{margin:0;min-height:100vh;font-family:'Segoe UI',sans-serif;background:
            linear-gradient(135deg,rgba(23,27,32,.76),rgba(31,37,43,.82)),
            url('./recursos/img/empresa/fondolog/fondolog.jpg') center/cover no-repeat fixed;
            color:var(--siavce-text);display:grid;place-items:center}
        .login-status{width:min(560px,92vw);padding:38px 34px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.35);backdrop-filter:blur(20px)}
        .login-logo{width:96px;height:96px;border-radius:26px;background:rgba(255,255,255,.1);display:grid;place-items:center;margin:0 auto 22px;border:1px solid rgba(255,255,255,.14)}
        .login-logo img{width:72px;height:72px;object-fit:contain}
        .login-status h1{text-align:center;margin:0 0 10px;font-size:32px;font-weight:800}
        .login-status h3,.login-status p{text-align:center;color:rgba(255,255,255,.82);line-height:1.5}
        .login-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
        .login-actions a{padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:700}
        .login-primary{background:var(--siavce-accent);color:#04131c}
        .login-secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14)}
        .login-status img.loader{display:block;width:150px;margin:22px auto 0}


.siavce-core-access{min-height:100vh;display:grid;place-items:center;padding:24px}.siavce-access-card,.siavce-login-card{background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.16);border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(18px);}