.block-cta {
    background: var(--culoare-accent);
}

.block-cta.block-container {
    border-radius: 12px;
}

.cta-content {
    text-align: center;
    color: #fff;
}

.cta-content h2 {
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.cta-content p {
    margin: 0 0 20px;
    opacity: 0.92;
}

.cta-button {
    display: inline-block;
    background: #fff;
    color: var(--culoare-accent);
    font-weight: 700;
    padding: 12px 28px;
    border-radius: 6px;
}

.cta-button:hover {
    color: var(--culoare-accent-hover);
}

/* Rotator de texte (Admin -> Continut pagini -> bloc CTA -> "Texte rotative") - vezi cta.js. */

.cta-rotator {
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 1;
    transform: translate(0, 0);
}

.cta-rotator.no-transition {
    transition: none;
}

.cta-rotator[data-effect="fade"].is-out,
.cta-rotator[data-effect="fade"].is-in-start {
    opacity: 0;
}

.cta-rotator[data-effect="dreapta-stanga"].is-out {
    opacity: 0;
    transform: translateX(-30px);
}

.cta-rotator[data-effect="dreapta-stanga"].is-in-start {
    opacity: 0;
    transform: translateX(30px);
}

.cta-rotator[data-effect="stanga-dreapta"].is-out {
    opacity: 0;
    transform: translateX(30px);
}

.cta-rotator[data-effect="stanga-dreapta"].is-in-start {
    opacity: 0;
    transform: translateX(-30px);
}

.cta-rotator[data-effect="sus-jos"].is-out {
    opacity: 0;
    transform: translateY(-30px);
}

.cta-rotator[data-effect="sus-jos"].is-in-start {
    opacity: 0;
    transform: translateY(30px);
}

.cta-rotator[data-effect="jos-sus"].is-out {
    opacity: 0;
    transform: translateY(30px);
}

.cta-rotator[data-effect="jos-sus"].is-in-start {
    opacity: 0;
    transform: translateY(-30px);
}