.elementor-896 .elementor-element.elementor-element-f5d5f3f{--display:flex;}.elementor-896 .elementor-element.elementor-element-f5d5f3f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-896 .elementor-element.elementor-element-a4dfd28 p{margin-block-end:7px;}@media(max-width:767px){.elementor-896 .elementor-element.elementor-element-f5d5f3f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-896 .elementor-element.elementor-element-f5d5f3f{--width:97.476%;}}/* Start custom CSS for text-editor, class: .elementor-element-a4dfd28 */<style>
.brandframe-box {
    max-width: 900px;
    margin: 30px auto;
    padding: 28px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0f0f0f, #1c1c1c);
    color: #ffffff;
    font-family: Arial, sans-serif;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    text-align: center;
}

.brandframe-box h2 {
    font-size: 26px;
    margin-bottom: 12px;
    font-weight: 700;
}

.brandframe-box p {
    font-size: 16px;
    line-height: 1.6;
    opacity: 0.9;
}

.brandframe-btn {
    display: inline-block;
    margin-top: 18px;
    padding: 12px 24px;
    background: #ffffff;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.brandframe-btn:hover {
    background: #e6e6e6;
    transform: translateY(-2px);
}
</style>

<div class="brandframe-box">
    <h2>Conheça o Brandframe Studio</h2>
    <p>
        Desenvolvemos branding estratégico, direção criativa e produção audiovisual
        focados em posicionamento de marca e crescimento sustentável.
    </p>

    <a class="brandframe-btn" href="https://www.brandframe.com.br/">
        Acessar Página Principal
    </a>
</div>/* End custom CSS */