.elementor {
.ficha-servicio {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2rem;
padding: 2rem 1rem;
font-family: 'Baloo 2', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ficha-servicio .image {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
height: 450px;
img {
height: 100%;
width: 100%;
border-radius: 1rem;
object-fit: cover;
max-width: 80%;
}
}
.ficha-servicio.derecha {
.image {
order: 1;
justify-content: flex-start;
}
.content {
order: 2;
justify-content: flex-end;
}
}
.ficha-servicio .content {
display: flex;
margin-top: -14%;
width: 100%;
.content__text {
width: 50%;
background: white;
border-radius: 30px;
padding: 2rem;
border: 3px dashed #d1810966;
}
.content__stats {
padding-top: 14%;
width: 50%;
display: flex;
.content__stat-item {
width: 50%;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
}
}
.ficha-servicio .content small {
display: block;
font-size: 0.9rem;
font-weight: 600;
color: #5a5a5a;
margin-bottom: 0.5rem;
}
.ficha-servicio .content .seccion__titulo {
font-size: 2.2rem;
font-weight: 800;
color: #1a1a1a;
margin: 0 0 1rem;
}
.ficha-servicio .content p {
font-size: 1rem;
color: #555;
line-height: 1.6;
margin-bottom: 1.5rem;
}
.ficha-servicio .button {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: #1a1a1a;
color: #fff;
border-radius: 1.5rem;
text-decoration: none;
font-weight: 600;
transition: background-color 0.3s ease;
}
.ficha-servicio .button:hover {
background-color: #333;
}
.ficha-servicio .stats {
display: flex;
gap: 3rem;
margin-top: 2rem;
flex-wrap: wrap;
}
.ficha-servicio .stats div {
text-align: left;
}
.ficha-servicio .stats strong {
font-size: 2rem;
font-weight: 700;
color: #1a1a1a;
display: block;
}
.ficha-servicio .stats span {
font-size: 0.95rem;
color: #777;
} @media (max-width: 767px) {
.ficha-servicio {
flex-direction: column;
gap: 1rem !important;
.seccion__titulo {
font-size: 24px !important;
line-height: 1em ;
}
}
.ficha-servicio .image,
.ficha-servicio .content {
flex: 1 1 100%;
max-width: 100%;
}
.ficha-servicio .stats {
gap: 2rem;
justify-content: flex-start;
}
.ficha-servicio .content {
display: flex;
margin-top:0;
width: 100%;
.content__text {
width: 100%;
background: white;
border-radius: 30px;
padding: 1rem;
}
.content__stats {
padding-top: 16px;
width: 100%;
display: flex;
.content__stat-item {
width: 100%;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
}
}
.ficha-servicio .image {
width: 100%;
img {
max-height: 400px;
object-fit: cover;
max-width: 100%;
}
}
}
}