/* =====================================================
   MODALES
===================================================== */

.rb-modal{
    display:none;

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.65);

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

    z-index:999999;
}

.rb-modal-content{
    background:white;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.20);
}

.rb-modal-sm{
    width:500px;
    max-width:90vw;
}

.rb-modal-md{
    width:900px;
    max-width:90vw;
}

.rb-modal-lg{
    width:1000px;
    max-width:95vw;
}

.rb-modal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.rb-close{
    background:none;
    border:none;

    font-size:28px;

    color:#64748b;

    cursor:pointer;

    padding:0;

    width:auto;
    height:auto;
}
.rb-modal-header h2{
    font-size:22px;
    font-weight:700;
    color:#1f2a44;
    margin:0;
}
/* =====================================================
   CONTENIDO MODALES
===================================================== */

.rb-modal-content{
     padding:32px 36px;
}

.rb-modal-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
    margin-top:20px;
    margin-bottom:20px;
}

.rb-info-panel{
    padding-right:25px;
    border-right:1px solid #e5e5e5;
}

.rb-pago-panel{
    padding-left:15px;
}

.rb-info-panel h3,
.rb-pago-panel h3{
    font-size:13px;
    font-weight:700;
    color:#1f2a44;

    padding-bottom:8px;
    margin-bottom:14px;

    border-bottom:2px solid #ea8354;
    display:inline-block;
}

.rb-info-row{
    display:grid;
    grid-template-columns:90px 1fr;

    gap:6px;

    padding:6px 0;

    font-size:14px;
    margin-bottom:10px;
    align-items:center;
}

.rb-info-row strong{
    color:#1f2a44;
    font-weight:700;
}

.rb-info-row span{
    color:#444;
    font-weight:500;
}

.rb-modal-actions{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:20px;
}

.rb-timeline{
    margin:0;
    padding-left:18px;
}

.rb-timeline li{
    margin-bottom:10px;
    color:#666;
}

.rb-modal hr{
    border:none;
    border-top:1px solid #e5e5e5;
    margin:20px 0;
}