.cefr-pro-section{
    position:relative;
    padding:80px 0;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 20%,rgba(53,111,219,.08) 0 90px,transparent 91px),
        radial-gradient(circle at 92% 85%,rgba(29,180,99,.08) 0 100px,transparent 101px),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

.cefr-pro-section:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.45;
    background-image:radial-gradient(#cad6e6 1px,transparent 1px);
    background-size:22px 22px;
}

.cefr-pro-section .container{
    position:relative;
    z-index:2;
}

.cefr-pro-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 45px;
}

.cefr-pro-kicker{
    font-size:12px;
    font-weight:700;
    letter-spacing:6px;
    color:#667085;
    margin-bottom:10px;
}

.cefr-pro-heading h2{
    margin:0;
    font-size:48px;
    line-height:1.1;
    font-weight:800;
    color:#17233c;
}

.cefr-pro-heading h2 span{
    color:#ee3344;
}

.cefr-pro-heading p{
    font-size:17px;
    color:#697386;
    margin:12px 0 15px;
}

.cefr-pro-line{
    display:flex;
    justify-content:center;
    gap:0;
}

.cefr-pro-line span{
    width:28px;
    height:4px;
}

.cefr-pro-line span:nth-child(1){background:#1b64c8;}
.cefr-pro-line span:nth-child(2){background:#ff5b24;}
.cefr-pro-line span:nth-child(3){background:#18a855;}


.cefr-pro-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.cefr-pro-card{
    position:relative;
    overflow:hidden;
    min-height:520px;
    padding:30px;
    border-radius:22px;
    transition:transform .35s ease,box-shadow .35s ease;
    opacity:0;
    transform:translateY(25px);
    animation:cefrReveal .65s ease forwards;
}

.cefr-pro-card:nth-child(2){
    animation-delay:.12s;
}

.cefr-pro-card:nth-child(3){
    animation-delay:.24s;
}

.cefr-pro-card:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 55px rgba(26,44,72,.15);
}

.cefr-pro-card:before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    right:-50px;
    top:-55px;
    opacity:.45;
}

.cefr-pro-beginner{
    background:linear-gradient(145deg,#f7faff,#eaf1ff);
    border:1px solid #b7cff6;
    color:#155bb3;
}

.cefr-pro-beginner:before{
    background:#c4d5f4;
}

.cefr-pro-intermediate{
    background:linear-gradient(145deg,#fff9f5,#fff0e8);
    border:1px solid #ffb18b;
    color:#ff571e;
}

.cefr-pro-intermediate:before{
    background:#ffd2bd;
}

.cefr-pro-advanced{
    background:linear-gradient(145deg,#f5fff8,#eafff1);
    border:1px solid #94dfad;
    color:#0a9c48;
}

.cefr-pro-advanced:before{
    background:#b9ecc9;
}

.cefr-pro-card-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
}

.cefr-pro-icon{
    width:66px;
    height:66px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    background:#fff;
    box-shadow:0 8px 22px rgba(30,45,70,.09);
}

.cefr-pro-card-head h3{
    font-size:34px;
    margin:0 0 2px;
    color:#15223a;
    font-weight:800;
}

.cefr-pro-card-head strong{
    font-size:18px;
}

.cefr-pro-description{
    position:relative;
    z-index:2;
    color:#536176;
    font-size:16px;
    line-height:1.75;
    min-height:190px;
}

.cefr-pro-list{
    position:relative;
    z-index:2;
    list-style:none;
    padding:15px;
    margin:15px 0 20px;
    background:rgba(255,255,255,.58);
    border-radius:14px;
}

.cefr-pro-list li{
    position:relative;
    padding:5px 0 5px 27px;
    color:#425069;
    line-height:1.45;
}

.cefr-pro-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:5px;
    width:18px;
    height:18px;
    border-radius:50%;
    color:#fff;
    text-align:center;
    line-height:18px;
    font-size:11px;
    font-weight:700;
}

.cefr-pro-beginner .cefr-pro-list li:before{background:#1b64c8;}
.cefr-pro-intermediate .cefr-pro-list li:before{background:#ff5b24;}
.cefr-pro-advanced .cefr-pro-list li:before{background:#0aa34f;}

.cefr-pro-card-link{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-decoration:none;
    font-weight:700;
    color:inherit;
}

.cefr-pro-card-link span{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    border-radius:50%;
    font-size:22px;
    transition:transform .25s ease;
}

.cefr-pro-card-link:hover span{
    transform:translateX(4px);
}

.cefr-pro-beginner .cefr-pro-card-link span{background:#1b64c8;}
.cefr-pro-intermediate .cefr-pro-card-link span{background:#ff5b24;}
.cefr-pro-advanced .cefr-pro-card-link span{background:#0aa34f;}


.cefr-pro-features{
    margin-top:30px;
    padding:20px 10px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 35px rgba(28,48,78,.07);
}

.cefr-pro-feature{
    display:flex;
    align-items:center;
    gap:14px;
    padding:8px 20px;
    border-right:1px solid #e6ebf2;
}

.cefr-pro-feature:last-child{
    border-right:0;
}

.cefr-pro-feature>i{
    font-size:30px;
    color:#1c5d93;
}

.cefr-pro-feature strong{
    display:block;
    color:#15223a;
    margin-bottom:3px;
}

.cefr-pro-feature span{
    display:block;
    font-size:13px;
    color:#7a8494;
}


.cefr-pro-bottom{
    margin-top:25px;
    min-height:110px;
    display:flex;
    align-items:center;
    gap:20px;
    padding:22px 28px;
    background:linear-gradient(90deg,#fff9f9,#fff,#fff9f9);
    border:1px solid #f1dddd;
    border-radius:20px;
}

.cefr-pro-quote-icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    font-weight:800;
    color:#ee3344;
    background:#ffeaea;
}

.cefr-pro-quote{
    flex:1;
}

.cefr-pro-quote strong{
    display:block;
    font-size:21px;
    color:#17233c;
}

.cefr-pro-quote span{
    display:block;
    color:#7b8492;
    margin-top:5px;
}

.cefr-pro-enroll{
    min-width:195px;
    padding:15px 28px;
    text-align:center;
    text-decoration:none;
    border-radius:30px;
    color:#fff !important;
    font-weight:700;
    background:#e8272f;
    box-shadow:0 8px 22px rgba(232,39,47,.22);
    transition:transform .25s ease,box-shadow .25s ease;
}

.cefr-pro-enroll:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(232,39,47,.3);
}

@keyframes cefrReveal{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:991px){

    .cefr-pro-grid{
        grid-template-columns:1fr;
    }

    .cefr-pro-card{
        min-height:auto;
    }

    .cefr-pro-description{
        min-height:auto;
    }

    .cefr-pro-features{
        grid-template-columns:1fr 1fr;
    }

    .cefr-pro-feature:nth-child(2){
        border-right:0;
    }

    .cefr-pro-heading h2{
        font-size:40px;
    }
}

@media(max-width:576px){

    .cefr-pro-section{
        padding:55px 0;
    }

    .cefr-pro-heading h2{
        font-size:32px;
    }

    .cefr-pro-kicker{
        letter-spacing:3px;
        font-size:10px;
    }

    .cefr-pro-card{
        padding:22px;
    }

    .cefr-pro-card-head h3{
        font-size:27px;
    }

    .cefr-pro-features{
        grid-template-columns:1fr;
    }

    .cefr-pro-feature{
        border-right:0;
        border-bottom:1px solid #e6ebf2;
    }

    .cefr-pro-feature:last-child{
        border-bottom:0;
    }

    .cefr-pro-bottom{
        flex-direction:column;
        text-align:center;
    }

    .cefr-pro-enroll{
        width:100%;
    }
}

@media(prefers-reduced-motion:reduce){
    .cefr-pro-card{
        animation:none;
        opacity:1;
        transform:none;
    }
}

/* Admin-driven level cards: match the Spanish reference design. */
.cefr-pro-section {
    background:
        radial-gradient(circle at 12px 12px, rgba(15, 23, 42, .05) 1px, transparent 1.5px) 0 0 / 22px 22px,
        #ffffff !important;
    padding: 72px 0 76px !important;
}

.cefr-pro-heading {
    margin-bottom: 36px !important;
}

.cefr-pro-heading h2 {
    color: #071d49 !important;
}

.cefr-pro-heading h2 span {
    color: #e92727 !important;
}

.cefr-pro-grid {
    max-width: 1260px !important;
    margin: 0 auto !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    align-items: stretch !important;
}

.cefr-pro-card {
    --level-color: #214b9b;
    --level-bg: #eef3ff;
    --level-soft: rgba(33, 75, 155, .12);
    min-height: 460px !important;
    padding: 30px 24px !important;
    border: 2px solid var(--level-color) !important;
    border-radius: 8px !important;
    background: var(--level-bg) !important;
    box-shadow: none !important;
}

.cefr-pro-card:nth-child(3n + 2),
.cefr-pro-tone-2 {
    --level-color: #ff6333;
    --level-bg: #fff5ef;
    --level-soft: rgba(255, 99, 51, .14);
}

.cefr-pro-card:nth-child(3n),
.cefr-pro-tone-3 {
    --level-color: #22c96b;
    --level-bg: #effdf3;
    --level-soft: rgba(34, 201, 107, .16);
}

.cefr-pro-card::before {
    width: 210px !important;
    height: 210px !important;
    right: -58px !important;
    top: -70px !important;
    background: var(--level-soft) !important;
    opacity: 1 !important;
}

.cefr-pro-card::after {
    content: "" !important;
    position: absolute !important;
    left: -58px !important;
    bottom: -72px !important;
    width: 165px !important;
    height: 165px !important;
    border-radius: 50% !important;
    background: var(--level-soft) !important;
    z-index: 0 !important;
}

.cefr-pro-card-head {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    margin-bottom: 28px !important;
}

.cefr-pro-icon {
    display: none !important;
}

.cefr-pro-card-head h3 {
    width: 126px !important;
    height: 126px !important;
    margin: 0 0 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px dashed var(--level-color) !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, .35) !important;
    color: var(--level-color) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

.cefr-pro-card-head strong {
    display: block !important;
    margin: 0 !important;
    color: #071d49 !important;
    font-size: 30px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
}

.cefr-pro-description {
    min-height: 0 !important;
    margin: 0 0 22px !important;
    color: #5f6673 !important;
    font-size: 16px !important;
    line-height: 1.68 !important;
}

.cefr-pro-list {
    margin: 0 0 22px !important;
    padding: 14px 16px !important;
    background: rgba(255, 255, 255, .58) !important;
}

.cefr-pro-list li::before,
.cefr-pro-card-link span {
    background: var(--level-color) !important;
}

.cefr-pro-card-link {
    color: var(--level-color) !important;
}

.cefr-pro-card .cefr-pro-card-link {
    display: none !important;
}

.cefr-pro-bottom {
    justify-content: center !important;
}

.cefr-pro-card:hover {
    transform: translateY(-8px) scale(1.01) !important;
    box-shadow: 0 26px 54px rgba(15, 23, 42, .15) !important;
}

.cefr-pro-card:hover .cefr-pro-card-head h3 {
    background: var(--level-color) !important;
    color: #ffffff !important;
}

@media(max-width:991px) {
    .cefr-pro-grid {
        max-width: 680px !important;
        grid-template-columns: 1fr !important;
    }

    .cefr-pro-card {
        min-height: 0 !important;
    }
}

@media(max-width:576px) {
    .cefr-pro-card {
        padding: 24px 20px !important;
    }

    .cefr-pro-card-head h3 {
        width: 96px !important;
        height: 96px !important;
        margin-bottom: 24px !important;
        border-radius: 24px !important;
        font-size: 17px !important;
    }

    .cefr-pro-card-head strong {
        font-size: 24px !important;
    }
}