section:not(:first-of-type) {
    margin-top: 1rem;
}
.divTarjetas > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
    .divTarjetas > div article {
        flex-direction: row;
        align-items: center;
    }
        .divTarjetas > div article i {
            margin: 0;
            margin-right: 20px;
        }
            .divTarjetas > div article.err i {
                background-color: rgba(244, 67, 54, .2);
                color: var(--color-red);
            }
            .divTarjetas > div article.pri i {
                background-color: rgba(171, 71, 188, .2);
                color: var(--color-purple);
            }
            .divTarjetas > div article.inf i {
                background-color: rgba(38, 198, 218, .2);
                color: var(--color-blue);
            }
            .divTarjetas > div article.war i {
                background-color: rgba(255, 152, 0, .2);
                color: var(--color-orange);
            }
        .divTarjetas > div article div {
            display: flex;
            flex-direction: column;
        }
            .divTarjetas > div article div h3 {
                font-size: var(--font-size-xl);
            }
            .divTarjetas > div article div p {
                margin-top:.25rem;
                font-size: var(--font-size-sm);
            }
.protectora {
    display: flex;
    align-items: center;
    width: stretch;
}
.protectora > img {
    height: 4rem;
    margin-right: 1.3rem;
}
.protectora div {
    display: flex;
    flex-direction: column;
}
    .protectora div h3 {
        display: flex;
        align-items: center;
    }
        .protectora div h3 i {
            font-size: var(--icon-size-md);
            padding-left: var(--icon-padding-lg);
        }
    .protectora div p {
        display: flex;
        align-items: center;
        font-size: var(--font-size-base);
        color: var(--color-grey);
    }
        .protectora div p:last-of-type {
            font-size: var(--font-size-sm);
        }
        .protectora div p i {
            font-size: var(--icon-size-sm);
            padding-right: var(--icon-padding-xs);
        }
        .protectora div:first-of-type p {
            margin-top: .25rem;
        }
.protectora > button {
    display: flex;
    align-items: center;
    margin-left: auto;
    border: 0;
    background-color: var(--color-primary);
    color: white;
    font-size: var(--font-size-sm);
    cursor: pointer;
}
    .protectora > button i {
        margin-right: 8px;
        font-size: var(--icon-size-sm);
    }
    .protectora > button:hover {
        scale: 1.05;
    }
.divAdopciones {
    width: stretch;
    margin-top: 1.5rem;
}
    .divAdopciones > div {
        display: grid;
        gap: 1rem;
    }
        .divAdopciones > div > a {
            border-radius: var(--button-border-radius-sm);
            box-shadow: var(--box-shadow);
        }
            .divAdopciones > div > a > span {
                color: white;
                font-size: var(--font-size-xxs);
            }
                .divAdopciones > div > a > span.inf {
                    background-color: var(--color-blue);
                }
                .divAdopciones > div > a > span.suc {
                    background-color: var(--color-green);
                }
                .divAdopciones > div > a > span.war {
                    background-color: var(--color-orange);
                }
                .divAdopciones > div > a > span.pri {
                    background-color: var(--color-purple);
                }
                .divAdopciones > div > a > span.dan {
                    background-color: var(--color-red);
                }
#divVisita .card {
    width: 900px;
}
    #agendaVisita {
        width: 100%;
    }
#divFormulario .card {
    width: 800px;
}
    #divFormulario .pasos {
        display: flex;
        align-items: center;
        width: 550px;
        margin-top: 1rem;
    }
        #divFormulario .pasos div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
            #divFormulario .pasos p {
                font-size: var(--font-size-sm);
            }
            #divFormulario .pasos p:first-of-type {
                width: min-content;
                padding: 5px 10px;
                border-radius: 50%;
                background-color: #c3c3c3;
                color: black!important;
            }
            #divFormulario .pasos p:last-of-type {
                width: max-content;
            }
        #divFormulario .pasos hr {
            width: 100%;
            height: 1.5px;
            margin-top: -10px;
            border: 0;
            background-color: #c3c3c3;
        }
                #divFormulario .pasos .com p:first-of-type, #divFormulario .pasos hr.com {
                    background-color: var(--color-primary);
                    color: white !important;
                }
    #divFormulario .cardBody > div:not(.cardButtons) {
        width: 100%;
        display: none;
    }
        #divFormulario .cardBody > div.act {
            display: block;
        }
        #divFormulario .cardBody > div > h4 {
            width: 100%;
            margin-top: .5rem;
        }
    #divFormulario .cardButtons {
        justify-content: space-between;
    }
        #divFormulario .cardButtons button {
            display: flex;
            align-items: center;
            width: fit-content;
            padding: 7px 10px;
            font-size: var(--font-size-sm);
        }
            #divFormulario .cardButtons button.ocu {
                display: none;
            }
            #divFormulario .cardButtons button i {
                font-size: var(--icon-size-xs);
            }
            #divFormulario .cardButtons button#btnForAnt i {
                margin-right: 7px;
            }
            #divFormulario .cardButtons button#btnForSig i {
                margin-left: 7px;
            }