/* ==================================================
   GUIA HOSPITAL SAMARITANO / NOTRECARE SOROCABA
================================================== */

.guia-samaritano {
    --sam-dourado: #b28a42;
    --sam-dourado-claro: #e4d1a8;
    --sam-preto: #181818;
    --sam-cinza: #626262;
    --sam-fundo: #faf8f3;
    --sam-branco: #ffffff;
    --sam-borda: #e6ddca;

    width: calc(100% - 40px);
    max-width: 1180px;

    margin: 55px auto;
    padding: 0;

    color: #333;

    box-sizing: border-box;
}

.guia-samaritano *,
.guia-samaritano *::before,
.guia-samaritano *::after {
    box-sizing: border-box;
}


/* ==================================================
   CABEÇALHO
================================================== */

.guia-samaritano__cabecalho {
    max-width: 900px;

    margin: 0 0 32px;
}

.guia-samaritano__etiqueta,
.guia-samaritano__mini-etiqueta {
    display: inline-block;

    margin-bottom: 10px;

    color: var(--sam-dourado);

    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}

.guia-samaritano__cabecalho h2 {
    margin: 0 0 16px;

    color: var(--sam-preto);

    font-size: clamp(29px, 3vw, 40px);
    line-height: 1.18;
    font-weight: 700;

    letter-spacing: -0.8px;
}

.guia-samaritano__cabecalho p {
    max-width: 850px;

    margin: 0;

    color: var(--sam-cinza);

    font-size: 17px;
    line-height: 1.75;
}


/* ==================================================
   MUDANÇA DE NOME
================================================== */

.guia-samaritano__mudanca {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        70px
        minmax(0, 1fr);

    align-items: center;

    gap: 15px;

    margin: 30px 0 25px;

    padding: 28px;

    background:
        linear-gradient(
            135deg,
            #191919 0%,
            #24221e 100%
        );

    border-radius: 17px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.08);
}

.guia-samaritano__nome-antigo,
.guia-samaritano__nome-atual {
    padding: 9px 5px;
}

