:root {
    --g-blue: #4285F4;
    --g-green: #34A853;
    --g-yellow: #FBBC05;
    --g-gray: #70757a;
    --border-color: #dadce0;
}

#opcred-results { display: flex; flex-direction: column; gap: 16px; max-width: 1000px; margin: 0 auto; }

.opcred-card {
    display: grid;
    grid-template-columns: 180px 1fr 220px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    font-family: 'Roboto', Arial, sans-serif;
}

.opcred-card:hover { box-shadow: 0 1px 6px rgba(32,33,36,0.28); }

.op-card-brand {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-right: 1px solid var(--border-color);
    position: relative;
}

.op-badge-g { background: var(--g-green); color: #fff; font-size: 10px; font-weight: bold; padding: 2px 8px; border-radius: 4px; margin-bottom: 10px; text-transform: uppercase; }

.op-card-content { padding: 20px 25px; }
.op-card-content h3 { margin: 0 0 5px 0; color: #1a0dab; font-size: 1.2rem; font-weight: 500; }
.op-card-desc { font-size: 14px; color: var(--g-gray); line-height: 1.5; margin-bottom: 10px; }

.op-card-specs { display: flex; gap: 20px; }
.spec-item { display: flex; flex-direction: column; }
.spec-label { font-size: 11px; color: var(--g-gray); text-transform: uppercase; }
.spec-value { font-size: 14px; font-weight: bold; color: var(--g-blue); }

.op-card-action {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-left: 1px dashed #eee;
}

.op-trust-info { font-size: 11px; color: var(--g-green); font-weight: bold; display: flex; align-items: center; gap: 4px; }
.op-trust-info .dashicons { font-size: 14px; width: 14px; height: 14px; }

.opcred-btn {
    width: 100%;
    text-align: center;
    background: var(--g-blue);
    color: #fff !important;
    padding: 10px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}

.op-pedidos-count { font-size: 12px; color: var(--g-gray); font-weight: 500; }

@media (max-width: 768px) {
    .opcred-card { grid-template-columns: 1fr; }
    .op-card-brand { border-right: none; border-bottom: 1px solid var(--border-color); }
    .op-card-action { border-left: none; border-top: 1px solid #eee; }
}