.sscfo-contacto {
    --sscfo-azul: #00538F;
    --sscfo-azul-oscuro: #08265c;
    --sscfo-dorado: #C9A35B;
    --sscfo-fondo: #F5F7FA;
    --sscfo-texto: #27364A;
    --sscfo-borde: #DCE3EA;
    --sscfo-blanco: #FFFFFF;
}

body.page {
    margin: 0;
}

body.page #content,
body.page .site-main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.sscfo-contacto {
    width: 100%;
    color: var(--sscfo-texto);
    font-family: Arial, sans-serif;
}

/* HERO */

.sscfo-contacto-hero {
    background:
        linear-gradient(105deg, rgba(8,38,92,.98) 0%, rgba(0,83,143,.94) 58%, rgba(0,83,143,.86) 100%);
    padding: 82px 24px 88px;
    color: #fff;
}

.sscfo-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.sscfo-eyebrow {
    display: inline-block;
    margin-bottom: 17px;
    color: var(--sscfo-dorado);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.sscfo-contacto-hero h1 {
    max-width: 790px;
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.05;
    font-weight: 700;
}

.sscfo-contacto-hero p {
    max-width: 760px;
    margin: 0 0 31px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 1.7;
}

.sscfo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 27px;
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    transition: .2s ease;
}

.sscfo-btn-principal {
    background: var(--sscfo-dorado);
    color: var(--sscfo-azul-oscuro) !important;
}

.sscfo-btn-principal:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
}

/* FORMULARIO */

.sscfo-contacto-main {
    padding: 76px 0;
    background: var(--sscfo-fondo);
}

.sscfo-contacto-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(290px, 1fr);
    gap: 34px;
    align-items: start;
}

.sscfo-card {
    background: #fff;
    border: 1px solid var(--sscfo-borde);
    border-radius: 6px;
    padding: 38px;
    box-shadow: 0 12px 35px rgba(8,38,92,.06);
}

.sscfo-card h2 {
    margin: 0 0 9px;
    color: var(--sscfo-azul-oscuro);
    font-size: 27px;
}

.sscfo-card-intro {
    margin: 0 0 29px;
    color: #667386;
    line-height: 1.6;
}

.sscfo-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.sscfo-field-full {
    grid-column: 1 / -1;
}

.sscfo-field label {
    display: block;
    margin-bottom: 8px;
    color: var(--sscfo-azul-oscuro);
    font-size: 13px;
    font-weight: 700;
}

.sscfo-field input,
.sscfo-field select,
.sscfo-field textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #CBD4DF;
    border-radius: 4px;
    background: #fff;
    padding: 13px 14px;
    color: #26384B;
    font: inherit;
    outline: none;
}

.sscfo-field input,
.sscfo-field select {
    height: 48px;
}

.sscfo-field textarea {
    min-height: 145px;
    resize: vertical;
}

.sscfo-field input:focus,
.sscfo-field select:focus,
.sscfo-field textarea:focus {
    border-color: var(--sscfo-azul);
    box-shadow: 0 0 0 3px rgba(0,83,143,.08);
}

.sscfo-privacidad {
    margin: 20px 0;
    color: #6D7785;
    font-size: 12px;
    line-height: 1.55;
}

.sscfo-submit {
    border: 0;
    background: var(--sscfo-azul);
    color: #fff;
    cursor: pointer;
}

.sscfo-submit:hover {
    background: var(--sscfo-azul-oscuro);
}

/* CONTACTO DIRECTO */

.sscfo-directo {
    border-top: 4px solid var(--sscfo-dorado);
}

.sscfo-directo h2 {
    margin-bottom: 25px;
}

.sscfo-contacto-item {
    padding: 18px 0;
    border-bottom: 1px solid #E5E9EE;
}

.sscfo-contacto-item:last-of-type {
    border-bottom: 0;
}

.sscfo-contacto-item small {
    display: block;
    margin-bottom: 5px;
    color: #8792A1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sscfo-contacto-item strong,
.sscfo-contacto-item a {
    color: var(--sscfo-azul-oscuro);
    text-decoration: none;
    font-size: 15px;
}

.sscfo-btn-whatsapp {
    width: 100%;
    margin-top: 25px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid var(--sscfo-azul);
    color: var(--sscfo-azul) !important;
}

.sscfo-btn-whatsapp:hover {
    background: var(--sscfo-azul);
    color: #fff !important;
}

/* CONFIANZA */

.sscfo-confianza {
    padding: 76px 24px;
    background: #fff;
    text-align: center;
}

.sscfo-confianza h2 {
    max-width: 780px;
    margin: 0 auto 22px;
    color: var(--sscfo-azul-oscuro);
    font-size: clamp(27px, 4vw, 38px);
    line-height: 1.2;
}

.sscfo-linea-dorada {
    width: 62px;
    height: 3px;
    margin: 0 auto 25px;
    background: var(--sscfo-dorado);
}

.sscfo-confianza p {
    max-width: 820px;
    margin: 0 auto;
    color: #5F6C7B;
    font-size: 16px;
    line-height: 1.8;
}

.sscfo-valores {
    margin-top: 28px !important;
    color: var(--sscfo-azul) !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: 1.8px;
}

/* CIERRE */

.sscfo-cierre {
    padding: 65px 24px;
    background: var(--sscfo-azul-oscuro);
    text-align: center;
    color: #fff;
}

.sscfo-cierre h2 {
    max-width: 750px;
    margin: 0 auto 27px;
    color: #fff;
    font-size: clamp(27px, 4vw, 38px);
    line-height: 1.3;
}

@media (max-width: 850px) {
    .sscfo-contacto-grid {
        grid-template-columns: 1fr;
    }

    .sscfo-form-grid {
        grid-template-columns: 1fr;
    }

    .sscfo-field-full {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    .sscfo-container {
        width: min(100% - 28px, 1180px);
    }

    .sscfo-contacto-hero {
        padding: 58px 7px 62px;
    }

    .sscfo-contacto-main {
        padding: 45px 0;
    }

    .sscfo-card {
        padding: 25px 20px;
    }
}

/* MENSAJES DEL FORMULARIO */
.sscfo-alerta {
    margin: 18px 0 25px;
    padding: 15px 18px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
}

.sscfo-alerta-ok {
    background: #edf8f1;
    border: 1px solid #b9dfc6;
    color: #23643a;
}

.sscfo-alerta-error {
    background: #fff1f1;
    border: 1px solid #e7bcbc;
    color: #9b2c2c;
}

/* Fondo de mármol negro: portada de Contacto */
.sscfo-contacto .sscfo-contacto-hero {
    background: #080808 url("https://cynthia.sscfo.com.py/wp-content/uploads/2026/10/Marmol-negro-con-vetas-plateadas-1.png") center center / cover no-repeat;
}

/* Colores negros para Contacto */
.sscfo-contacto {
    --sscfo-azul: #111111;
    --sscfo-azul-oscuro: #000000;
    --sscfo-texto: #111111;
}
.sscfo-contacto .sscfo-card-intro,
.sscfo-contacto .sscfo-field input,
.sscfo-contacto .sscfo-field select,
.sscfo-contacto .sscfo-field textarea,
.sscfo-contacto .sscfo-confianza p {
    color: #111111;
}
.sscfo-contacto .sscfo-field input::placeholder,
.sscfo-contacto .sscfo-field textarea::placeholder {
    color: #555555;
}