@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap');:root{--a:#67549f;--ink:#282634;--muted:#77778a;--line:#e9e6e0;--paper:#fbfaf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px DM Sans,sans-serif}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 7vw}header a{color:var(--ink)}main{max-width:1000px;margin:auto;padding:60px 6vw}h1,h2{font-family:'Playfair Display',serif}.auth{max-width:460px}.auth.wide{max-width:700px}.logo{display:grid;place-items:center;width:48px;height:48px;background:var(--a);color:white;border-radius:13px;font:700 27px Georgia}.auth form{display:grid;gap:14px;margin-top:20px}label{display:grid;gap:6px;font-size:11px;color:var(--muted)}input,select,textarea{font:14px DM Sans;border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff}button,.button{background:var(--a);color:white;border:0;border-radius:8px;padding:11px 15px;font-weight:700;text-decoration:none;cursor:pointer}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;margin:15px 0}.muted{color:var(--muted)}small{letter-spacing:.12em;color:var(--a);font-weight:700;font-size:9px}.err{background:#f8e8e8;color:#7f3939;padding:10px;border-radius:8px}.ok{background:#e9f4ec;color:#376448;padding:10px;border-radius:8px}audio{width:100%;margin:15px 0}textarea{min-height:120px}nav{display:flex;gap:15px}@media(max-width:700px){header{padding:0 4vw}main{padding:40px 5vw}}
.practice-success {
    max-width: 850px;
    margin: 20px auto;
    padding: 16px 20px;
    background: #f3eef9;
    border: 1px solid #d9cfea;
    border-radius: 12px;
    text-align: center;
    font-weight: 600;
    color: #58458e;
    box-shadow: 0 6px 18px rgba(103, 84, 159, 0.08);
}
/* =========================================================
   MARCA TAQUIDIGITAL EN LOGIN
========================================================= */

.auth .login-brand {
    margin-bottom: 32px;
}


.auth .login-logo-box {
    width: 220px;
    max-width: 75%;

    margin-bottom: 15px;

    padding: 10px 14px;

    background: #fff;

    border: 1px solid #e8e5e0;

    border-radius: 14px;

    box-sizing: border-box;

    box-shadow:
        0 7px 22px
        rgba(25, 46, 68, .06);
}


.auth .login-logo {
    display: block;

    width: 100%;
    height: auto;
}


.auth .login-brand-name {
    display: flex;

    align-items: baseline;

    gap: 8px;

    letter-spacing: .07em;
}


.auth .login-brand-name strong {
    color: #10253d;

    font-size: 13px;
}


.auth .login-brand-name span {
    color: #31b989;

    font-size: 11px;

    font-weight: 700;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:600px) {

    .auth .login-logo-box {
        width: 190px;
    }

}