/*--------------------------------------------------------------
# Solución
--------------------------------------------------------------*/

.wp-block-market3-solucion {
    display: flex;
    gap: 3em;
}

figure.solucion-block-image {
    overflow: hidden;
    height: 300px;
}

figure.solucion-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 893px) {
.wp-block-market3-solucion {
    flex-direction: column;
}
figure.solucion-block-image {
    height: 200px;
}
}

@media screen and (min-width: 893px) {
figure.solucion-block-image {
    width: 35%;
}
.solucion-block-summary {
    width: calc(65% - 3em);
}
}

.solucion-block-summary h3 {
    margin: 0 0 0.3em;
}

.solucion-block-summary p.phead {
    color: var(--wp--preset--color--gray-200);
}

.sb-componentes {
    display: flex;
	flex-wrap: wrap;
    gap: 10px;
    margin: 1.8em 0 2.7em;
}

.sb-componente {
    background-color: var(--wp--preset--color--gray-400);
    padding: 1em;
	width: calc(33% - 6.66px);
	border-radius: 0.5em;
}

.sb-componente h4 {
    font-size: var(--wp--preset--font-size--normal);
    margin: 0 0 0.2em;
}

.sb-componente p {
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.4;
}


@media screen and (max-width: 893px) {
.sb-componente {
    width: calc(50% - 10px);
}
}