/* Hope House · Central de Captação Efí + PayPal v2.0.0 */

.gateway-summary{
    display:grid;
    gap:10px;
    margin:28px 0;
}
.gateway-summary>div{
    display:grid;
    grid-template-columns:14px auto 1fr;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border:1px solid var(--line,#deddd6);
    background:#fff;
}
.gateway-summary strong{font-size:13px}
.gateway-summary small{color:#727276;font-size:11px}
.gateway-dot{
    width:10px;height:10px;border-radius:50%;display:block;
}
.gateway-dot--efi{background:#0d7257}
.gateway-dot--paypal{background:#1674d1}

.payment-method-section{
    display:grid;
    gap:10px;
}
.payment-method-card{
    display:grid!important;
    grid-template-columns:22px 54px 1fr;
    align-items:center;
    gap:12px;
    padding:14px!important;
    border:1px solid #d7d5cb;
    background:#fff;
    cursor:pointer;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.payment-method-card:hover{
    border-color:#8c8760;
    box-shadow:0 8px 20px rgba(70,70,70,.07);
}
.payment-method-card:has(input:checked){
    border-color:#59595b;
    box-shadow:0 0 0 2px rgba(244,200,106,.45);
}
.payment-method-card input{width:18px!important;height:18px}
.payment-method-card__mark{
    display:grid;
    place-items:center;
    min-height:34px;
    padding:4px;
    background:#0d7257;
    color:#fff;
    font:700 10px/1 var(--mono,monospace);
    letter-spacing:.06em;
}
.payment-method-card strong{display:block;color:#474749;font-size:14px}
.payment-method-card small{display:block;margin-top:3px;color:#747478;font-size:11px}
.payment-method-note{
    margin:0;
    padding:11px 13px;
    border-left:4px solid #83d0db;
    background:#f2f8f8;
    color:#5e5e62;
    font-size:11px;
}

.paypal-alternative{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    margin-top:26px;
    padding:22px;
    border-top:1px solid #deddd6;
    background:#f8f8f5;
}
.paypal-alternative h4{
    margin:2px 0 6px;
    font-family:var(--serif,serif);
    font-size:25px;
    color:#474749;
}
.paypal-alternative p{margin:0;max-width:420px;color:#6c6c70;font-size:12px}
.button--paypal{
    flex:0 0 auto;
    background:#1674d1!important;
    color:#fff!important;
    border-color:#1674d1!important;
}
.button--paypal:hover{background:#0e5fac!important}

/* Página de pagamento */
.efi-payment-page{background:#f5f4ef;min-height:70vh}
.efi-payment-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,500px);
    gap:70px;
    align-items:start;
}
.efi-payment-intro h1{
    max-width:720px;
    margin:10px 0 18px;
    font-family:var(--serif,serif);
    font-size:clamp(42px,5vw,78px);
    font-weight:600;
    line-height:.94;
    letter-spacing:-.035em;
    color:#474749;
}
.efi-payment-intro>p{max-width:650px;color:#66666a;font-size:15px;line-height:1.7}
.efi-payment-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:34px;
    border-top:1px solid #cbc9c0;
    border-left:1px solid #cbc9c0;
}
.efi-payment-summary>div{
    padding:16px;
    border-right:1px solid #cbc9c0;
    border-bottom:1px solid #cbc9c0;
    background:rgba(255,255,255,.52);
}
.efi-payment-summary span{display:block;margin-bottom:6px;font:600 9px/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#8c8760}
.efi-payment-summary strong{color:#474749;font-size:14px}
.efi-auto-note{
    margin-top:24px;
    padding:18px 20px;
    border-left:6px solid #c9e265;
    background:#fff;
}
.efi-auto-note strong{display:block;margin-bottom:6px;font-family:var(--serif,serif);font-size:21px;color:#474749}
.efi-auto-note p{margin:0;color:#69696d;font-size:12px;line-height:1.6}

.efi-payment-card{
    padding:34px;
    background:#fff;
    border-top:9px solid #83d0db;
    box-shadow:0 26px 60px rgba(53,53,53,.12);
}
.efi-qrcode{
    display:grid;
    place-items:center;
    margin-bottom:22px;
    padding:16px;
    background:#fff;
    border:1px solid #e2e1db;
}
.efi-qrcode img{display:block;width:min(100%,320px);height:auto}
.efi-copy-label{
    display:block;
    color:#4d4d50;
    font-size:11px;
    font-weight:700;
}
.efi-copy-label textarea{
    width:100%;
    min-height:112px;
    margin-top:8px;
    padding:13px;
    resize:none;
    border:1px solid #d8d7d0;
    background:#f7f7f4;
    color:#55555a;
    font:11px/1.45 monospace;
    word-break:break-all;
}
.efi-copy-button,.efi-refresh-button{
    width:100%;
    justify-content:center;
    margin-top:12px;
}
.efi-visualization-link{
    display:inline-flex;
    margin-top:16px;
}
.efi-payment-help{
    display:block;
    margin:12px 0 22px;
    color:#818185;
    font-size:10px;
    line-height:1.5;
}
.efi-status{
    margin-bottom:16px;
    padding:12px 14px;
    border-left:5px solid #83d0db;
    background:#f1f8f8;
    color:#55555a;
    font-size:12px;
}
.efi-status--success{border-color:#c9e265;background:#f4fae8}
.efi-status--warning{border-color:#f4c86a;background:#fff8e7}
.efi-paid-seal{
    display:grid;
    place-items:center;
    min-height:300px;
    text-align:center;
}
.efi-paid-seal span{
    display:grid;place-items:center;width:84px;height:84px;border-radius:50%;
    background:#c9e265;color:#474749;font-size:46px;font-weight:700;
}
.efi-paid-seal strong{margin-top:18px;font-family:var(--serif,serif);font-size:30px;color:#474749}
.efi-paid-seal small{margin-top:8px;color:#77777b}

/* badges no admin não são afetados; somente site */
@media(max-width:900px){
    .efi-payment-grid{grid-template-columns:1fr;gap:38px}
    .efi-payment-card{max-width:620px}
    .paypal-alternative{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
    .efi-payment-summary{grid-template-columns:1fr}
    .efi-payment-card{padding:22px}
    .payment-method-card{grid-template-columns:20px 48px 1fr}
    .paypal-alternative{padding:18px}
}