main {
    margin-left: 190px; /* mismo ancho que el nav */
}

/* secciones generales */
section {
    padding: 40px 60px;
    background-color: var(--cream);
    margin-bottom: 20px;
}

.why-section,
.breeding-section {
    display: flex;
    gap: 30px;
    align-items: center;
}

.why-text,
.breeding-text {
    flex: 1;
}

.why-image,
.breeding-image {
    flex: 1;
    text-align: center;
}

.why-image img,
.breeding-image img {
    max-width: 100%;
    border-radius: 8px;
}

/* FOOTER */
.footer {
    margin-left: 190px;
    padding: 20px 60px;
    background-color: var(--brown-dark);
    color: var(--cream);
    font-size: 14px;
}
.footer a {
    color: var(--cream);
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
.why-image img,
.breeding-image img {
    width: 408px;
    height: 246px;
    object-fit: cover;
    border-radius: 8px; /* opcional */
}