/* //MODAAAAL */

dialog{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    width:90%;
    max-width:420px;

    margin:0;
    padding:24px;

    background:var(--surface2);
    color:var(--text);

    border:2px solid var(--border);
    border-radius:22px;

    box-shadow:0 20px 50px rgba(0, 0, 0, 0.575);
}

dialog::backdrop{
    background:rgba(26, 31, 37, 0.4);
    backdrop-filter:blur(8px);
}

dialog h3{
    margin-bottom:16px;
    color:var(--primary);
}

dialog p{
    margin:0;
    color:var(--text2);
    line-height:1.7;
}

.cerrar-modal{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    border:none;
    border-radius:12px;
    background:#3f4852;

    color:var(--primary);
    color: #c0c4c9;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:.2s;
}

.cerrar-modal:hover{
    background:#495461;
    color:var(--primary-hover);
}