.elementor-1007 .elementor-element.elementor-element-24f28a7{--display:flex;--min-height:0px;--justify-content:center;}.elementor-1007 .elementor-element.elementor-element-945ddab{--display:flex;}@media(min-width:768px){.elementor-1007 .elementor-element.elementor-element-24f28a7{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-f33d2ac */.case-hero{

    max-width:520px;

    padding:60px;

    background:rgba(0,0,0,.72);

    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    border-left:3px solid #52e4d4;

    border-radius:0 32px 32px 0;

    box-shadow:
    0 20px 80px rgba(0,0,0,.45);

    color:#fff;

    font-family:Inter,sans-serif;
}

.case-categoria{

    display:block;

    color:#52e4d4;

    font-size:14px;

    font-weight:600;

    letter-spacing:.08em;

    margin-bottom:24px;

    text-transform:uppercase;
}

.case-hero h1{

    font-size:clamp(48px,5vw,78px);

    line-height:1.02;

    font-weight:700;

    letter-spacing:-0.05em;

    margin:0 0 28px;

    color:#ffffff;

    text-shadow:
    0 5px 25px rgba(0,0,0,.35);
}

.case-hero p{

    font-size:20px;

    line-height:1.8;

    color:rgba(255,255,255,.78);

    margin-bottom:42px;

    max-width:420px;
}

.case-tags{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:42px;
}

.case-tags span{

    color:rgba(255,255,255,.92);

    font-size:15px;

    display:flex;

    align-items:center;
}

.case-tags span:not(:last-child)::after{

    content:"•";

    color:#52e4d4;

    margin-left:18px;
}

.case-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 26px;

    border:1px solid rgba(255,255,255,.15);

    border-radius:999px;

    color:#fff;

    text-decoration:none;

    transition:.3s ease;
}

.case-btn:hover{

    background:rgba(82,228,212,.12);

    border-color:#52e4d4;

    transform:translateY(-2px);
}

.case-btn span{

    font-size:18px;
}

@media(max-width:1024px){

    .case-hero{

        max-width:480px;

        padding:48px;
    }

    .case-hero h1{

        font-size:56px;
    }
}

@media(max-width:767px){

    .case-hero{

        max-width:100%;

        padding:36px 28px;

        border-radius:24px;

        border-left:none;

        border-top:3px solid #52e4d4;
    }

    .case-hero h1{

        font-size:38px;

        line-height:1.05;
    }

    .case-hero p{

        font-size:16px;

        line-height:1.7;
    }

    .case-tags{

        gap:12px;
    }

    .case-tags span{

        font-size:13px;
    }

    .case-btn{

        width:100%;

        justify-content:center;
    }
}/* End custom CSS */