/* =========================================================
   CONSULTA PÚBLICA DE ARREPENTIMIENTO
========================================================= */

.octi-status-result{
    padding:24px;

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        );

    border:1px solid rgba(255,255,255,.11);
}

.octi-status-result-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
}

.octi-status-result-top small{
    display:block;
    margin-bottom:5px;

    color:rgba(255,255,255,.50);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}

.octi-status-result-top h2{
    margin:0;

    color:#fff;
    font-size:22px;
    overflow-wrap:anywhere;
}

.octi-public-status{
    padding:7px 11px;

    border-radius:999px;

    font-size:11px;
    font-weight:1000;
    white-space:nowrap;
}

.octi-public-status.is-pending{
    color:#ffd78a;
    background:rgba(255,180,60,.12);
    border:1px solid rgba(255,180,60,.25);
}

.octi-public-status.is-review{
    color:#98c7ff;
    background:rgba(60,140,255,.12);
    border:1px solid rgba(60,140,255,.25);
}

.octi-public-status.is-approved{
    color:#8dffc3;
    background:rgba(50,255,145,.10);
    border:1px solid rgba(50,255,145,.23);
}

.octi-public-status.is-rejected{
    color:#ff9aaa;
    background:rgba(255,65,95,.11);
    border:1px solid rgba(255,65,95,.24);
}

.octi-public-status.is-refunded{
    color:#cfb8ff;
    background:rgba(145,95,255,.12);
    border:1px solid rgba(145,95,255,.24);
}

.octi-public-status.is-closed{
    color:#d2d8e2;
    background:rgba(180,190,205,.10);
    border:1px solid rgba(180,190,205,.20);
}

.octi-status-description{
    margin:18px 0;

    color:rgba(255,255,255,.70);
    line-height:1.6;
}

.octi-status-data{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}

.octi-status-data > div{
    padding:12px;

    border-radius:13px;

    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.09);
}

.octi-status-data small{
    display:block;
    margin-bottom:5px;

    color:rgba(255,255,255,.45);
    font-size:10px;
    font-weight:900;
}

.octi-status-data strong{
    display:block;

    color:#fff;
    font-size:12px;
    overflow-wrap:anywhere;
}

.octi-status-message{
    margin-top:17px;
    padding:15px;

    border-radius:14px;

    background:rgba(98,255,173,.07);
    border:1px solid rgba(98,255,173,.17);
}

.octi-status-message strong{
    color:#9effc9;
}

.octi-status-message p{
    margin:7px 0 0;

    color:rgba(255,255,255,.72);
    line-height:1.55;
}

.octi-status-new-search{
    margin-top:18px;
    min-height:42px;
    padding:9px 14px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    color:#00150f;
    background:#62ffad;

    text-decoration:none;
    font-size:12px;
    font-weight:1000;
}

@media(max-width:700px){
    .octi-status-result{
        padding:18px;
    }

    .octi-status-result-top{
        flex-direction:column;
    }

    .octi-status-data{
        grid-template-columns:1fr;
    }
}