.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }
@media (max-width: 768px) {
    .services-grid { grid-template-columns: 1fr; }
}

.service-card { background-color: #fff; border: 2px solid #EAECEF; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); }
.service-card.recurrent::before { content: 'RECORRENTE'; position: absolute; top: 25px; right: -50px; background-color: #ffc857; color: #1a1a1a; font-weight: 700; font-size: 0.7rem; padding: 5px 50px; transform: rotate(45deg); }
html[lang="en"] .service-card.recurrent::before { content: 'RECURRING'; }
html[lang="es"] .service-card.recurrent::before { content: 'RECURRENTE'; }
.service-card h2 { font-size: 1.5rem; color: #1D2B3A; margin: 0 0 10px; }

.service-card .description { flex-grow: 1; font-size: 1rem; line-height: 1.6; }
.service-card .description ul { list-style: none; padding: 0; margin-top: 15px; }
.service-card .description li { margin-bottom: 8px; padding-left: 5px; }
.service-card .description li .check { color: #28a745; margin-right: 8px; }

.service-card .cta-button { text-align: center; margin-top: 25px; }

.service-card .price { color: #1D2B3A; font-size: 1.4rem; font-weight: 700; margin-bottom: 20px; }
.service-card .price .apartirde { font-size: 1rem; font-weight: 400; }
.service-card .price .rs { font-size: 1rem; margin: 0 5px 0 0; }
.service-card .price .period { font-size: 1.2rem; margin: 0 0 0 2px; }
.service-card .price .apartirde, .price .rs, .price .period, .service-card .price .price-from { color: #6C757D; }
.service-card .price .price-from { font-size: 1rem; }

.image-block { display: flex; flex-direction: column; position: relative; }
.image-block img { position: absolute; }

.services-desc { padding-right: 450px; }

@media (max-width: 1220px) {
    .image-block { display: none !important; }
    .services-desc { padding-right: 0 !important; }
}