.guia-samaritano__nome-antigo span,
.guia-samaritano__nome-atual span {
    display: block;

    margin-bottom: 6px;

    color: #cba45d;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.guia-samaritano__nome-antigo strong,
.guia-samaritano__nome-atual strong {
    display: block;

    color: #fff;

    font-size: 22px;
    line-height: 1.3;
}

.guia-samaritano__seta {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;

    margin: auto;

    color: #e1bd78;

    border: 1px solid rgba(225,189,120,.45);
    border-radius: 50%;

    font-size: 27px;
}


/* ==================================================
   RESUMO
================================================== */

.guia-samaritano__resumo {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 15px;

    margin: 25px 0 38px;
}

.guia-samaritano__resumo-item {
    display: flex;

    align-items: center;

    gap: 13px;

    min-width: 0;

    padding: 19px 16px;

    background: #fff;

    border: 1px solid var(--sam-borda);
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(0,0,0,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.guia-samaritano__resumo-item:hover {
    transform: translateY(-2px);

    box-shadow:
        0 9px 24px rgba(0,0,0,.07);
}

.guia-samaritano__icone {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    background: var(--sam-fundo);

    border: 1px solid #eee4d2;
    border-radius: 50%;

    font-size: 19px;
}

.guia-samaritano__resumo-item div {
    min-width: 0;
}

.guia-samaritano__resumo-item strong {
    display: block;

    margin-bottom: 4px;

    color: var(--sam-preto);

    font-size: 14px;
    line-height: 1.35;
}

.guia-samaritano__resumo-item div span {
    display: block;

    color: #747474;

    font-size: 13px;
    line-height: 1.4;
}


/* ==================================================
   CONTEÚDO EM DUAS COLUNAS
================================================== */

.guia-samaritano__conteudo {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 24px;

    margin: 30px 0;
}

.guia-samaritano__coluna {
    padding: 28px;

    background: #fff;

    border: 1px solid var(--sam-borda);
    border-radius: 15px;

    box-shadow:
        0 5px 18px rgba(0,0,0,.025);
}

.guia-samaritano__coluna h3,
.guia-samaritano__bloco h3,
.guia-samaritano__planos h3 {
    margin: 0 0 14px;

    color: var(--sam-preto);

    font-size: 22px;
    line-height: 1.35;
}

.guia-samaritano__coluna p,
.guia-samaritano__bloco p,
.guia-samaritano__planos p {
    margin: 0 0 14px;

    color: #555;

    font-size: 15px;
    line-height: 1.75;
}

.guia-samaritano__coluna p:last-child,
.guia-samaritano__bloco p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   DESTAQUE 2021
================================================== */

.guia-samaritano__destaque {
    display: grid;

    grid-template-columns:
        170px
        minmax(0,1fr);

    align-items: center;

    gap: 30px;

    margin: 30px 0;

    padding: 34px;

    background:
        radial-gradient(
            circle at top right,
            rgba(178,138,66,.17),
            transparent 38%
        ),
        #171717;

    border-radius: 18px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.08);
}

.guia-samaritano__destaque-ano {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 145px;
    height: 145px;

    color: #f1d89f;

    border: 1px solid rgba(228,209,168,.55);
    border-radius: 50%;

    font-size: 33px;
    font-weight: 800;
}

.guia-samaritano__destaque-texto > span {
    display: block;

    margin-bottom: 8px;

    color: #d2ab62;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.4px;
}

.guia-samaritano__destaque h3 {
    margin: 0 0 13px;

    color: #fff;

    font-size: 27px;
    line-height: 1.3;
}

.guia-samaritano__destaque p {
    margin: 0 0 10px;

    color: #dedede;

    font-size: 15px;
    line-height: 1.72;
}

.guia-samaritano__destaque p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   BLOCOS
================================================== */

.guia-samaritano__bloco {
    margin: 26px 0;

    padding: 30px;

    background: #fff;

    border: 1px solid var(--sam-borda);
    border-radius: 15px;
}

.guia-samaritano__bloco--claro {
    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #faf7f0 100%
        );
}


/* ==================================================
   NÚMEROS
================================================== */

.guia-samaritano__dados {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 12px;

    margin: 23px 0;
}

.guia-samaritano__dados div {
    padding: 20px 14px;

    text-align: center;

    background: #faf7f0;

    border: 1px solid #e5d6b6;
    border-radius: 11px;
}

.guia-samaritano__dados strong {
    display: block;

    margin-bottom: 5px;

    color: var(--sam-dourado);

    font-size: 29px;
    line-height: 1;
}

.guia-samaritano__dados span {
    display: block;

    color: #5e5e5e;

    font-size: 12px;
    line-height: 1.4;
}

.guia-samaritano__nota {
    padding-top: 13px;

    border-top: 1px solid #eee;

    color: #777 !important;

    font-size: 12px !important;
}


/* ==================================================
   LISTA
================================================== */

.guia-samaritano__lista {
    color: #484848 !important;

    line-height: 1.95 !important;
}


/* ==================================================
   PLANOS
================================================== */

.guia-samaritano__planos {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        330px;

    align-items: center;

    gap: 35px;

    margin: 30px 0;

    padding: 33px;

    background:
        linear-gradient(
            135deg,
            #fbf8f2 0%,
            #f6efe2 100%
        );

    border: 1px solid #dfceab;
    border-radius: 16px;
}

.guia-samaritano__planos-alerta {
    padding: 23px;

    background: #191919;

    border-radius: 12px;
}

.guia-samaritano__planos-alerta > span {
    display: block;

    margin-bottom: 7px;

    color: #d6ac61;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.4px;
}

.guia-samaritano__planos-alerta strong {
    display: block;

    margin-bottom: 8px;

    color: #fff;

    font-size: 17px;
    line-height: 1.4;
}

.guia-samaritano__planos-alerta p {
    margin: 0;

    color: #d2d2d2;

    font-size: 13px;
    line-height: 1.6;
}


/* ==================================================
   AVISO
================================================== */

.guia-samaritano__aviso {
    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin: 30px 0;

    padding: 24px;

    background: #fffaf0;

    border: 1px solid #ead7ad;
    border-left: 4px solid var(--sam-dourado);

    border-radius: 10px;
}

.guia-samaritano__aviso-icone {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    color: #fff;

    background: var(--sam-dourado);

    border-radius: 50%;

    font-size: 19px;
    font-weight: 800;
}

.guia-samaritano__aviso strong {
    display: block;

    margin: 2px 0 6px;

    color: #181818;
}

.guia-samaritano__aviso p {
    margin: 0;

    color: #5d5d5d;

    font-size: 14px;
    line-height: 1.7;
}


/* ==================================================
   FONTES
================================================== */

.guia-samaritano__fontes {
    margin-top: 32px;

    padding-top: 25px;

    border-top: 1px solid #e3e3e3;
}

.guia-samaritano__fontes > strong {
    display: block;

    margin-bottom: 8px;

    color: #333;

    font-size: 14px;
}

.guia-samaritano__fontes > p {
    margin: 0 0 13px;

    color: #777;

    font-size: 13px;
    line-height: 1.65;
}

.guia-samaritano__links {
    display: flex;

    flex-wrap: wrap;

    gap: 9px 20px;
}

.guia-samaritano__links a {
    color: #8b672d;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;
}

.guia-samaritano__links a::after {
    content: " ↗";
}

.guia-samaritano__links a:hover {
    color: #5d421c;

    text-decoration: underline;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1000px) {

    .guia-samaritano__resumo {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .guia-samaritano__dados {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==================================================
   MOBILE / TABLET
================================================== */

@media (max-width: 760px) {

    .guia-samaritano {
        width: calc(100% - 30px);

        margin: 40px auto;
    }

    .guia-samaritano__mudanca {
        grid-template-columns: 1fr;

        gap: 12px;

        padding: 24px 21px;
    }

    .guia-samaritano__seta {
        transform: rotate(90deg);

        width: 47px;
        height: 47px;
    }

    .guia-samaritano__conteudo {
        grid-template-columns: 1fr;
    }

    .guia-samaritano__destaque {
        grid-template-columns: 1fr;

        gap: 22px;

        padding: 27px 23px;
    }

    .guia-samaritano__destaque-ano {
        width: 110px;
        height: 110px;

        font-size: 27px;
    }

    .guia-samaritano__planos {
        grid-template-columns: 1fr;

        gap: 22px;

        padding: 27px 22px;
    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 520px) {

    .guia-samaritano {
        width: calc(100% - 24px);

        margin: 34px auto;
    }

    .guia-samaritano__cabecalho h2 {
        font-size: 27px;
    }

    .guia-samaritano__cabecalho p {
        font-size: 16px;
    }

    .guia-samaritano__resumo {
        grid-template-columns: 1fr;
    }

    .guia-samaritano__dados {
        grid-template-columns: 1fr 1fr;
    }

    .guia-samaritano__coluna,
    .guia-samaritano__bloco {
        padding: 22px 19px;
    }

    .guia-samaritano__destaque {
        padding: 24px 19px;
    }

    .guia-samaritano__destaque h3 {
        font-size: 22px;
    }

    .guia-samaritano__planos {
        padding: 23px 19px;
    }

    .guia-samaritano__aviso {
        padding: 20px 17px;
    }

    .guia-samaritano__links {
        flex-direction: column;
    }

}