/* ===========================================================================
   ADMINISTRAÇÃO DE CONDOMÍNIO: TÍTULO, TEXTO DE ABERTURA, BLOCOS DE SERVIÇO E
   A FAIXA "CONTRATE NOSSOS SERVIÇOS".
   =========================================================================== */

/* ---- FAIXA DE FOTO ----------------------------------------------------------
   470px, FOTO PRESA NO CANTO DE CIMA À ESQUERDA, RECUANDO DE 115% PARA 100% DA
   LARGURA. O TOM VERMELHO JÁ VEM NA IMAGEM. */

.condominio-faixa {
    height: 470px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    animation: condominio-recuo 10s cubic-bezier(.445, .05, .55, .95) both;
}

@keyframes condominio-recuo {
    from { background-size: 115%; }
    to { background-size: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .condominio-faixa { animation: none; }
}

@media (max-width: 767px) {
    .condominio-faixa { display: none; }
}

.condominio {
    position: relative;
    min-height: 700px;
    padding: 95px 0 40px;
    text-align: center;
}

.condominio__titulo {
    margin: 0 0 20px;
    font-family: var(--fonte-titulo);
    font-size: 40px;
    font-weight: 500;
    line-height: 38px;
}

.condominio__servicos {
    padding: 40px 0 55px;
    text-align: left;
}

/* ---- TEXTO DE ABERTURA -------------------------------------------------------
   O PARÁGRAFO É EM LINHA (inline): FICA ALINHADO À ESQUERDA. */

.condominio__abertura {
    padding: 40px;
    background-color: #fff;
}

.condominio__abertura hr {
    height: 0;
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
}

.condominio__abertura p {
    display: inline;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

/* ---- BLOCOS DE SERVIÇO ------------------------------------------------------------
   TRÊS COLUNAS COLADAS, CADA CAIXA COM SOMBRA LEVE. */

.servicos::after {
    content: '';
    display: table;
    clear: both;
}

.servico {
    position: relative;
    z-index: 2;
    float: left;
    width: 33.33333333%;
    padding: 0 30px 30px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    text-align: center;
    transition: all .2s ease-out 0s;
}

/* AO PASSAR O MOUSE O BLOCO SOBE 10px, COM SOMBRA MAIOR, POR CIMA DOS VIZINHOS. */
.servico:hover {
    z-index: 100;
    box-shadow: 4px 4px 10px #ccc;
    transform: translate(0, -10px);
}

.servico__icone {
    min-width: 80px;
    padding: 80px 0 70px;
    font-size: 60px;
    line-height: 1.42857143;
}

.servico__icone img {
    max-width: 100%;
    height: auto;
}

.servico__titulo {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.servico__texto {
    margin: 0 0 10px;
    color: #636363;
    font-size: 17px;
    font-weight: 300;
    line-height: 22px;
}

/* ---- FAIXA "CONTRATE" ---------------------------------------------------------- */

.contrate {
    margin-bottom: -30px;
    padding: 55px 0;
    background-color: var(--laranja);
    color: #fff;
    text-align: center;
}

.contrate__titulo {
    margin: 20px 0 10px;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.1;
}

.contrate__texto {
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
}

/* ---- RESPONSIVO -------------------------------------------------------------------- */

@media (max-width: 1199px) {
    .servico__titulo { font-size: 18px; line-height: 22px; }
}

@media (max-width: 991px) {
    .condominio { min-height: 0; padding-top: 60px; }
    .condominio__titulo { font-size: 32px; line-height: 38px; }
    .condominio__abertura { padding: 0 0 30px; }
    .condominio__abertura p { font-size: 18px; line-height: 26px; }

    /* DUAS COLUNAS COM VÃO; A TERCEIRA OCUPA A LINHA TODA. */
    .servicos {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .servicos::after { content: none; }

    .servico {
        float: none;
        width: auto;
        padding: 0 25px 25px;
    }

    .servico:last-child:nth-child(odd) { grid-column: 1 / -1; }

    .servico__icone { padding: 40px 0 25px; font-size: 50px; }
    .servico__texto { font-size: 16px; line-height: 22px; }

    .contrate__titulo { font-size: 30px; }
    .contrate__texto { font-size: 18px; }
}

@media (max-width: 767px) {
    .condominio { padding: 35px 0 20px; }
    .condominio__titulo { margin-bottom: 10px; font-size: 26px; line-height: 32px; }
    .condominio__servicos { padding: 20px 0 35px; }
    .condominio__abertura p { font-size: 16px; line-height: 24px; }

    .servicos { grid-template-columns: 1fr; }

    .servico { padding: 0 20px 20px; }
    .servico__icone { padding: 30px 0 15px; font-size: 38px; }
    .servico__icone img { width: 48px; }
    .servico__titulo { font-size: 16px; line-height: 20px; }
    .servico__texto { font-size: 15px; line-height: 21px; }

    .contrate { padding: 35px 0; }
    .contrate__titulo { font-size: 24px; }
    .contrate__texto { font-size: 16px; }

    .contrate__botao { display: block; }
}