/* =====================================================
   ARMENIANOS UNE
   DASHBOARD
   Version 1.0
===================================================== */

/* =====================================================
   VARIABLES
===================================================== */

:root{

    --au-primary:#2C5175;
    --au-primary-hover:#23425f;

    --au-success:#2e7d32;
    --au-warning:#ef6c00;
    --au-danger:#c62828;

    --au-text:#333;
    --au-text-light:#666;

    --au-bg:#ffffff;
    --au-bg-soft:#f8f9fb;

    --au-border:#e6e6e6;

    --au-radius:14px;

    --au-shadow:
        0 4px 14px rgba(0,0,0,.06);

}

/* =====================================================
   RESET
===================================================== */

.au-dashboard *,
.au-dashboard *::before,
.au-dashboard *::after{

    box-sizing:border-box;

}

/* =====================================================
   DASHBOARD
===================================================== */

.au-dashboard{

    max-width:1100px;
    margin:40px auto;
    padding:0 20px;

}

.au-dashboard-title{

    margin:0 0 25px;
    color:var(--au-primary);
    font-size:42px;
    font-weight:700;
    line-height:1.2;

}

/* =====================================================
   BOTONES SUPERIORES
===================================================== */

.au-dashboard-actions{

    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:30px;

}

/* =====================================================
   BOTONES
===================================================== */

.au-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 18px;

    border:none;
    border-radius:var(--au-radius);

    text-decoration:none;

    font-weight:700;

    cursor:pointer;

    transition:all .25s ease;

}

.au-btn:hover{

    transform:translateY(-1px);

}

.au-btn-primary{

    background:var(--au-primary);
    color:#fff;

}

.au-btn-primary:hover{

    background:var(--au-primary-hover);

}

.au-btn-danger{

    background:var(--au-danger);
    color:#fff;

}

.au-btn-danger:hover{

    opacity:.9;

}

.au-btn-outline{

    background:#fff;

    color:var(--au-primary);

    border:1px solid var(--au-primary);

}

.au-dashboard-logout{

    margin-left:auto;

}
/* =====================================================
   PESTAÑAS
===================================================== */

.au-tabs{

    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:30px;

}

.au-tab-button{

    background:var(--au-primary);
    color:#fff;

    border:none;
    border-radius:10px;

    padding:12px 18px;

    cursor:pointer;

    font-weight:700;

    transition:.25s;

}

.au-tab-button:hover{

    background:var(--au-primary-hover);

}

/* =====================================================
   MENSAJES
===================================================== */

.au-notice{

    padding:16px 18px;
    border-radius:12px;
    margin-bottom:25px;

}

.au-notice-success{

    background:#e8f5e9;
    border:1px solid #c8e6c9;
    color:#1b5e20;

}

.au-notice-error{

    background:#ffebee;
    border:1px solid #ffcdd2;
    color:#c62828;

}

/* =====================================================
   TARJETAS
===================================================== */

.au-card-list{

    display:grid;
    gap:22px;

}

.au-card{

    background:var(--au-bg);
    border:1px solid var(--au-border);

    border-radius:var(--au-radius);

    overflow:hidden;

    box-shadow:var(--au-shadow);

}

.au-card-inner{

    display:flex;
    gap:24px;
    padding:24px;
    flex-wrap:wrap;

}

.au-card-image{

    width:160px;
    flex-shrink:0;

}

.au-thumb{

    width:160px;
    height:160px;

    object-fit:cover;

    border-radius:var(--au-radius);

    display:block;

}

.au-thumb-placeholder{

    width:160px;
    height:160px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:var(--au-bg-soft);

    border-radius:var(--au-radius);

    color:#999;

    font-size:14px;

}

.au-card-content{

    flex:1;
    min-width:280px;

}

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

@media (max-width:768px){

    .au-dashboard{

        padding:0 16px;

    }

    .au-dashboard-title{

        font-size:32px;

    }

    .au-dashboard-actions{

        flex-direction:column;

    }

    .au-btn{

        width:100%;

    }

    .au-tabs{

        flex-direction:column;

    }

    .au-tab-button{

        width:100%;

    }

    .au-card-inner{

        flex-direction:column;

    }

    .au-card-image{

        width:100%;

    }

    .au-thumb,
    .au-thumb-placeholder{

        width:100%;
        height:auto;

    }

}




.au-form-container{
    border:5px solid blue !important;
}