/* ===== Base layout ===== */
#sc-form.sc-card{
    --azul:#004cff;
    --azul-osc:#0036c7;
    --borde:#d0d7de;
    --bg:#ffffff;
    --bg-soft:#f5faff;
    --texto:#0b1b2b;

    background: var(--bg);
    padding: 24px;
    border: 1px solid var(--borde);
    border-radius: 14px;
    max-width: 820px;
    margin: 10px 0 20px;
    box-shadow: 0 8px 24px rgba(16,33,53,.06);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    color: var(--texto);
}

.sc-title{
    margin: 0 0 12px;
    font-size: 22px;
    color: #003366;
}

.sc-subtitle{
    margin: 16px 0 10px;
    font-size: 18px;
    color: #003366;
}

.sc-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
@media (max-width: 680px){
    .sc-grid{ grid-template-columns: 1fr; }
}

.sc-field label{
    font-weight: 600;
    color: #003366;
    display: block;
    margin-bottom: 6px;
}
.sc-field input{
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #ccd6dd;
    border-radius: 10px;
    font-size: 15px;
    background: #fff;
    transition: box-shadow .15s ease, border-color .15s ease;
}
.sc-field input:focus{
    outline: none;
    border-color: var(--azul);
    box-shadow: 0 0 0 3px rgba(0,76,255,.12);
}

/* Buttons */
.sc-btn, .sc-btn-secondary{
    display: inline-block;
    padding: 12px 18px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    transition: transform .05s ease, background .2s ease;
}
.sc-btn{
    background: var(--azul);
    color: #fff;
    margin-top: 10px;
}
.sc-btn:hover{ background: var(--azul-osc); }
.sc-btn:active{ transform: translateY(1px); }

.sc-btn-secondary{
    background: #e9efff;
    color: var(--azul);
    margin-top: 6px;
}
.sc-btn-secondary:hover{ background: #dfe8ff; }

/* Result */
.sc-result{
    margin-top: 20px;
    background: var(--bg-soft);
    border-left: 5px solid var(--azul);
    border-radius: 10px;
    padding: 16px;
}
.sc-result h4{ margin: 0 0 8px; color: var(--azul); }
.sc-summary{ display:grid; grid-template-columns: repeat(2,1fr); gap:8px; }
@media (max-width: 680px){ .sc-summary{ grid-template-columns: 1fr; } }
.sc-msg{ margin-top: 10px; font-size: 14px; }

/* Table */
.sc-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 12px;
    font-size: 15px;
}
.sc-table thead th{
    text-align: left;
    background: #f0f4f8;
    color: #003366;
    font-weight: 700;
    padding: 12px;
    border-bottom: 2px solid #d0d7de;
}
.sc-table tbody td{
    background: #fff;
    padding: 12px;
    border-bottom: 1px solid #e5eaf0;
}
.sc-table tbody tr:hover td{ background: #f7fbff; }

/* Contact block */
.sc-contact{
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px dashed #d8e0ea;
}