.elementor-14107 .elementor-element.elementor-element-11fc351:not(.elementor-motion-effects-element-type-background), .elementor-14107 .elementor-element.elementor-element-11fc351 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14107 .elementor-element.elementor-element-11fc351 > .elementor-container{max-width:945px;min-height:90px;text-align:center;}.elementor-14107 .elementor-element.elementor-element-11fc351{border-style:solid;border-width:0px 0px 0.3px 0px;border-color:#EBEBEB;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-14107 .elementor-element.elementor-element-11fc351 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-14107 .elementor-element.elementor-element-38d65ae.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14107 .elementor-element.elementor-element-38d65ae.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14107 .elementor-element.elementor-element-38d65ae.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-14107 .elementor-element.elementor-element-38d65ae > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-bc-flex-widget .elementor-14107 .elementor-element.elementor-element-efd9ca8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14107 .elementor-element.elementor-element-efd9ca8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14107 .elementor-element.elementor-element-efd9ca8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-14107 .elementor-element.elementor-element-efd9ca8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14107 .elementor-element.elementor-element-e9b929a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu .elementor-item{font-family:"BE, A MORADIA DO FUTURO", Sans-serif;font-weight:500;font-style:normal;line-height:1.5em;letter-spacing:0.5px;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item{color:#111111;fill:#111111;padding-left:11px;padding-right:11px;padding-top:0px;padding-bottom:0px;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-14107 .elementor-element.elementor-element-e9b929a{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-item, .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"BE, A MORADIA DO FUTURO", Sans-serif;font-weight:500;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown a{padding-left:50px;padding-right:50px;}.elementor-14107 .elementor-element.elementor-element-e9b929a div.elementor-menu-toggle{color:#000000;}.elementor-14107 .elementor-element.elementor-element-e9b929a div.elementor-menu-toggle svg{fill:#000000;}.elementor-14107 .elementor-element.elementor-element-e9b929a div.elementor-menu-toggle:hover, .elementor-14107 .elementor-element.elementor-element-e9b929a div.elementor-menu-toggle:focus{color:#000000;}.elementor-14107 .elementor-element.elementor-element-e9b929a div.elementor-menu-toggle:hover svg, .elementor-14107 .elementor-element.elementor-element-e9b929a div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-menu-toggle:hover, .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-menu-toggle:focus{background-color:#02010100;}.elementor-bc-flex-widget .elementor-14107 .elementor-element.elementor-element-ba10d15.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14107 .elementor-element.elementor-element-ba10d15.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14107 .elementor-element.elementor-element-ba10d15.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-14107 .elementor-element.elementor-element-ba10d15 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14107 .elementor-element.elementor-element-7c28ad8 .elementor-button{background-color:#111111;font-family:"BE, A MORADIA DO FUTURO", Sans-serif;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;padding:12px 30px 12px 30px;}.elementor-14107 .elementor-element.elementor-element-32e657a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-14107 .elementor-element.elementor-element-11fc351{margin-top:0px;margin-bottom:0px;}}@media(max-width:767px){.elementor-14107 .elementor-element.elementor-element-11fc351 > .elementor-container{max-width:1600px;min-height:71px;}.elementor-14107 .elementor-element.elementor-element-11fc351{margin-top:0px;margin-bottom:0px;padding:-10px 20px -10px 20px;}.elementor-14107 .elementor-element.elementor-element-38d65ae{width:50%;}.elementor-14107 .elementor-element.elementor-element-38d65ae > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 20px;}.elementor-14107 .elementor-element.elementor-element-efd9ca8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-14107 .elementor-element.elementor-element-e9b929a > .elementor-widget-container{--e-transform-translateX:-37px;--e-transform-translateY:-17px;margin:-43px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14107 .elementor-element.elementor-element-e9b929a.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-14107 .elementor-element.elementor-element-e9b929a{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}}@media(min-width:768px){.elementor-14107 .elementor-element.elementor-element-38d65ae{width:20%;}.elementor-14107 .elementor-element.elementor-element-efd9ca8{width:59.472%;}.elementor-14107 .elementor-element.elementor-element-ba10d15{width:20.192%;}.elementor-14107 .elementor-element.elementor-element-32e657a{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14107 .elementor-element.elementor-element-38d65ae{width:23%;}.elementor-14107 .elementor-element.elementor-element-efd9ca8{width:54%;}.elementor-14107 .elementor-element.elementor-element-ba10d15{width:23%;}}/* Start custom CSS for nav-menu, class: .elementor-element-e9b929a *//* =========================================================
   MENU PRINCIPAL BE
   CSS PARA O WIDGET WORDPRESS MENU / ELEMENTOR
   VERSÃO PARA FUNDO BRANCO
========================================================= */


/* =========================================================
   MENU DESKTOP
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main {
    width: 100%;
}

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-nav-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}


/* =========================================================
   LINKS PRINCIPAIS
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item {
    position: relative;

    display: flex;
    align-items: center;

    padding: 13px 15px !important;

    color: #20242a !important;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: -0.01em;

    border-radius: 6px;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        opacity 0.25s ease;
}


/* Remove efeitos padrão do Elementor */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item::before,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item::after {
    display: none !important;
}


/* =========================================================
   HOVER
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item:hover,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item:focus {
    color: #101820 !important;

    background-color: rgba(16, 24, 32, 0.07) !important;
}


/* =========================================================
   ITEM ATIVO
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .current-menu-item > .elementor-item,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .current-menu-ancestor > .elementor-item {
    color: #101820 !important;

    background-color: rgba(16, 24, 32, 0.09) !important;
}


/* Pequena linha inferior no item ativo */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .current-menu-item > .elementor-item::after,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .current-menu-ancestor > .elementor-item::after {
    content: "";

    display: block !important;

    position: absolute;

    left: 15px;
    right: 15px;
    bottom: 5px;

    height: 2px;

    background-color: #101820;

    border-radius: 20px;
}


/* =========================================================
   SETA DOS SUBMENUS
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-arrow {
    margin-left: 7px;

    padding: 0 !important;

    color: #20242a;

    font-size: 11px;

    opacity: 0.75;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main li:hover > a .sub-arrow {
    transform: translateY(1px);

    opacity: 1;
}


/* =========================================================
   SUBMENU / DROPDOWN
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-menu {
    min-width: 245px !important;

    margin-top: 8px !important;

    padding: 10px !important;

    background-color: #ffffff !important;

    border: 1px solid rgba(16, 24, 32, 0.08);
    border-radius: 10px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.14),
        0 4px 12px rgba(0, 0, 0, 0.05);

    overflow: hidden;
}


/* =========================================================
   ITENS DO SUBMENU
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-menu .elementor-sub-item {
    display: flex;
    align-items: center;

    width: 100%;

    padding: 13px 14px !important;

    color: #272b31 !important;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;

    border: 0 !important;
    border-radius: 6px;

    background: transparent !important;

    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease;
}


/* Hover do submenu */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus {
    color: #101820 !important;

    background-color: #f1f2f3 !important;

    transform: translateX(3px);
}


/* Item ativo dentro do submenu */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-menu .current-menu-item > .elementor-sub-item {
    color: #101820 !important;

    background-color: #e9eaec !important;

    font-weight: 700;
}


/* =========================================================
   ESPAÇAMENTO ENTRE OS ITENS DO SUBMENU
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--main .sub-menu li + li {
    margin-top: 2px;
}


/* =========================================================
   BOTÃO HAMBÚRGUER
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-menu-toggle {
    color: #101820 !important;

    background-color: rgba(16, 24, 32, 0.05) !important;

    border: 1px solid rgba(16, 24, 32, 0.12);

    border-radius: 8px;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
}

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-menu-toggle:hover {
    color: #101820 !important;

    background-color: rgba(16, 24, 32, 0.10) !important;

    border-color: rgba(16, 24, 32, 0.20);
}


/* =========================================================
   MENU ABERTO NO MOBILE
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown {
    margin-top: 12px !important;

    padding: 10px !important;

    background-color: #ffffff !important;

    border: 1px solid rgba(16, 24, 32, 0.08);
    border-radius: 10px;

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);

    overflow: hidden;
}


/* =========================================================
   LINKS MOBILE
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-item,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-sub-item {
    padding: 13px 14px !important;

    color: #20242a !important;

    font-size: 14px;
    font-weight: 600;

    border: 0 !important;
    border-radius: 6px;

    background: transparent !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    color: #101820 !important;

    background-color: #f1f2f3 !important;
}


/* =========================================================
   ITEM ATIVO MOBILE
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .current-menu-item > .elementor-item,
.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .current-menu-ancestor > .elementor-item {
    color: #101820 !important;

    background-color: #e9eaec !important;

    font-weight: 700;
}


/* =========================================================
   SUBMENUS NO MOBILE
========================================================= */

.elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .sub-menu {
    margin: 4px 0 6px !important;

    padding: 4px 0 4px 12px !important;

    background-color: #f6f6f6 !important;

    border-radius: 6px;
}


/* =========================================================
   TELAS MENORES
========================================================= */

@media (max-width: 1024px) {

    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown {
        width: 100%;
    }

}


/* =========================================================
   CELULAR
========================================================= */

@media (max-width: 767px) {

    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-menu-toggle {
        width: 42px;
        height: 42px;
    }

    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown {
        margin-top: 8px !important;

        padding: 8px !important;

        border-radius: 8px;
    }

    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-item,
    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-nav-menu--dropdown .elementor-sub-item {
        padding: 12px 13px !important;

        font-size: 14px;
    }

}


/* =========================================================
   ACESSIBILIDADE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-item,
    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-sub-item,
    .elementor-14107 .elementor-element.elementor-element-e9b929a .sub-arrow,
    .elementor-14107 .elementor-element.elementor-element-e9b929a .elementor-menu-toggle {
        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-11fc351 *//* Altura suave (Section e Containers) */
.elementor-14107 .elementor-element.elementor-element-11fc351 > .elementor-container,
.elementor-14107 .elementor-element.elementor-element-11fc351 > .e-con-inner{
  min-height: 90px;
  transition: min-height .35s ease;
}


.elementor-14107 .elementor-element.elementor-element-11fc351 .displayscroll{ 
    display: ; 
}


/* Estado sticky (depois que rolar)*/

.elementor-14107 .elementor-element.elementor-element-11fc351.elementor-sticky--effects{
  background-color: rgba(255,255,255,1);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.elementor-14107 .elementor-element.elementor-element-11fc351.elementor-sticky--effects > .elementor-container,
.elementor-14107 .elementor-element.elementor-element-11fc351.elementor-sticky--effects > .e-con-inner{
  min-height: 70px;
}

.elementor-14107 .elementor-element.elementor-element-11fc351.elementor-sticky--effects .logo--dark{ display: block; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42b6a6d */body:has(#be-dna-quiz) {
  margin: 0;
  overflow-x: hidden;
  background: #000000;
}
.e-con:has(> .elementor-widget-html #be-dna-quiz) {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}
.elementor-widget-html:has(#be-dna-quiz) {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
}
.elementor-widget-html:has(#be-dna-quiz) > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
#be-dna-quiz {
  position: relative;
  isolation: isolate;
  width: 100vw;
  max-width: 100vw;
  min-height: 100dvh;
  margin: 0;
  background: var(--be-black);
  overflow-x: clip;
}
#be-dna-quiz > main {
  position: relative;
  z-index: 1;
  width: 100%;
}
#be-dna-quiz .screen {
  position: relative;
  z-index: 1;
  width: 100%;
}
#be-dna-quiz{
  --be-black:#000000; --be-gray:#646464; --be-gray-light:#c8c8c8;
  --background:#000000; --foreground:#f5f5f5; --card:#171717;
  --border:rgba(200,200,200,.14);
  --radius-small:8px;
  --radius-medium:12px;
}
#be-dna-quiz *,#be-dna-quiz *::before,#be-dna-quiz *::after{box-sizing:border-box;margin:0;padding:0}
#be-dna-quiz{background:var(--be-black);color:var(--foreground);font-family:inherit;-webkit-font-smoothing:antialiased}
#be-dna-quiz{min-height:100dvh;overflow-x:clip}
#be-dna-quiz h1,#be-dna-quiz h2,#be-dna-quiz h3,#be-dna-quiz .font-display{font-family:inherit;font-weight:700;letter-spacing:-.01em}
#be-dna-quiz .caps{font-family:inherit;text-transform:uppercase;letter-spacing:.02em;font-weight:600}
#be-dna-quiz img{display:block;max-width:100%}
#be-dna-quiz button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}
#be-dna-quiz a{text-decoration:none}
#be-dna-quiz input{font:inherit}
#be-dna-quiz .quiz-background{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
#be-dna-quiz .dots{position:absolute;inset:0;opacity:.025;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:36px 36px}
@keyframes beq-slide-up-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
#be-dna-quiz .step-in{animation:beq-slide-up-fade .5s cubic-bezier(.22,1,.36,1) both}
@keyframes beq-spin{to{transform:rotate(360deg)}}
#be-dna-quiz .beq-spin{animation:beq-spin 1s linear infinite}
#be-dna-quiz .glass-card{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.01) 100%);backdrop-filter:blur(14px);border:1px solid rgba(200,200,200,.10);border-radius:var(--radius-medium)}
#be-dna-quiz .logo-full{height:72px;width:auto;object-fit:contain;margin:0 auto}
#be-dna-quiz .logo-mark{position:relative;overflow:hidden;height:24px;width:20px}
#be-dna-quiz .logo-mark img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain}
#be-dna-quiz .icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
#be-dna-quiz .screen{display:none}
#be-dna-quiz .screen.active{display:block}
#be-dna-quiz .btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #fff;background:#fff;color:#000;padding:16px 40px;font-family:inherit;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600;transition:all .3s;border-radius:var(--radius-small)}
#be-dna-quiz .btn-solid:hover{transform:scale(1.03);background:rgba(255,255,255,.9)}
#be-dna-quiz .btn-solid:disabled{opacity:.7;transform:none}
#be-dna-quiz .welcome{max-width:768px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}
#be-dna-quiz .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);padding:6px 16px;font-size:10px;margin-bottom:32px;color:rgba(255,255,255,.7);border-radius:var(--radius-small)}
#be-dna-quiz .badge i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.7);display:block}
#be-dna-quiz .welcome h1{font-size:36px;line-height:1.05;color:#fff}
#be-dna-quiz .welcome h1 em{font-style:italic;font-weight:400;color:rgba(255,255,255,.7)}
#be-dna-quiz .welcome p.lead{margin:24px auto 0;max-width:576px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.6)}
#be-dna-quiz .welcome .btn-solid{margin-top:48px}
#be-dna-quiz .welcome .fine{margin-top:40px;font-size:10px;color:rgba(255,255,255,.35)}
#be-dna-quiz .welcome-meta{
  width:100%;
  margin-top:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:18px 32px;
  font-size:10px;
  color:#ffffff;
}
#be-dna-quiz .welcome-meta-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  white-space:nowrap;
}
#be-dna-quiz .welcome-meta-item img{
  width:20px !important;
  height:20px !important;
  min-width:20px;
  max-width:20px !important;
  flex:0 0 20px;
  object-fit:contain;
  filter:brightness(0) invert(1) !important;
  opacity:1;
}
#be-dna-quiz .sep{margin:0 8px;opacity:.4}
@media(min-width:640px){#be-dna-quiz .welcome h1{font-size:48px}}
@media(min-width:768px){#be-dna-quiz .welcome h1{font-size:60px}}
#be-dna-quiz .quiz{
  width:calc(100% - 144px);
  max-width:1280px;
  margin:0 auto;
  min-height:100dvh;
  padding:64px 0;
}
#be-dna-quiz .quiz,
#be-dna-quiz .quiz-head,
#be-dna-quiz #q-body,
#be-dna-quiz .options,
#be-dna-quiz .opt,
#be-dna-quiz .opt .txt,
#be-dna-quiz .quiz-foot{
  width:100%;
  max-width:100%;
  min-width:0;
}
#be-dna-quiz .quiz-head{margin-bottom:48px}
#be-dna-quiz .quiz-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.5);margin-bottom:16px}
#be-dna-quiz .quiz-meta b{color:#fff;font-weight:600}
#be-dna-quiz .bar{height:2px;width:100%;background:rgba(255,255,255,.08);overflow:hidden}
#be-dna-quiz .bar > div{height:100%;background:#fff;width:0;transition:width .7s cubic-bezier(.22,1,.36,1)}
#be-dna-quiz .q-title{font-size:24px;line-height:1.2;color:#fff;max-width:100%;overflow-wrap:break-word}
#be-dna-quiz .options{display:grid;gap:12px;margin-top:32px;overflow:hidden}
#be-dna-quiz .opt{
  display:flex;
  align-items:flex-start;
  gap:16px;
  width:100%;
  max-width:100%;
  min-width:0;
  text-align:left;
  white-space:normal !important;
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  border-radius:var(--radius-small);
  overflow:hidden;
  transition:border-color .3s,background-color .3s,transform .3s;
}
#be-dna-quiz .opt:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.05)}
#be-dna-quiz .opt.active{border-color:#fff;background:rgba(255,255,255,.10)}
#be-dna-quiz .opt .letter{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border:1px solid rgba(255,255,255,.25);
  background:transparent;
  font-family:inherit;
  font-size:12px;
  color:#ffffff;
  border-radius:6px;
  transition:background-color .22s,color .22s,border-color .22s,transform .22s;
}
#be-dna-quiz .opt:hover .letter{
  border-color:#fff;
  background:#fff;
  color:#000;
  transform:scale(1.04);
}
#be-dna-quiz .opt.active .letter{
  border-color:#fff;
  background:#fff;
  color:#000;
  transform:scale(1);
}
@keyframes beq-check-pop{
  0%{opacity:0;transform:scale(.55)}
  70%{opacity:1;transform:scale(1.12)}
  100%{opacity:1;transform:scale(1)}
}
#be-dna-quiz .opt.active .letter .icon{animation:beq-check-pop .24s ease-out both}
#be-dna-quiz .opt .txt{
  display:block;
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  padding-top:4px;
  font-size:15px;
  line-height:1.6;
  color:rgba(255,255,255,.85);
  white-space:normal !important;
  overflow-wrap:break-word;
  word-break:normal;
}
#be-dna-quiz .quiz-foot{display:flex;align-items:center;justify-content:space-between;margin-top:40px}
#be-dna-quiz .back{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.5);transition:color .2s}
#be-dna-quiz .back:hover{color:#fff}
#be-dna-quiz .back:disabled{opacity:.3;cursor:default}
#be-dna-quiz .hint{font-size:10px;color:rgba(255,255,255,.3)}
@media(min-width:640px){#be-dna-quiz .q-title{font-size:36px}}
#be-dna-quiz .lead-wrap{max-width:512px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:48px 20px}
#be-dna-quiz .lead-wrap h2{text-align:center;font-size:30px;line-height:1.2;color:#fff}
#be-dna-quiz .lead-wrap h2 em{font-style:italic;font-weight:400;color:rgba(255,255,255,.7)}
#be-dna-quiz .lead-wrap .sub{margin:12px auto 0;max-width:448px;text-align:center;font-size:14px;line-height:1.7;color:rgba(255,255,255,.55)}
#be-dna-quiz #quiz-lead-panel.glass-card{margin-top:32px;padding:24px}
#be-dna-quiz .field{display:block;margin-bottom:16px}
#be-dna-quiz .field span.lbl{display:block;margin-bottom:6px;font-size:10px;color:rgba(255,255,255,.5)}
#be-dna-quiz .field input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);padding:12px 16px;font-size:15px;color:#fff;outline:none;border-radius:var(--radius-small);transition:border-color .2s}
#be-dna-quiz .field input::placeholder{color:rgba(255,255,255,.25)}
#be-dna-quiz .field input:focus{border-color:#fff}
#be-dna-quiz .field.err input{border-color:rgba(239,68,68,.6)}
#be-dna-quiz .field .msg{display:none;margin-top:4px;font-size:11px;color:rgba(248,113,113,.8)}
#be-dna-quiz .field.err .msg{display:block}
#be-dna-quiz #quiz-lead-panel .btn-solid{width:100%;margin-top:12px;padding:16px}
#be-dna-quiz .consent{padding-top:8px;text-align:center;font-size:10.5px;line-height:1.7;color:rgba(255,255,255,.4)}
@media(min-width:640px){#be-dna-quiz .lead-wrap h2{font-size:36px}#be-dna-quiz #quiz-lead-panel.glass-card{padding:32px}}
#be-dna-quiz .loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}
#be-dna-quiz .ring{position:relative;width:80px;height:80px;margin-bottom:32px}
#be-dna-quiz .ring .r1{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.15)}
#be-dna-quiz .ring .r2{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#fff;animation:beq-spin 1.2s linear infinite}
#be-dna-quiz .ring .c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
#be-dna-quiz .loading .t{font-family:inherit;font-size:24px;color:#fff}
#be-dna-quiz .loading .s{margin-top:12px;font-size:10px;color:rgba(255,255,255,.4)}
#be-dna-quiz .results{max-width:896px;margin:0 auto;padding:48px 20px}
#be-dna-quiz .r-head{text-align:center}
#be-dna-quiz .r-kicker{font-size:10px;color:rgba(255,255,255,.5)}
#be-dna-quiz .r-title{margin-top:12px;font-size:36px;line-height:1.2;color:#fff}
#be-dna-quiz .r-rule{margin:16px auto 0;height:2px;width:64px}
#be-dna-quiz .r-sub{margin:20px auto 0;max-width:576px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.65)}
#be-dna-quiz .panel{margin-top:48px;display:grid;gap:32px;padding:24px}
#be-dna-quiz .gauge{position:relative;width:160px;height:160px;margin:0 auto}
#be-dna-quiz .gauge svg{transform:rotate(-90deg)}
#be-dna-quiz .gauge .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
#be-dna-quiz .gauge .val b{font-family:inherit;font-size:36px;color:#fff;font-weight:700}
#be-dna-quiz .gauge .val small{margin-top:4px;font-size:9px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.02em;font-family:inherit}
#be-dna-quiz .bd-label{margin-bottom:20px;font-size:10px;color:rgba(255,255,255,.5)}
#be-dna-quiz .bd{list-style:none;display:flex;flex-direction:column;gap:12px}
#be-dna-quiz .bd li{display:flex;align-items:center;gap:12px}
#be-dna-quiz .bd .dot{width:8px;height:8px;flex:none}
#be-dna-quiz .bd .nm{flex:1;font-size:14px;color:rgba(255,255,255,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#be-dna-quiz .bd .track{display:none;height:3px;width:96px;background:rgba(255,255,255,.08)}
#be-dna-quiz .bd .track div{height:100%}
#be-dna-quiz .bd .pct{width:40px;text-align:right;font-family:inherit;font-size:18px;color:#fff;font-weight:700}
#be-dna-quiz .tips{margin-top:32px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);padding:24px;border-radius:var(--radius-medium)}
#be-dna-quiz .tips ul{list-style:none;display:flex;flex-direction:column;gap:16px}
#be-dna-quiz .tips li{display:flex;gap:16px}
#be-dna-quiz .tips .n{font-family:inherit;font-size:24px;line-height:1;color:rgba(255,255,255,.4);margin-top:2px}
#be-dna-quiz .tips .t{font-size:15px;line-height:1.7;color:rgba(255,255,255,.85)}
#be-dna-quiz .project{position:relative;overflow:hidden;margin-top:32px;border:1px solid;padding:24px;border-radius:var(--radius-medium)}
#be-dna-quiz .project .grid{position:relative;display:grid;gap:32px}
#be-dna-quiz .p-kicker{font-size:10px}
#be-dna-quiz .p-name{margin-top:12px;font-size:30px;line-height:1.2;color:#fff}
#be-dna-quiz .p-zone{margin-top:4px;font-size:10px;color:rgba(255,255,255,.55)}
#be-dna-quiz .p-desc{margin-top:20px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.8)}
#be-dna-quiz .p-img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center}
#be-dna-quiz .p-img img{height:100%;width:100%;object-fit:cover}
#be-dna-quiz .institutional{margin-top:32px;border:1px solid;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.01) 100%);border-radius:var(--radius-medium)}
#be-dna-quiz .institutional p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.8)}
#be-dna-quiz .institutional p + p{margin-top:16px}
#be-dna-quiz .cta{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
#be-dna-quiz .btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid;background:transparent;padding:16px 32px;font-family:inherit;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600;transition:all .3s;border-radius:var(--radius-small)}
#be-dna-quiz .btn-outline:hover{transform:scale(1.03)}
#be-dna-quiz .cta .fine{margin-top:4px;font-size:10px;color:rgba(255,255,255,.4)}
@media(min-width:640px){
  #be-dna-quiz .results{padding:64px 20px}
  #be-dna-quiz .r-title{font-size:60px}
  #be-dna-quiz .panel{grid-template-columns:auto 1fr;padding:40px}
  #be-dna-quiz .gauge{margin:0}
  #be-dna-quiz .bd .track{display:block}
  #be-dna-quiz .tips,#be-dna-quiz .institutional{padding:32px}
  #be-dna-quiz .project{padding:40px}
  #be-dna-quiz .p-name{font-size:36px}
}
@media(min-width:768px){#be-dna-quiz .project .grid{grid-template-columns:1.1fr 1fr}#be-dna-quiz .p-img{aspect-ratio:auto}}
#be-dna-quiz button,
#be-dna-quiz input {
  font-family: inherit;
  box-shadow: none;
}
#be-dna-quiz button:focus-visible,
#be-dna-quiz a:focus-visible,
#be-dna-quiz input:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
#be-dna-quiz .screen,
#be-dna-quiz .welcome,
#be-dna-quiz .lead-wrap,
#be-dna-quiz .loading,
#be-dna-quiz .results {
  width: 100%;
}
#be-dna-quiz .project .grid {
  width: 100%;
}
#be-dna-quiz .quiz {
  width: min(calc(100% - 128px), 1280px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 64px 0 !important;
}
@media (min-width: 2400px) {
  #be-dna-quiz .quiz {
    width: min(calc(100% - 320px), 1600px) !important;
    max-width: 1600px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz .quiz {
    width: min(calc(100% - 96px), 1120px) !important;
    max-width: 1120px !important;
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz .quiz {
    width: min(calc(100% - 64px), 900px) !important;
    max-width: 900px !important;
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .welcome {
    min-height: 100svh;
    padding: 48px 18px;
  }
  #be-dna-quiz .quiz {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    min-height: 100svh;
    margin-inline: auto !important;
    padding: 36px 0 48px !important;
  }
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    min-height: 100svh;
  }
  #be-dna-quiz .logo-full {
    height: 58px;
  }
  #be-dna-quiz .welcome-meta {
    margin-top: 28px;
    gap: 14px 22px;
  }
  #be-dna-quiz .welcome-meta-item img {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    max-width: 18px !important;
    flex-basis: 18px;
  }
  #be-dna-quiz .opt,
  #be-dna-quiz .opt .txt {
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: break-word;
  }
  #be-dna-quiz .btn-solid,
  #be-dna-quiz .btn-outline {
    width: 100%;
    max-width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  #be-dna-quiz .quiz-foot {
    gap: 16px;
  }
  #be-dna-quiz .project,
  #be-dna-quiz .tips,
  #be-dna-quiz .institutional,
  #be-dna-quiz .panel {
    padding: 20px;
  }
}
@media (max-width: 380px) {
  #be-dna-quiz .quiz {
    width: calc(100% - 28px) !important;
  }
  #be-dna-quiz .welcome h1 {
    font-size: 32px;
  }
  #be-dna-quiz .q-title {
    font-size: 22px;
  }
  #be-dna-quiz .opt {
    gap: 12px;
    padding: 16px;
  }
  #be-dna-quiz .opt .letter {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
  #be-dna-quiz .welcome-meta {
    gap: 12px 18px;
  }
  #be-dna-quiz .opt .txt {
    font-size: 14px;
  }
  #be-dna-quiz .bd .nm {
    font-size: 12px;
  }
  #be-dna-quiz .bd .pct {
    font-size: 16px;
  }
}
#be-dna-quiz .glass-card,
#be-dna-quiz .panel,
#be-dna-quiz .tips,
#be-dna-quiz .project,
#be-dna-quiz .institutional,
#be-dna-quiz .opt,
#be-dna-quiz .field input,
#be-dna-quiz .btn-solid,
#be-dna-quiz .btn-outline,
#be-dna-quiz .badge {
  box-shadow: none !important;
}
#be-dna-quiz .panel,
#be-dna-quiz .tips,
#be-dna-quiz .project,
#be-dna-quiz .institutional {
  border-radius: var(--radius-medium);
}
#be-dna-quiz .opt,
#be-dna-quiz .field input,
#be-dna-quiz .btn-solid,
#be-dna-quiz .btn-outline,
#be-dna-quiz .badge {
  border-radius: var(--radius-small);
}
#be-dna-quiz .r-rule,
#be-dna-quiz .bd .dot,
#be-dna-quiz .bar,
#be-dna-quiz .bar > div,
#be-dna-quiz .bd .track,
#be-dna-quiz .bd .track div {
  border-radius: 999px;
  box-shadow: none !important;
}
#be-dna-quiz svg,
#be-dna-quiz svg * {
  filter: none !important;
}
#be-dna-quiz .welcome-meta-item img {
  filter: brightness(0) invert(1) !important;
}
#be-dna-quiz .quiz-head {
  margin-bottom: 56px;
}
#be-dna-quiz .quiz-meta {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.2;
}
#be-dna-quiz .quiz-meta .logo-mark {
  width: 25px;
  height: 30px;
}
#be-dna-quiz .bar {
  height: 3px;
}
#be-dna-quiz .q-title {
  font-size: 42px;
  line-height: 1.14;
}
#be-dna-quiz .options {
  gap: 15px;
  margin-top: 38px;
}
#be-dna-quiz .opt {
  gap: 20px;
  min-height: 82px;
  padding: 22px 24px;
  align-items: center;
}
#be-dna-quiz .opt .letter {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  font-size: 14px;
}
#be-dna-quiz .opt .letter .icon {
  width: 19px;
  height: 19px;
}
#be-dna-quiz .opt .txt {
  padding-top: 0;
  font-size: 17px;
  line-height: 1.5;
}
#be-dna-quiz .quiz-foot {
  margin-top: 46px;
}
#be-dna-quiz .back {
  gap: 10px;
  font-size: 12px;
}
#be-dna-quiz .back .icon {
  width: 17px !important;
  height: 17px !important;
}
#be-dna-quiz .hint {
  font-size: 11px;
}
@media (min-width: 2400px) {
  #be-dna-quiz .quiz-head {
    margin-bottom: 68px;
  }
  #be-dna-quiz .quiz-meta {
    margin-bottom: 24px;
    font-size: 16px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 32px;
    height: 38px;
  }
  #be-dna-quiz .bar {
    height: 4px;
  }
  #be-dna-quiz .q-title {
    font-size: 54px;
    line-height: 1.12;
  }
  #be-dna-quiz .options {
    gap: 18px;
    margin-top: 46px;
  }
  #be-dna-quiz .opt {
    gap: 24px;
    min-height: 98px;
    padding: 27px 30px;
  }
  #be-dna-quiz .opt .letter {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
    font-size: 16px;
    border-radius: 8px;
  }
  #be-dna-quiz .opt .letter .icon {
    width: 23px;
    height: 23px;
  }
  #be-dna-quiz .opt .txt {
    font-size: 21px;
    line-height: 1.5;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 56px;
  }
  #be-dna-quiz .back {
    gap: 12px;
    font-size: 15px;
  }
  #be-dna-quiz .back .icon {
    width: 20px !important;
    height: 20px !important;
  }
  #be-dna-quiz .hint {
    font-size: 14px;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz .quiz-head {
    margin-bottom: 48px;
  }
  #be-dna-quiz .quiz-meta {
    margin-bottom: 18px;
    font-size: 12px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 23px;
    height: 28px;
  }
  #be-dna-quiz .bar {
    height: 3px;
  }
  #be-dna-quiz .q-title {
    font-size: 38px;
    line-height: 1.16;
  }
  #be-dna-quiz .options {
    gap: 14px;
    margin-top: 34px;
  }
  #be-dna-quiz .opt {
    gap: 18px;
    min-height: 76px;
    padding: 19px 21px;
  }
  #be-dna-quiz .opt .letter {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 13px;
  }
  #be-dna-quiz .opt .letter .icon {
    width: 18px;
    height: 18px;
  }
  #be-dna-quiz .opt .txt {
    font-size: 16px;
    line-height: 1.5;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 42px;
  }
  #be-dna-quiz .back {
    font-size: 12px;
  }
  #be-dna-quiz .back .icon {
    width: 16px !important;
    height: 16px !important;
  }
  #be-dna-quiz .hint {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz .quiz-head {
    margin-bottom: 42px;
  }
  #be-dna-quiz .quiz-meta {
    margin-bottom: 16px;
    font-size: 12px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 23px;
    height: 28px;
  }
  #be-dna-quiz .bar {
    height: 3px;
  }
  #be-dna-quiz .q-title {
    font-size: 34px;
    line-height: 1.17;
  }
  #be-dna-quiz .options {
    gap: 13px;
    margin-top: 30px;
  }
  #be-dna-quiz .opt {
    gap: 17px;
    min-height: 72px;
    padding: 18px 20px;
  }
  #be-dna-quiz .opt .letter {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    font-size: 13px;
  }
  #be-dna-quiz .opt .letter .icon {
    width: 17px;
    height: 17px;
  }
  #be-dna-quiz .opt .txt {
    font-size: 16px;
    line-height: 1.5;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 38px;
  }
  #be-dna-quiz .back {
    font-size: 11.5px;
  }
  #be-dna-quiz .back .icon {
    width: 16px !important;
    height: 16px !important;
  }
  #be-dna-quiz .hint {
    font-size: 10.5px;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .quiz-head {
    margin-bottom: 34px;
  }
  #be-dna-quiz .quiz-meta {
    margin-bottom: 14px;
    font-size: 11px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 21px;
    height: 26px;
  }
  #be-dna-quiz .bar {
    height: 3px;
  }
  #be-dna-quiz .q-title {
    font-size: clamp(27px, 7.5vw, 32px);
    line-height: 1.17;
  }
  #be-dna-quiz .options {
    gap: 12px;
    margin-top: 26px;
  }
  #be-dna-quiz .opt {
    gap: 14px;
    min-height: 68px;
    padding: 16px;
    border-radius: 8px;
  }
  #be-dna-quiz .opt .letter {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 12px;
  }
  #be-dna-quiz .opt .letter .icon {
    width: 17px;
    height: 17px;
  }
  #be-dna-quiz .opt .txt {
    font-size: 15px;
    line-height: 1.45;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 34px;
    gap: 12px;
  }
  #be-dna-quiz .back {
    gap: 7px;
    font-size: 11px;
  }
  #be-dna-quiz .back .icon {
    width: 15px !important;
    height: 15px !important;
  }
  #be-dna-quiz .hint {
    font-size: 10px;
    text-align: right;
  }
}
@media (max-width: 380px) {
  #be-dna-quiz .q-title {
    font-size: 26px;
  }
  #be-dna-quiz .opt {
    gap: 12px;
    min-height: 64px;
    padding: 15px 14px;
  }
  #be-dna-quiz .opt .letter {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
  #be-dna-quiz .opt .txt {
    font-size: 14.5px;
  }
  #be-dna-quiz .back {
    font-size: 10.5px;
  }
  #be-dna-quiz .hint {
    font-size: 9.5px;
  }
}
#be-dna-quiz .lead-wrap > .step-in {
  width: 100%;
}
#be-dna-quiz .lead-wrap h2 {
  margin-top: 0;
}
#be-dna-quiz #quiz-lead-panel.glass-card {
  position: relative;
  overflow: hidden;
  margin-top: 36px;
  padding: 36px;
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,.28);
  box-shadow:
    0 24px 70px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#be-dna-quiz #quiz-lead-panel.glass-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent);
  pointer-events: none;
}
#be-dna-quiz #quiz-lead-panel .field {
  margin-bottom: 20px;
}
#be-dna-quiz #quiz-lead-panel .field span.lbl {
  margin-bottom: 8px;
  color: rgba(255,255,255,.78);
}
#be-dna-quiz #quiz-lead-panel .field input {
  min-height: 52px;
  background: #141414;
  border-color: rgba(255,255,255,.18);
}
#be-dna-quiz #quiz-lead-panel .field input:hover {
  border-color: rgba(255,255,255,.34);
}
#be-dna-quiz #quiz-lead-panel .field input:focus {
  background: #171717;
  border-color: #fff;
}
#be-dna-quiz #quiz-lead-panel .btn-solid {
  min-height: 54px;
  margin-top: 8px;
}
#be-dna-quiz #quiz-lead-panel .consent {
  padding-top: 12px;
}
@media (max-width: 767px) {
  #be-dna-quiz #quiz-lead-panel.glass-card {
    margin-top: 28px;
    padding: 24px 20px;
  }
  #be-dna-quiz #quiz-lead-panel.glass-card::before {
    left: 20px;
    right: 20px;
  }
  #be-dna-quiz #quiz-lead-panel .field {
    margin-bottom: 16px;
  }
}
#be-dna-quiz .welcome-meta {
  gap: 12px !important;
}
#be-dna-quiz .welcome-meta-item {
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
  color: #ffffff;
  gap: 9px;
  transition: border-color .25s ease, background-color .25s ease;
}
#be-dna-quiz .welcome-meta-item:hover {
  border-color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.06);
}
#be-dna-quiz .welcome-meta-item:first-child img {
  filter: none !important;
  opacity: 1 !important;
}
#be-dna-quiz .welcome-meta-item:nth-child(2) img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}
@media (max-width: 767px) {
  #be-dna-quiz .welcome-meta {
    gap: 10px !important;
  }
  #be-dna-quiz .welcome-meta-item {
    min-height: 38px;
    padding: 8px 12px;
    gap: 8px;
  }
}
@media (max-width: 380px) {
  #be-dna-quiz .welcome-meta-item {
    padding-inline: 10px;
    font-size: 9px;
  }
}
#be-dna-quiz .welcome {
  width: min(calc(100% - 128px), 1280px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 72px 0 !important;
}
#be-dna-quiz .welcome .badge {
  min-height: 34px;
  padding: 8px 17px;
  margin-bottom: 38px;
  border-color: rgba(255, 255, 255, 0.34);
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.025);
  font-size: 11px;
}
#be-dna-quiz .welcome .badge i {
  width: 5px;
  height: 5px;
  background: #ffffff;
}
#be-dna-quiz .welcome h1 {
  width: 100%;
  max-width: 1040px;
  margin-inline: auto;
  font-size: clamp(58px, 4.7vw, 72px);
  line-height: 1.03;
  letter-spacing: -0.025em;
}
#be-dna-quiz .welcome h1 em {
  color: rgba(255, 255, 255, 0.78);
}
#be-dna-quiz .welcome p.lead {
  max-width: 720px;
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 17px;
  line-height: 1.65;
}
#be-dna-quiz .welcome .btn-solid {
  min-width: 286px;
  min-height: 60px;
  margin-top: 50px;
  padding: 18px 34px;
  border: 2px solid #ffffff;
  background: #ffffff;
  color: #000000;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.035em;
  border-radius: 9px;
  transform: translateZ(0);
  transition: transform .25s ease, background-color .25s ease, color .25s ease;
}
#be-dna-quiz .welcome .btn-solid .icon {
  width: 19px;
  height: 19px;
  stroke-width: 2.4;
  transition: transform .25s ease;
}
#be-dna-quiz .welcome .btn-solid:hover {
  background: #000000;
  color: #ffffff;
  transform: translateY(-3px) scale(1.015);
}
#be-dna-quiz .welcome .btn-solid:hover .icon {
  transform: translateX(4px);
}
#be-dna-quiz .welcome-meta {
  margin-top: 34px !important;
}
#be-dna-quiz .welcome-meta-item {
  min-height: 46px;
  padding: 10px 17px;
  border-color: rgba(255, 255, 255, 0.54);
  background: rgba(255, 255, 255, 0.035);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}
#be-dna-quiz .welcome-meta-item:first-child img {
  display: none !important;
}
#be-dna-quiz .welcome-meta-item:first-child::before {
  content: "?";
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  background: #ffffff;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
}
#be-dna-quiz .welcome-meta-item:nth-child(2) img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px;
  max-width: 22px !important;
  flex-basis: 22px;
}
@media (min-width: 2400px) {
  #be-dna-quiz .welcome {
    width: min(calc(100% - 320px), 1600px) !important;
    max-width: 1600px !important;
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  #be-dna-quiz .welcome .badge {
    min-height: 40px;
    padding: 10px 21px;
    margin-bottom: 46px;
    font-size: 14px;
  }
  #be-dna-quiz .welcome h1 {
    max-width: 1300px;
    font-size: 92px;
    line-height: 1.02;
  }
  #be-dna-quiz .welcome p.lead {
    max-width: 900px;
    margin-top: 38px;
    font-size: 22px;
  }
  #be-dna-quiz .welcome .btn-solid {
    min-width: 360px;
    min-height: 72px;
    margin-top: 62px;
    padding: 22px 42px;
    font-size: 15px;
  }
  #be-dna-quiz .welcome .btn-solid .icon {
    width: 22px;
    height: 22px;
  }
  #be-dna-quiz .welcome-meta {
    margin-top: 42px !important;
    gap: 16px !important;
  }
  #be-dna-quiz .welcome-meta-item {
    min-height: 54px;
    padding: 12px 21px;
    gap: 11px;
    font-size: 14px;
  }
  #be-dna-quiz .welcome-meta-item:first-child::before {
    width: 27px;
    height: 27px;
    flex-basis: 27px;
    font-size: 17px;
  }
  #be-dna-quiz .welcome-meta-item:nth-child(2) img {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px;
    max-width: 27px !important;
    flex-basis: 27px;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz .welcome {
    width: min(calc(100% - 96px), 1120px) !important;
    max-width: 1120px !important;
    padding-top: 62px !important;
    padding-bottom: 62px !important;
  }
  #be-dna-quiz .welcome .badge {
    margin-bottom: 32px;
    font-size: 10.5px;
  }
  #be-dna-quiz .welcome h1 {
    max-width: 900px;
    font-size: clamp(52px, 5.1vw, 64px);
  }
  #be-dna-quiz .welcome p.lead {
    max-width: 650px;
    margin-top: 26px;
    font-size: 16px;
  }
  #be-dna-quiz .welcome .btn-solid {
    min-width: 270px;
    min-height: 58px;
    margin-top: 44px;
    font-size: 12px;
  }
  #be-dna-quiz .welcome-meta-item {
    min-height: 43px;
    padding: 9px 15px;
    font-size: 10.5px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz .welcome {
    width: calc(100% - 64px) !important;
    max-width: none !important;
    padding: 58px 0 !important;
  }
  #be-dna-quiz .welcome .badge {
    margin-bottom: 30px;
    font-size: 10.5px;
  }
  #be-dna-quiz .welcome h1 {
    max-width: 800px;
    font-size: clamp(48px, 6.5vw, 62px);
  }
  #be-dna-quiz .welcome p.lead {
    max-width: 620px;
    margin-top: 25px;
    font-size: 16px;
  }
  #be-dna-quiz .welcome .btn-solid {
    width: auto;
    min-width: 270px;
    min-height: 58px;
    margin-top: 44px;
    font-size: 12px;
  }
  #be-dna-quiz .welcome-meta-item {
    min-height: 43px;
    padding: 9px 15px;
    font-size: 10.5px;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .welcome {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    padding: 42px 0 48px !important;
  }
  #be-dna-quiz .welcome .badge {
    min-height: 32px;
    margin-bottom: 27px;
    padding: 7px 13px;
    font-size: 9.5px;
  }
  #be-dna-quiz .welcome h1 {
    max-width: 620px;
    font-size: clamp(39px, 11.8vw, 52px);
    line-height: 1.02;
  }
  #be-dna-quiz .welcome p.lead {
    max-width: 520px;
    margin-top: 23px;
    font-size: 15px;
    line-height: 1.58;
  }
  #be-dna-quiz .welcome .btn-solid {
    width: min(100%, 340px);
    min-width: 0;
    min-height: 58px;
    margin-top: 38px;
    padding: 17px 22px;
    font-size: 11.5px;
  }
  #be-dna-quiz .welcome-meta {
    margin-top: 28px !important;
    gap: 10px !important;
  }
  #be-dna-quiz .welcome-meta-item {
    min-height: 41px;
    padding: 8px 13px;
    gap: 8px;
    font-size: 10px;
  }
  #be-dna-quiz .welcome-meta-item:first-child::before {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    font-size: 13px;
  }
  #be-dna-quiz .welcome-meta-item:nth-child(2) img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    max-width: 20px !important;
    flex-basis: 20px;
  }
}
@media (max-width: 420px) {
  #be-dna-quiz .welcome h1 {
    font-size: clamp(36px, 11.3vw, 46px);
  }
  #be-dna-quiz .welcome-meta {
    width: 100%;
    flex-wrap: nowrap;
  }
  #be-dna-quiz .welcome-meta-item {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: 10px;
    font-size: 9px;
  }
}
#be-dna-quiz #q-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2em;
  height: 1.9em;
  margin: 0 .48em;
  padding: 0 .55em;
  vertical-align: middle;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #ffffff;
  color: #000000 !important;
  font-size: 1.08em;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: 0;
}
#be-dna-quiz .bar {
  height: 5px !important;
  background: rgba(255,255,255,.14) !important;
}
#be-dna-quiz .bar > div {
  background: #ffffff !important;
}
@media (min-width: 2400px) {
  #be-dna-quiz .bar {
    height: 6px !important;
  }
  #be-dna-quiz #q-index {
    border-radius: 6px;
  }
}
@media (max-width: 1024px) {
  #be-dna-quiz .bar {
    height: 4px !important;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz #q-index {
    min-width: 2.1em;
    height: 1.85em;
    margin-inline: .4em;
    padding-inline: .48em;
    border-radius: 4px;
  }
}
#be-dna-quiz {
  min-height: calc(100svh - 96px) !important;
}
#be-dna-quiz .screen.active {
  min-height: auto !important;
}
#be-dna-quiz .welcome,
#be-dna-quiz .quiz,
#be-dna-quiz .lead-wrap,
#be-dna-quiz .loading {
  min-height: calc(100svh - 96px) !important;
}
#be-dna-quiz .welcome {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
#be-dna-quiz .welcome .badge {
  margin-bottom: 26px !important;
}
#be-dna-quiz .welcome p.lead {
  margin-top: 20px !important;
}
#be-dna-quiz .welcome .btn-solid {
  margin-top: 32px !important;
}
#be-dna-quiz .welcome-meta {
  margin-top: 22px !important;
}
#be-dna-quiz .quiz {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
#be-dna-quiz .quiz-head {
  margin-bottom: 30px !important;
}
#be-dna-quiz .options {
  margin-top: 24px !important;
}
#be-dna-quiz .quiz-foot {
  margin-top: 28px !important;
}
#be-dna-quiz .lead-wrap {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
#be-dna-quiz #quiz-lead-panel.glass-card {
  margin-top: 24px !important;
}
#be-dna-quiz .loading {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
@media (min-width: 2400px) {
  #be-dna-quiz,
  #be-dna-quiz .welcome,
  #be-dna-quiz .quiz,
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    min-height: calc(100svh - 118px) !important;
  }
  #be-dna-quiz .welcome {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  #be-dna-quiz .welcome .badge {
    margin-bottom: 32px !important;
  }
  #be-dna-quiz .welcome p.lead {
    margin-top: 26px !important;
  }
  #be-dna-quiz .welcome .btn-solid {
    margin-top: 42px !important;
  }
  #be-dna-quiz .welcome-meta {
    margin-top: 28px !important;
  }
  #be-dna-quiz .quiz {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
  #be-dna-quiz .quiz-head {
    margin-bottom: 38px !important;
  }
  #be-dna-quiz .options {
    margin-top: 24px !important;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 34px !important;
  }
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz,
  #be-dna-quiz .welcome,
  #be-dna-quiz .quiz,
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    min-height: calc(100svh - 92px) !important;
  }
  #be-dna-quiz .welcome {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  #be-dna-quiz .welcome .badge {
    margin-bottom: 21px !important;
  }
  #be-dna-quiz .welcome p.lead {
    margin-top: 17px !important;
  }
  #be-dna-quiz .welcome .btn-solid {
    margin-top: 27px !important;
  }
  #be-dna-quiz .welcome-meta {
    margin-top: 18px !important;
  }
  #be-dna-quiz .quiz {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  #be-dna-quiz .quiz-head {
    margin-bottom: 25px !important;
  }
  #be-dna-quiz .options {
    margin-top: 20px !important;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 23px !important;
  }
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  #be-dna-quiz #quiz-lead-panel.glass-card {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz,
  #be-dna-quiz .welcome,
  #be-dna-quiz .quiz,
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    min-height: calc(100svh - 84px) !important;
  }
  #be-dna-quiz .welcome {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  #be-dna-quiz .welcome .badge {
    margin-bottom: 20px !important;
  }
  #be-dna-quiz .welcome p.lead {
    margin-top: 17px !important;
  }
  #be-dna-quiz .welcome .btn-solid {
    margin-top: 27px !important;
  }
  #be-dna-quiz .welcome-meta {
    margin-top: 18px !important;
  }
  #be-dna-quiz .quiz {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
  #be-dna-quiz .quiz-head {
    margin-bottom: 24px !important;
  }
  #be-dna-quiz .options {
    margin-top: 20px !important;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 22px !important;
  }
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
  #be-dna-quiz #quiz-lead-panel.glass-card {
    margin-top: 20px !important;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz,
  #be-dna-quiz .welcome,
  #be-dna-quiz .quiz,
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    min-height: calc(100svh - 68px) !important;
  }
  #be-dna-quiz .welcome {
    padding-top: 24px !important;
    padding-bottom: 28px !important;
  }
  #be-dna-quiz .welcome .badge {
    margin-bottom: 17px !important;
  }
  #be-dna-quiz .welcome p.lead {
    margin-top: 15px !important;
  }
  #be-dna-quiz .welcome .btn-solid {
    margin-top: 23px !important;
  }
  #be-dna-quiz .welcome-meta {
    margin-top: 16px !important;
  }
  #be-dna-quiz .quiz {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }
  #be-dna-quiz .quiz-head {
    margin-bottom: 21px !important;
  }
  #be-dna-quiz .options {
    margin-top: 18px !important;
  }
  #be-dna-quiz .quiz-foot {
    margin-top: 20px !important;
  }
  #be-dna-quiz .lead-wrap,
  #be-dna-quiz .loading {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }
  #be-dna-quiz #quiz-lead-panel.glass-card {
    margin-top: 18px !important;
  }
}
#be-dna-quiz #s-welcome {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #000000;
}
#be-dna-quiz #s-welcome::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("https://amoradiadofuturo.com.br/wp-content/uploads/2026/08/Fundo.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.55;
}
#be-dna-quiz #s-welcome::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.92) 0%,
    rgba(0, 0, 0, 0.42) 15%,
    rgba(0, 0, 0, 0.06) 34%,
    rgba(0, 0, 0, 0.06) 66%,
    rgba(0, 0, 0, 0.48) 85%,
    rgba(0, 0, 0, 0.94) 100%
  );
}
#be-dna-quiz #s-welcome .welcome {
  position: relative;
  z-index: 1;
}
@media (min-width: 2400px) {
  #be-dna-quiz #s-welcome::before {
    background-position: center 45%;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz #s-welcome::before {
    background-position: center center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz #s-welcome::before {
    background-position: center center;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz #s-welcome::before {
    background-position: center center;
  }
}
#be-dna-quiz #s-welcome .welcome .badge {
  position: relative;
  min-height: 42px;
  padding: 10px 22px;
  border: 1px solid #ffffff;
  border-radius: 999px;
  background: #ffffff;
  color: #000000;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.055em;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.34) !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
#be-dna-quiz #s-welcome .welcome .badge i {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  background: #000000;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.08);
}
#be-dna-quiz #s-welcome .welcome .badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.42) !important;
}
@media (min-width: 2400px) {
  #be-dna-quiz #s-welcome .welcome .badge {
    min-height: 50px;
    padding: 12px 27px;
    font-size: 15px;
  }
  #be-dna-quiz #s-welcome .welcome .badge i {
    width: 7px;
    height: 7px;
    flex-basis: 7px;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz #s-welcome .welcome .badge {
    min-height: 38px;
    padding: 9px 19px;
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz #s-welcome .welcome .badge {
    min-height: 38px;
    padding: 9px 18px;
    font-size: 10.5px;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz #s-welcome .welcome .badge {
    min-height: 36px;
    padding: 8px 16px;
    font-size: 10px;
    letter-spacing: 0.045em;
  }
  #be-dna-quiz #s-welcome .welcome .badge i {
    width: 5px;
    height: 5px;
    flex-basis: 5px;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
  }
}
#be-dna-quiz .quiz-head {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
#be-dna-quiz .quiz-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 0 !important;
}
#be-dna-quiz .quiz-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 6px 10px 6px 0;
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  font-weight: 700;
  letter-spacing: .05em;
}
#be-dna-quiz .quiz-meta > span > :first-child {
  color: rgba(255,255,255,.62);
}
#be-dna-quiz .quiz-meta b#q-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #efefef 100%);
  color: #000000 !important;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.95);
}
#be-dna-quiz .quiz-meta .sep {
  margin: 0 2px;
  opacity: .45;
}
#be-dna-quiz .quiz-meta #q-total {
  color: rgba(255,255,255,.9);
  font-weight: 800;
}
#be-dna-quiz .quiz-meta .logo-mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);
}
#be-dna-quiz .quiz-meta .logo-mark img {
  position: static;
  width: auto;
  height: 24px;
  max-width: none;
}
#be-dna-quiz .bar {
  position: relative;
  height: 8px !important;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.06) 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  overflow: visible;
}
#be-dna-quiz .bar > div {
  position: relative;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ffffff 0%, #f3f3f3 100%) !important;
  box-shadow: 0 0 18px rgba(255,255,255,.14);
}
#be-dna-quiz .bar > div::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(255,255,255,.08), 0 0 18px rgba(255,255,255,.22);
}
#be-dna-quiz .bar > div[style*="width: 0%"]::after {
  opacity: 0;
}
@media (min-width: 2400px) {
  #be-dna-quiz .quiz-head { gap: 22px; }
  #be-dna-quiz .quiz-meta > span {
    min-height: 52px;
    gap: 14px;
    font-size: 16px;
  }
  #be-dna-quiz .quiz-meta b#q-index {
    min-width: 42px;
    height: 42px;
    border-radius: 10px;
    font-size: 18px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
  #be-dna-quiz .quiz-meta .logo-mark img { height: 28px; }
  #be-dna-quiz .bar { height: 10px !important; }
  #be-dna-quiz .bar > div::after {
    right: -7px;
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz .quiz-head { gap: 16px; }
  #be-dna-quiz .quiz-meta > span {
    min-height: 40px;
    gap: 9px;
    font-size: 12.5px;
  }
  #be-dna-quiz .quiz-meta b#q-index {
    min-width: 32px;
    height: 32px;
    font-size: 14px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 38px;
    height: 38px;
  }
  #be-dna-quiz .quiz-meta .logo-mark img { height: 22px; }
  #be-dna-quiz .bar { height: 7px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz .quiz-head { gap: 15px; }
  #be-dna-quiz .quiz-meta > span {
    min-height: 38px;
    gap: 9px;
    font-size: 12px;
  }
  #be-dna-quiz .quiz-meta b#q-index {
    min-width: 31px;
    height: 31px;
    padding: 0 8px;
    font-size: 13px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }
  #be-dna-quiz .quiz-meta .logo-mark img { height: 21px; }
  #be-dna-quiz .bar {
    height: 7px !important;
  }
  #be-dna-quiz .bar > div::after {
    width: 12px;
    height: 12px;
    right: -5px;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .quiz-head { gap: 13px; }
  #be-dna-quiz .quiz-meta {
    gap: 12px;
  }
  #be-dna-quiz .quiz-meta > span {
    min-height: 34px;
    gap: 8px;
    padding-right: 0;
    font-size: 10.5px;
    letter-spacing: .045em;
  }
  #be-dna-quiz .quiz-meta b#q-index {
    min-width: 29px;
    height: 29px;
    padding: 0 7px;
    border-radius: 7px;
    font-size: 12px;
  }
  #be-dna-quiz .quiz-meta .sep {
    margin: 0 1px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 34px;
    height: 34px;
    padding: 7px;
    border-radius: 10px;
  }
  #be-dna-quiz .quiz-meta .logo-mark img { height: 20px; }
  #be-dna-quiz .bar {
    height: 6px !important;
  }
  #be-dna-quiz .bar > div::after {
    width: 11px;
    height: 11px;
    right: -4px;
    box-shadow: 0 0 0 3px rgba(255,255,255,.07), 0 0 14px rgba(255,255,255,.18);
  }
}
@media (max-width: 380px) {
  #be-dna-quiz .quiz-meta > span {
    font-size: 10px;
    gap: 7px;
  }
  #be-dna-quiz .quiz-meta b#q-index {
    min-width: 27px;
    height: 27px;
    font-size: 11px;
  }
  #be-dna-quiz .quiz-meta .logo-mark {
    width: 32px;
    height: 32px;
  }
  #be-dna-quiz .quiz-meta .logo-mark img { height: 18px; }
  #be-dna-quiz .bar { height: 5px !important; }
}
#be-dna-quiz .tips {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 36px;
  padding: 32px 36px 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.012) 100%),
    #050505;
}
#be-dna-quiz .tips::before {
  content: "";
  position: absolute;
  top: 0;
  left: 36px;
  right: 36px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  opacity: .55;
  pointer-events: none;
}
#be-dna-quiz .tips .bd-label {
  margin-bottom: 12px;
  color: rgba(255,255,255,.58);
  font-size: 11px;
  letter-spacing: .065em;
}
#be-dna-quiz .tips ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#be-dna-quiz .tips li {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  width: 100%;
  min-width: 0;
  padding: 22px 14px;
  border-top: 1px solid rgba(255,255,255,.11);
  border-radius: 8px;
  transition:
    background-color .28s ease,
    transform .28s cubic-bezier(.22,1,.36,1),
    border-color .28s ease;
}
#be-dna-quiz .tips li:first-child {
  border-top-color: transparent;
}
#be-dna-quiz .tips li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 0;
  border-radius: 999px;
  background: #ffffff;
  transform: translateY(-50%);
  opacity: 0;
  transition: height .28s ease, opacity .28s ease;
}
#be-dna-quiz .tips li:hover {
  z-index: 1;
  border-top-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.055);
  transform: translateX(7px);
}
#be-dna-quiz .tips li:hover::after {
  height: calc(100% - 28px);
  opacity: 1;
}
#be-dna-quiz .tips .n {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 52px;
  margin: 0;
  color: rgba(255,255,255,.35);
  font-size: 27px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.03em;
  transition: color .28s ease, transform .28s ease;
}
#be-dna-quiz .tips li:hover .n {
  color: #ffffff;
  transform: translateX(4px);
}
#be-dna-quiz .tips .t {
  display: block;
  min-width: 0;
  padding-top: 1px;
  color: rgba(255,255,255,.84);
  font-size: 16px;
  line-height: 1.65;
  overflow-wrap: break-word;
  transition: color .28s ease;
}
#be-dna-quiz .tips li:hover .t {
  color: #ffffff;
}
@media (min-width: 2400px) {
  #be-dna-quiz .tips {
    margin-top: 48px;
    padding: 44px 52px 26px;
    border-radius: 18px;
  }
  #be-dna-quiz .tips::before {
    left: 52px;
    right: 52px;
  }
  #be-dna-quiz .tips .bd-label {
    margin-bottom: 16px;
    font-size: 14px;
  }
  #be-dna-quiz .tips li {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 24px;
    padding: 29px 18px;
  }
  #be-dna-quiz .tips .n {
    width: 68px;
    font-size: 34px;
  }
  #be-dna-quiz .tips .t {
    font-size: 20px;
    line-height: 1.62;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  #be-dna-quiz .tips {
    margin-top: 32px;
    padding: 28px 30px 16px;
  }
  #be-dna-quiz .tips::before {
    left: 30px;
    right: 30px;
  }
  #be-dna-quiz .tips li {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    padding: 19px 12px;
  }
  #be-dna-quiz .tips .n {
    width: 48px;
    font-size: 25px;
  }
  #be-dna-quiz .tips .t {
    font-size: 15.5px;
    line-height: 1.62;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #be-dna-quiz .tips {
    margin-top: 30px;
    padding: 26px 26px 14px;
  }
  #be-dna-quiz .tips::before {
    left: 26px;
    right: 26px;
  }
  #be-dna-quiz .tips li {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 15px;
    padding: 18px 10px;
  }
  #be-dna-quiz .tips li:hover {
    transform: translateX(5px);
  }
  #be-dna-quiz .tips .n {
    width: 44px;
    font-size: 23px;
  }
  #be-dna-quiz .tips .t {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .tips {
    margin-top: 26px;
    padding: 24px 16px 10px;
    border-radius: 12px;
  }
  #be-dna-quiz .tips::before {
    left: 16px;
    right: 16px;
  }
  #be-dna-quiz .tips .bd-label {
    margin: 0 6px 8px;
    font-size: 10px;
  }
  #be-dna-quiz .tips li {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 6px;
    border-radius: 7px;
  }
  #be-dna-quiz .tips li:hover {
    transform: translateX(3px);
  }
  #be-dna-quiz .tips li:hover::after {
    height: calc(100% - 20px);
  }
  #be-dna-quiz .tips .n {
    width: 38px;
    font-size: 21px;
  }
  #be-dna-quiz .tips li:hover .n {
    transform: translateX(2px);
  }
  #be-dna-quiz .tips .t {
    font-size: 14.5px;
    line-height: 1.58;
  }
}
@media (max-width: 380px) {
  #be-dna-quiz .tips {
    padding-inline: 13px;
  }
  #be-dna-quiz .tips::before {
    left: 13px;
    right: 13px;
  }
  #be-dna-quiz .tips li {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 14px 4px;
  }
  #be-dna-quiz .tips .n {
    width: 34px;
    font-size: 19px;
  }
  #be-dna-quiz .tips .t {
    font-size: 14px;
    line-height: 1.55;
  }
}
@media (prefers-reduced-motion: reduce) {
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips li::after,
  #be-dna-quiz .tips .n,
  #be-dna-quiz .tips .t {
    transition: none !important;
  }
  #be-dna-quiz .tips li:hover,
  #be-dna-quiz .tips li:hover .n {
    transform: none !important;
  }
}
#be-dna-quiz .lead-wrap {
  max-width: 620px;
  padding-inline: 24px;
}
#be-dna-quiz .lead-wrap > .step-in {
  width: 100%;
}
#be-dna-quiz .lead-wrap .sub {
  max-width: 520px;
}
#be-dna-quiz #quiz-lead-panel.glass-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 30px !important;
  padding: 34px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.055), transparent 38%),
    #0d0d0d;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 14px;
  box-shadow:
    0 24px 70px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}
#be-dna-quiz #quiz-lead-panel.glass-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
  pointer-events: none;
}
#be-dna-quiz #quiz-lead-panel .field {
  display: block;
  margin-bottom: 19px;
}
#be-dna-quiz #quiz-lead-panel .field span.lbl {
  display: block;
  margin-bottom: 8px;
  color: rgba(255,255,255,.72);
}
#be-dna-quiz #quiz-lead-panel .field input {
  display: block;
  width: 100%;
  min-height: 54px;
  padding: 0 18px;
  background: #141414;
  border-color: rgba(255,255,255,.16);
  transition:
    border-color .22s ease,
    background-color .22s ease,
    box-shadow .22s ease;
}
#be-dna-quiz #quiz-lead-panel .field input:hover {
  border-color: rgba(255,255,255,.30);
}
#be-dna-quiz #quiz-lead-panel .field input:focus {
  background: #171717;
  border-color: rgba(255,255,255,.88);
  box-shadow: 0 0 0 3px rgba(255,255,255,.055);
}
#be-dna-quiz #quiz-lead-panel .btn-solid {
  width: 100%;
  min-height: 54px;
  margin-top: 5px;
  padding: 16px 24px;
}
#be-dna-quiz #quiz-lead-panel .consent {
  margin-top: 13px;
  padding-top: 0;
  max-width: 460px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  #be-dna-quiz .lead-wrap {
    max-width: none;
    padding-inline: 16px !important;
  }
  #be-dna-quiz #quiz-lead-panel.glass-card {
    margin-top: 22px !important;
    padding: 23px 18px !important;
    border-radius: 12px;
  }
  #be-dna-quiz #quiz-lead-panel.glass-card::before {
    width: 88px;
  }
  #be-dna-quiz #quiz-lead-panel .field {
    margin-bottom: 16px;
  }
  #be-dna-quiz #quiz-lead-panel .field input {
    min-height: 50px;
    padding-inline: 15px;
  }
  #be-dna-quiz #quiz-lead-panel .btn-solid {
    min-height: 52px;
    margin-top: 3px;
  }
  #be-dna-quiz #quiz-lead-panel .consent {
    margin-top: 11px;
    font-size: 10px;
    line-height: 1.55;
  }
}
#be-dna-quiz .profile-summary{
  margin-top:48px;
  padding:0;
  overflow:hidden;
}
#be-dna-quiz .profile-primary{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  align-items:center;
  gap:32px;
  padding:36px 40px;
  background:
    radial-gradient(circle at 12% 50%, var(--profile-soft) 0%, transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.025) 0%,rgba(255,255,255,.01) 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#be-dna-quiz .profile-primary-mark{
  position:relative;
  width:112px;
  height:112px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid color-mix(in srgb,var(--profile-color) 55%,transparent);
  border-radius:50%;
  background:rgba(0,0,0,.28);
}
#be-dna-quiz .profile-primary-mark::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:3px solid var(--profile-color);
  border-left-color:rgba(255,255,255,.08);
  transform:rotate(-24deg);
}
#be-dna-quiz .profile-primary-number{
  position:relative;
  z-index:1;
  font-size:32px;
  line-height:1;
  font-weight:700;
  color:#fff;
}
#be-dna-quiz .profile-primary-label{
  position:relative;
  z-index:1;
  margin-top:7px;
  font-size:8px;
  color:rgba(255,255,255,.55);
}
#be-dna-quiz .profile-primary-copy{min-width:0}
#be-dna-quiz .profile-primary-copy .bd-label{margin-bottom:10px;color:var(--profile-color)}
#be-dna-quiz .profile-primary-copy h3{font-size:30px;line-height:1.15;color:#fff}
#be-dna-quiz .profile-primary-copy > p:last-child{margin-top:12px;max-width:620px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.62)}
#be-dna-quiz .profile-affinities{padding:28px 40px 32px}
#be-dna-quiz .profile-affinities > .bd-label{margin-bottom:12px}
#be-dna-quiz .profile-ranking{list-style:none;display:flex;flex-direction:column}
#be-dna-quiz .profile-ranking li{
  display:grid;
  grid-template-columns:32px 8px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:52px;
  border-top:1px solid rgba(255,255,255,.07);
}
#be-dna-quiz .profile-ranking li:first-child{border-top:0}
#be-dna-quiz .profile-rank{font-size:9px;color:rgba(255,255,255,.32)}
#be-dna-quiz .profile-rank-dot{width:8px;height:8px;border-radius:50%}
#be-dna-quiz .profile-rank-name{min-width:0;font-size:14px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:767px){
  #be-dna-quiz .profile-summary{margin-top:36px}
  #be-dna-quiz .profile-primary{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;padding:28px 20px}
  #be-dna-quiz .profile-primary-mark{width:104px;height:104px}
  #be-dna-quiz .profile-primary-copy h3{font-size:26px}
  #be-dna-quiz .profile-primary-copy > p:last-child{font-size:13px}
  #be-dna-quiz .profile-affinities{padding:22px 20px 24px}
  #be-dna-quiz .profile-ranking li{grid-template-columns:26px 8px minmax(0,1fr);gap:10px;padding:8px 0}
  #be-dna-quiz .profile-rank-name{white-space:normal;line-height:1.35}
}
#be-dna-quiz .tips{
  padding:32px 36px 36px;
}
#be-dna-quiz .tips ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#be-dna-quiz .tips li,
#be-dna-quiz .tips li:first-child{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:start;
  gap:14px;
  min-height:150px;
  padding:20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:rgba(255,255,255,.018);
  transform:none;
  transition:transform .25s ease,border-color .25s ease,background-color .25s ease;
}
#be-dna-quiz .tips li::after{
  display:none;
}
#be-dna-quiz .tips li:hover{
  border-color:color-mix(in srgb,var(--profile-color) 45%,rgba(255,255,255,.10));
  background:linear-gradient(145deg,var(--profile-soft),rgba(255,255,255,.025));
  transform:translateY(-3px);
}
#be-dna-quiz .tip-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid color-mix(in srgb,var(--profile-color) 45%,transparent);
  border-radius:50%;
  background:var(--profile-soft);
  color:var(--profile-color);
}
#be-dna-quiz .tip-icon .icon{
  width:16px;
  height:16px;
  stroke-width:2.2;
}
#be-dna-quiz .tip-copy{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}
#be-dna-quiz .tip-copy strong{
  color:#fff;
  font-size:14px;
  line-height:1.35;
  font-weight:600;
}
#be-dna-quiz .tip-copy > span{
  color:rgba(255,255,255,.67);
  font-size:14px;
  line-height:1.6;
  overflow-wrap:break-word;
}
@media (min-width:2400px){
  #be-dna-quiz .tips{padding:44px 52px 48px}
  #be-dna-quiz .tips ul{gap:18px}
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips li:first-child{
    grid-template-columns:48px minmax(0,1fr);
    gap:18px;
    min-height:180px;
    padding:28px;
  }
  #be-dna-quiz .tip-icon{width:46px;height:46px}
  #be-dna-quiz .tip-copy strong{font-size:18px}
  #be-dna-quiz .tip-copy > span{font-size:17px}
}
@media (max-width:1024px){
  #be-dna-quiz .tips{padding:26px}
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips li:first-child{min-height:165px;padding:18px}
}
@media (max-width:767px){
  #be-dna-quiz .tips{padding:24px 16px 18px}
  #be-dna-quiz .tips ul{grid-template-columns:1fr;gap:10px}
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips li:first-child{
    grid-template-columns:36px minmax(0,1fr);
    gap:13px;
    min-height:0;
    padding:17px 14px;
  }
  #be-dna-quiz .tips li:hover{transform:none}
  #be-dna-quiz .tip-icon{width:34px;height:34px}
  #be-dna-quiz .tip-copy strong{font-size:14px}
  #be-dna-quiz .tip-copy > span{font-size:13.5px;line-height:1.55}
}
@media (max-width:380px){
  #be-dna-quiz .tips{padding-inline:13px}
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips li:first-child{
    grid-template-columns:32px minmax(0,1fr);
    gap:11px;
    padding:15px 12px;
  }
  #be-dna-quiz .tip-icon{width:31px;height:31px}
}
#be-dna-quiz .project {
  position: relative;
  overflow: hidden;
  margin-top: 32px;
  padding: 0 !important;
  border: 1px solid var(--project-primary) !important;
  border-radius: var(--radius-medium);
  background: #ffffff !important;
  color: #171717;
  box-shadow: none !important;
}
#be-dna-quiz .project::before,
#be-dna-quiz .project::after {
  content: none !important;
  display: none !important;
}
#be-dna-quiz .project .project-accent {
  width: 100%;
  height: 8px;
  background: var(--project-primary);
}
#be-dna-quiz .project .grid {
  position: relative;
  display: grid;
  width: 100%;
  gap: 0 !important;
  background: #ffffff;
}
#be-dna-quiz .project .project-copy {
  min-width: 0;
  padding: 32px 24px;
  background: #ffffff;
}
#be-dna-quiz .project .p-kicker {
  margin: 0;
  font-size: 10px;
  color: var(--project-primary) !important;
}
#be-dna-quiz .project .p-name {
  margin-top: 12px;
  font-size: 30px;
  line-height: 1.15;
  color: #171717 !important;
}
#be-dna-quiz .project .p-zone {
  display: inline-flex;
  align-items: center;
  margin-top: 12px;
  padding: 7px 10px;
  border: 1px solid var(--project-primary);
  border-radius: 999px;
  background: var(--project-secondary);
  color: #171717 !important;
  font-size: 9px;
  line-height: 1;
}
#be-dna-quiz .project .p-desc {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.75;
  color: #343434 !important;
}
#be-dna-quiz .project .project-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  margin-top: 28px;
  padding: 14px 22px;
  border: 1px solid var(--project-primary);
  border-radius: var(--radius-small);
  background: var(--project-primary);
  color: #ffffff !important;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .02em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: none !important;
  transition: transform .25s ease, filter .25s ease;
}
#be-dna-quiz .project .project-cta:hover {
  color: #ffffff !important;
  filter: brightness(.92);
  transform: translateY(-2px);
}
#be-dna-quiz .project .project-cta .icon {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}
#be-dna-quiz .project .project-media {
  min-width: 0;
  display: flex;
  align-items: stretch;
  padding: 20px;
  background: var(--project-secondary);
  border-top: 1px solid var(--project-primary);
}
#be-dna-quiz .project .p-img {
  position: relative;
  width: 100%;
  min-height: 360px;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 8px;
  background: #ffffff !important;
  box-shadow: none !important;
}
#be-dna-quiz .project .p-img::before,
#be-dna-quiz .project .p-img::after {
  content: none !important;
  display: none !important;
}
#be-dna-quiz .project .p-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: none !important;
  transform: none !important;
}
@media (min-width: 640px) {
  #be-dna-quiz .project .project-copy {
    padding: 40px;
  }
  #be-dna-quiz .project .p-name {
    font-size: 36px;
  }
  #be-dna-quiz .project .project-media {
    padding: 28px;
  }
}
@media (min-width: 768px) {
  #be-dna-quiz .project .grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  }
  #be-dna-quiz .project .project-media {
    border-top: 0;
    border-left: 1px solid var(--project-primary);
  }
  #be-dna-quiz .project .p-img {
    min-height: 100%;
    aspect-ratio: auto !important;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .project .project-copy {
    padding: 28px 20px;
  }
  #be-dna-quiz .project .project-cta {
    width: 100%;
  }
  #be-dna-quiz .project .project-media {
    padding: 16px;
  }
  #be-dna-quiz .project .p-img {
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
}
#be-dna-quiz {
  --be-read-white: #F7F7F7;
  --be-read-light: #D6D6D6;
  --be-read-medium: #AFAFAF;
  --be-read-muted: #8A8A8A;
  --be-read-surface: #111111;
  --be-read-surface-soft: #151515;
  --be-read-border: #353535;
  --be-read-divider: #292929;
}
#be-dna-quiz .r-kicker {
  font-size: 11px;
  line-height: 1.4;
  color: var(--be-read-medium);
  font-weight: 700;
}
#be-dna-quiz .r-title {
  color: var(--be-read-white);
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1.08;
  letter-spacing: -0.025em;
}
#be-dna-quiz .r-sub {
  max-width: 680px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--be-read-light);
}
#be-dna-quiz .profile-summary {
  border-color: var(--be-read-border);
  background: #0C0C0C;
}
#be-dna-quiz .profile-primary {
  background:
    radial-gradient(circle at 12% 50%, var(--profile-soft) 0%, transparent 39%),
    linear-gradient(180deg, #151515 0%, #101010 100%);
  border-bottom-color: var(--be-read-border);
}
#be-dna-quiz .profile-primary-mark {
  background: #0B0B0B;
}
#be-dna-quiz .profile-primary-number {
  color: var(--be-read-white);
  font-size: 34px;
}
#be-dna-quiz .profile-primary-label {
  color: var(--be-read-medium);
  font-size: 9px;
  font-weight: 700;
}
#be-dna-quiz .profile-primary-copy .bd-label {
  margin-bottom: 11px;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
}
#be-dna-quiz .profile-primary-copy h3 {
  color: var(--be-read-white);
  font-size: clamp(28px, 3vw, 34px);
  line-height: 1.18;
}
#be-dna-quiz .profile-primary-copy > p:last-child {
  max-width: 680px;
  margin-top: 14px;
  color: var(--be-read-light);
  font-size: 16px;
  line-height: 1.7;
}
#be-dna-quiz .profile-affinities {
  background: #0B0B0B;
}
#be-dna-quiz .profile-affinities > .bd-label {
  margin-bottom: 14px;
  color: var(--be-read-medium);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
}
#be-dna-quiz .profile-ranking li {
  min-height: 60px;
  border-top-color: var(--be-read-divider);
}
#be-dna-quiz .profile-rank {
  color: var(--be-read-medium);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
}
#be-dna-quiz .profile-rank-dot {
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 3px rgba(255,255,255,.035);
}
#be-dna-quiz .profile-rank-name {
  color: var(--be-read-white);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
}
#be-dna-quiz .tips {
  border-color: var(--be-read-border);
  background: #0D0D0D;
}
#be-dna-quiz .tips > .bd-label {
  margin-bottom: 22px;
  color: var(--be-read-light);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}
#be-dna-quiz .tips li,
#be-dna-quiz .tips li:first-child {
  min-height: 166px;
  padding: 22px;
  border-color: var(--be-read-border);
  background: var(--be-read-surface);
}
#be-dna-quiz .tips li:hover {
  border-color: color-mix(in srgb, var(--profile-color) 56%, #525252);
  background: linear-gradient(145deg, var(--profile-soft), var(--be-read-surface-soft));
}
#be-dna-quiz .tip-icon {
  width: 38px;
  height: 38px;
  background: color-mix(in srgb, var(--profile-soft) 72%, #111111);
}
#be-dna-quiz .tip-copy {
  gap: 9px;
}
#be-dna-quiz .tip-copy strong {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.42;
  font-weight: 700;
}
#be-dna-quiz .tip-copy > span {
  color: var(--be-read-light);
  font-size: 15.5px;
  line-height: 1.7;
}
@media (max-width: 1024px) {
  #be-dna-quiz .profile-primary-copy > p:last-child {
    font-size: 15.5px;
  }
  #be-dna-quiz .profile-rank-name {
    font-size: 15.5px;
  }
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips li:first-child {
    min-height: 172px;
    padding: 20px;
  }
  #be-dna-quiz .tip-copy strong {
    font-size: 15.5px;
  }
  #be-dna-quiz .tip-copy > span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .r-kicker {
    font-size: 10px;
  }
  #be-dna-quiz .r-title {
    font-size: clamp(36px, 11vw, 48px);
  }
  #be-dna-quiz .r-sub {
    font-size: 15px;
    line-height: 1.65;
  }
  #be-dna-quiz .profile-primary-copy .bd-label,
  #be-dna-quiz .profile-affinities > .bd-label {
    font-size: 10.5px;
  }
  #be-dna-quiz .profile-primary-copy h3 {
    font-size: 27px;
  }
  #be-dna-quiz .profile-primary-copy > p:last-child {
    font-size: 15px;
    line-height: 1.65;
  }
  #be-dna-quiz .profile-ranking li {
    min-height: 56px;
  }
  #be-dna-quiz .profile-rank {
    font-size: 10px;
  }
  #be-dna-quiz .profile-rank-name {
    font-size: 15px;
    line-height: 1.45;
  }
  #be-dna-quiz .tips > .bd-label {
    margin-bottom: 18px;
    font-size: 11px;
  }
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips li:first-child {
    min-height: 0;
    padding: 18px 16px;
    border-color: var(--be-read-border);
  }
  #be-dna-quiz .tip-copy strong {
    font-size: 15px;
  }
  #be-dna-quiz .tip-copy > span {
    font-size: 14.5px;
    line-height: 1.65;
  }
}
@media (max-width: 380px) {
  #be-dna-quiz .profile-rank-name {
    font-size: 14.5px;
  }
  #be-dna-quiz .tip-copy strong {
    font-size: 14.5px;
  }
  #be-dna-quiz .tip-copy > span {
    font-size: 14px;
  }
}
#be-dna-quiz .tips li,
#be-dna-quiz .tips li:first-child {
  animation: none !important;
  will-change: auto;
  transition: border-color .28s ease, background-color .28s ease, transform .28s ease;
}
#be-dna-quiz .tips .tip-icon {
  animation: none !important;
  will-change: auto;
  transition: border-color .28s ease, background-color .28s ease, color .28s ease, transform .28s ease;
}
#be-dna-quiz .tips li:hover {
  border-color: color-mix(in srgb, var(--profile-color) 74%, #666666);
  background: color-mix(in srgb, var(--profile-color) 13%, var(--be-read-surface));
  transform: translateY(-2px);
}
#be-dna-quiz .tips li:hover .tip-icon {
  border-color: var(--profile-color);
  background: var(--profile-color);
  color: #FFFFFF;
  transform: scale(1.06);
}
@media (max-width: 767px) {
  #be-dna-quiz .tips li:hover {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  #be-dna-quiz .tips li,
  #be-dna-quiz .tips .tip-icon {
    transition: none !important;
  }
}
#be-dna-quiz .project {
  border: 1px solid #D8D8D8 !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.24) !important;
}
#be-dna-quiz .project .project-accent {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: var(--project-primary);
}
#be-dna-quiz .project .grid {
  display: flex !important;
  flex-direction: column;
  gap: 0 !important;
  background: #FFFFFF !important;
}
#be-dna-quiz .project .project-media {
  order: -1;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--project-primary) 38%, #D8D8D8) !important;
  background: var(--project-secondary) !important;
}
#be-dna-quiz .project .p-img {
  width: 100%;
  height: clamp(360px, 45vw, 500px);
  min-height: 0 !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--project-secondary) !important;
}
#be-dna-quiz .project .p-img::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 24%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.12));
}
#be-dna-quiz .project .p-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom !important;
  transform: scale(1.11) !important;
  transform-origin: center bottom !important;
  filter: none !important;
  transition: transform .55s cubic-bezier(.22,1,.36,1);
}
#be-dna-quiz .project:hover .p-img img {
  transform: scale(1.14) !important;
}
#be-dna-quiz .project .project-copy {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);
  grid-template-areas:
    "kicker description"
    "name description"
    "zone description"
    "cta description";
  grid-template-rows: auto auto auto 1fr;
  column-gap: 52px;
  row-gap: 0;
  min-width: 0;
  padding: 42px !important;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    var(--project-secondary) 0,
    var(--project-secondary) 36%,
    #FFFFFF 36%,
    #FFFFFF 100%
  ) !important;
}
#be-dna-quiz .project .project-copy > * {
  position: relative;
  z-index: 1;
}
#be-dna-quiz .project .p-kicker {
  grid-area: kicker;
  margin: 0 0 14px;
  color: var(--project-primary) !important;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}
#be-dna-quiz .project .p-name {
  grid-area: name;
  margin: 0;
  color: #171717 !important;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.05;
}
#be-dna-quiz .project .p-zone {
  grid-area: zone;
  justify-self: start;
  margin-top: 18px;
  padding: 8px 12px;
  border-color: color-mix(in srgb, var(--project-primary) 76%, #171717) !important;
  background: #FFFFFF !important;
  color: #262626 !important;
  font-size: 10px;
  font-weight: 800;
}
#be-dna-quiz .project .p-desc {
  grid-area: description;
  align-self: start;
  margin: 0 !important;
  padding-left: 6px;
  color: #333333 !important;
  font-size: 16px;
  line-height: 1.78;
}
#be-dna-quiz .project .project-cta {
  grid-area: cta;
  align-self: end;
  justify-self: start;
  min-height: 50px;
  margin-top: 30px;
  padding: 15px 22px;
  box-shadow: none !important;
}
#be-dna-quiz .project-visionario .project-cta,
#be-dna-quiz .project-estrategistaVersatil .project-cta {
  color: #171717 !important;
}
#be-dna-quiz .project-visionario .project-cta:hover,
#be-dna-quiz .project-estrategistaVersatil .project-cta:hover {
  color: #171717 !important;
}
#be-dna-quiz .institutional {
  position: relative;
  display: grid;
  grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
  gap: 44px;
  margin-top: 32px;
  padding: 38px 40px !important;
  overflow: hidden;
  border: 1px solid #444444 !important;
  border-left: 7px solid var(--institutional-accent) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 6% 12%, var(--institutional-soft), transparent 34%),
    linear-gradient(135deg, #181818 0%, #101010 64%, #151515 100%) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.30) !important;
}
#be-dna-quiz .institutional::before {
  content: "BE";
  position: absolute;
  right: -10px;
  bottom: -46px;
  color: rgba(255,255,255,.025);
  font-size: clamp(150px, 22vw, 250px);
  line-height: .8;
  font-weight: 800;
  letter-spacing: -.08em;
  pointer-events: none;
}
#be-dna-quiz .institutional-intro,
#be-dna-quiz .institutional-copy {
  position: relative;
  z-index: 1;
}
#be-dna-quiz .institutional-intro {
  display: flex;
  align-items: center;
  gap: 18px;
  align-self: start;
}
#be-dna-quiz .institutional-monogram {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  border: 1px solid color-mix(in srgb, var(--institutional-accent) 70%, #FFFFFF);
  border-radius: 50%;
  background: var(--institutional-soft);
  color: #FFFFFF;
  font-size: 25px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.04em;
}
#be-dna-quiz .institutional-kicker {
  margin: 0 0 8px;
  color: var(--institutional-accent);
  font-size: 11px;
  line-height: 1.3;
  font-weight: 800;
}
#be-dna-quiz .institutional h2 {
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.12;
}
#be-dna-quiz .institutional-copy {
  padding-left: 36px;
  border-left: 1px solid #3A3A3A;
}
#be-dna-quiz .institutional-copy p {
  margin: 0;
  color: #E1E1E1 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}
#be-dna-quiz .institutional-copy p:first-child {
  color: #FFFFFF !important;
  font-weight: 600;
}
#be-dna-quiz .institutional-copy p + p {
  margin-top: 18px;
}
@media (max-width: 900px) {
  #be-dna-quiz .project .project-copy {
    grid-template-columns: minmax(190px, .68fr) minmax(0, 1.32fr);
    column-gap: 34px;
    padding: 34px !important;
  }
  #be-dna-quiz .project .p-desc {
    font-size: 15.5px;
  }
  #be-dna-quiz .institutional {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #be-dna-quiz .institutional-copy {
    padding-top: 26px;
    padding-left: 0;
    border-top: 1px solid #3A3A3A;
    border-left: 0;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .project {
    border-radius: 14px !important;
  }
  #be-dna-quiz .project .p-img {
    height: clamp(290px, 92vw, 390px);
  }
  #be-dna-quiz .project .p-img img {
    transform: scale(1.12) !important;
  }
  #be-dna-quiz .project:hover .p-img img {
    transform: scale(1.12) !important;
  }
  #be-dna-quiz .project .project-copy {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-areas:
      "kicker"
      "name"
      "zone"
      "description"
      "cta";
    gap: 0;
    padding: 28px 20px 22px !important;
    background: #FFFFFF !important;
  }
  #be-dna-quiz .project .p-kicker {
    margin-bottom: 12px;
  }
  #be-dna-quiz .project .p-name {
    font-size: 34px;
  }
  #be-dna-quiz .project .p-zone {
    margin-top: 14px;
    background: var(--project-secondary) !important;
  }
  #be-dna-quiz .project .p-desc {
    margin-top: 24px !important;
    padding-left: 0;
    font-size: 15px;
    line-height: 1.72;
  }
  #be-dna-quiz .project .project-cta {
    width: 100%;
    margin-top: 24px;
  }
  #be-dna-quiz .institutional {
    gap: 22px;
    padding: 26px 22px !important;
    border-left-width: 5px !important;
  }
  #be-dna-quiz .institutional-monogram {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    font-size: 22px;
  }
  #be-dna-quiz .institutional h2 {
    font-size: 25px;
  }
  #be-dna-quiz .institutional-copy {
    padding-top: 22px;
  }
  #be-dna-quiz .institutional-copy p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #be-dna-quiz .project .p-img img {
    transition: none !important;
  }
}
#be-dna-quiz .project {
  overflow: hidden !important;
  border: 1px solid #D6D6D6 !important;
  border-top: 6px solid var(--project-primary) !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.24) !important;
}
#be-dna-quiz .project .project-accent {
  display: none !important;
}
#be-dna-quiz .project .grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr) !important;
  align-items: stretch;
  gap: 0 !important;
  min-height: 540px;
  background: #FFFFFF !important;
}
#be-dna-quiz .project .project-copy {
  order: 1;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 42px 44px !important;
  background: #FFFFFF !important;
}
#be-dna-quiz .project .p-kicker {
  margin: 0 0 16px !important;
  color: var(--project-primary) !important;
  font-size: 11px !important;
  line-height: 1.35;
  font-weight: 800;
}
#be-dna-quiz .project .p-name {
  margin: 0 !important;
  color: #151515 !important;
  font-size: clamp(38px, 4.4vw, 52px) !important;
  line-height: 1.02 !important;
}
#be-dna-quiz .project .p-zone {
  margin-top: 18px !important;
  padding: 8px 12px !important;
  border: 1px solid var(--project-primary) !important;
  border-radius: 999px !important;
  background: var(--project-secondary) !important;
  color: #222222 !important;
  font-size: 10px !important;
  line-height: 1;
  font-weight: 800;
}
#be-dna-quiz .project .p-desc {
  flex: 1 1 auto;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  color: #333333 !important;
  font-size: 16px !important;
  line-height: 1.76 !important;
}
#be-dna-quiz .project .project-cta {
  margin-top: 30px !important;
  min-height: 52px;
  padding: 15px 22px !important;
  border: 1px solid var(--project-primary) !important;
  border-radius: 8px !important;
  background: var(--project-primary) !important;
  box-shadow: none !important;
}
#be-dna-quiz .project .project-media {
  order: 2;
  display: flex !important;
  align-items: stretch;
  min-width: 0;
  padding: 18px !important;
  border: 0 !important;
  border-left: 1px solid color-mix(in srgb, var(--project-primary) 34%, #D6D6D6) !important;
  background: var(--project-primary) !important;
}
#be-dna-quiz .project .p-img {
  width: 100%;
  height: 100%;
  min-height: 480px !important;
  aspect-ratio: auto !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--project-primary) !important;
}
#be-dna-quiz .project .p-img::before,
#be-dna-quiz .project .p-img::after {
  display: none !important;
}
#be-dna-quiz .project .p-img img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center bottom !important;
  transform: scale(1.14) !important;
  transform-origin: center bottom !important;
  filter: none !important;
  transition: transform .45s cubic-bezier(.22,1,.36,1);
}
#be-dna-quiz .project:hover .p-img img {
  transform: scale(1.18) !important;
}
#be-dna-quiz .project-visionario .project-cta,
#be-dna-quiz .project-estrategistaVersatil .project-cta {
  color: #171717 !important;
}
#be-dna-quiz .institutional {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr) !important;
  align-items: center;
  gap: 42px !important;
  margin-top: 32px;
  padding: 42px !important;
  overflow: hidden;
  border: 1px solid #444444 !important;
  border-left: 1px solid #444444 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #1B1B1B 0%, #101010 58%, #171717 100%) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.28) !important;
}
#be-dna-quiz .institutional::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.055), transparent 32%),
    linear-gradient(110deg, rgba(255,255,255,.025), transparent 44%);
}
#be-dna-quiz .institutional-brand,
#be-dna-quiz .institutional-copy {
  position: relative;
  z-index: 1;
}
#be-dna-quiz .institutional-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  min-height: 150px;
  padding-right: 40px;
  border-right: 1px solid #3D3D3D;
}
#be-dna-quiz .institutional-kicker {
  margin: 0 0 20px !important;
  color: #B8B8B8 !important;
  font-size: 11px !important;
  line-height: 1.3;
  font-weight: 800;
}
#be-dna-quiz .institutional-logo {
  display: block;
  width: min(100%, 235px);
  height: auto;
  max-height: 96px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1) !important;
}
#be-dna-quiz .institutional-copy {
  padding: 0 !important;
  border: 0 !important;
}
#be-dna-quiz .institutional-copy p {
  margin: 0;
  color: #D5D5D5 !important;
  font-size: 16px !important;
  line-height: 1.76 !important;
}
#be-dna-quiz .institutional-copy p:first-child {
  color: #FFFFFF !important;
  font-weight: 600;
}
#be-dna-quiz .institutional-copy p + p {
  margin-top: 18px;
}
@media (max-width: 960px) {
  #be-dna-quiz .project .grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .82fr) !important;
    min-height: 510px;
  }
  #be-dna-quiz .project .project-copy {
    padding: 36px 32px !important;
  }
  #be-dna-quiz .project .project-media {
    padding: 16px !important;
  }
  #be-dna-quiz .project .p-img {
    min-height: 450px !important;
  }
  #be-dna-quiz .project .p-desc,
  #be-dna-quiz .institutional-copy p {
    font-size: 15.5px !important;
  }
  #be-dna-quiz .institutional {
    gap: 30px !important;
    padding: 34px !important;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz .project {
    border-radius: 14px !important;
  }
  #be-dna-quiz .project .grid {
    grid-template-columns: 1fr !important;
    min-height: 0;
  }
  #be-dna-quiz .project .project-copy {
    order: 1;
    padding: 26px 20px 22px !important;
  }
  #be-dna-quiz .project .project-media {
    order: 2;
    min-height: 0;
    padding: 16px !important;
    border-top: 1px solid color-mix(in srgb, var(--project-primary) 30%, #D6D6D6) !important;
    border-left: 0 !important;
  }
  #be-dna-quiz .project .p-img {
    height: clamp(300px, 92vw, 390px) !important;
    min-height: 0 !important;
  }
  #be-dna-quiz .project .p-img img,
  #be-dna-quiz .project:hover .p-img img {
    transform: scale(1.12) !important;
  }
  #be-dna-quiz .project .p-name {
    font-size: 36px !important;
  }
  #be-dna-quiz .project .p-desc {
    margin-top: 20px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }
  #be-dna-quiz .project .project-cta {
    width: 100%;
    margin-top: 24px !important;
  }
  #be-dna-quiz .institutional {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    padding: 28px 22px !important;
  }
  #be-dna-quiz .institutional-brand {
    min-height: 0;
    padding-right: 0;
    padding-bottom: 26px;
    border-right: 0;
    border-bottom: 1px solid #3D3D3D;
  }
  #be-dna-quiz .institutional-logo {
    width: min(100%, 210px);
    max-height: 84px;
  }
  #be-dna-quiz .institutional-copy p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #be-dna-quiz .project .p-img img {
    transition: none !important;
  }
}
#be-dna-quiz .profile-summary {
  background: #0C0C0C !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: 1px solid #3A3A3A !important;
}
#be-dna-quiz .profile-primary {
  position: relative;
  background: #121212 !important;
  border-bottom: 1px solid #363636 !important;
  border-left: 5px solid var(--profile-color) !important;
  box-shadow: none !important;
}
#be-dna-quiz .profile-primary::before,
#be-dna-quiz .profile-primary::after {
  display: none !important;
  filter: none !important;
  box-shadow: none !important;
}
#be-dna-quiz .profile-primary-mark {
  width: 126px !important;
  height: 126px !important;
  flex: 0 0 126px;
  background: color-mix(in srgb, var(--profile-color) 10%, #0A0A0A) !important;
  border: 2px solid var(--profile-color) !important;
  box-shadow: none !important;
  filter: none !important;
}
#be-dna-quiz .profile-primary-mark::before {
  display: block !important;
  content: "";
  position: absolute;
  inset: 9px;
  border: 0 !important;
  border-radius: 50%;
  background: conic-gradient(
    from -28deg,
    var(--profile-color) 0deg 282deg,
    rgba(255,255,255,.16) 282deg 360deg
  ) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 0);
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}
#be-dna-quiz .profile-primary-mark::after {
  display: block !important;
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 50%;
  box-shadow: none !important;
}
#be-dna-quiz .profile-primary-number {
  font-size: 38px !important;
  letter-spacing: -0.04em;
  color: #FFFFFF !important;
}
#be-dna-quiz .profile-primary-label {
  margin-top: 8px !important;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--profile-color) 55%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--profile-color) 14%, transparent);
  color: #FFFFFF !important;
  font-size: 8px !important;
  line-height: 1;
}
#be-dna-quiz .profile-affinities {
  background: #0B0B0B !important;
}
@media (max-width: 767px) {
  #be-dna-quiz .profile-primary {
    border-left: 0 !important;
    border-top: 5px solid var(--profile-color) !important;
  }
  #be-dna-quiz .profile-primary-mark {
    width: 118px !important;
    height: 118px !important;
    flex-basis: 118px;
  }
  #be-dna-quiz .profile-primary-number {
    font-size: 35px !important;
  }
}
#be-dna-quiz .profile-primary-mark {
  position: relative;
  width: 116px !important;
  height: 116px !important;
  flex: 0 0 116px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--profile-color) !important;
  border-radius: 50% !important;
  background: #0A0A0A !important;
  box-shadow: none !important;
  filter: none !important;
}
#be-dna-quiz .profile-primary-mark::before {
  display: block !important;
  content: "" !important;
  position: absolute;
  inset: 8px !important;
  border: 1px solid #505050 !important;
  border-radius: 50% !important;
  background: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}
#be-dna-quiz .profile-primary-mark::after {
  display: none !important;
  content: none !important;
}
#be-dna-quiz .profile-primary-number {
  position: relative;
  z-index: 1;
  font-size: 36px !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
  color: #FFFFFF !important;
}
#be-dna-quiz .profile-primary-label {
  position: relative;
  z-index: 1;
  margin-top: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #BDBDBD !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
}
#be-dna-quiz .institutional {
  background: #121212 !important;
  background-image: none !important;
  box-shadow: none !important;
}
#be-dna-quiz .institutional::before,
#be-dna-quiz .institutional::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}
#be-dna-quiz #q-body,
#be-dna-quiz .options {
  overflow: visible !important;
}
#be-dna-quiz .options {
  position: relative;
  padding: 2px !important;
  margin-right: -2px !important;
  margin-left: -2px !important;
  width: calc(100% + 4px) !important;
}
#be-dna-quiz .opt {
  position: relative;
  z-index: 1;
  overflow: hidden !important;
  border-radius: var(--radius-small) !important;
  background-clip: padding-box !important;
}
#be-dna-quiz .opt.active {
  z-index: 2;
  border-color: #FFFFFF !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
@media (max-width: 767px) {
  #be-dna-quiz .profile-primary-mark {
    width: 108px !important;
    height: 108px !important;
    flex-basis: 108px !important;
  }
  #be-dna-quiz .profile-primary-number {
    font-size: 33px !important;
  }
}
#be-dna-quiz #quiz-lead-panel .consent {
  max-width: 470px !important;
  margin: 14px auto 0 !important;
  padding: 0 !important;
  color: #AFAFAF !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}
#be-dna-quiz .cta {
  width: 100% !important;
  margin-top: 44px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}
#be-dna-quiz .cta-actions {
  width: 100%;
  max-width: 820px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
#be-dna-quiz .cta-action {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 78px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  overflow: hidden;
  box-shadow: none !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}
#be-dna-quiz .cta-action-primary {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #090909;
}
#be-dna-quiz .cta-action-secondary {
  background: #151515;
  border-color: #3B3B3B;
  color: #FFFFFF;
}
#be-dna-quiz .cta-action-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--profile-color, #FFFFFF);
  color: #090909;
  flex: 0 0 42px;
}
#be-dna-quiz .cta-action-icon .icon {
  width: 19px;
  height: 19px;
  stroke-width: 1.8;
}
#be-dna-quiz .cta-action-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#be-dna-quiz .cta-action-copy strong {
  color: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: .025em;
}
#be-dna-quiz .cta-action-copy small {
  color: #666666;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.35;
}
#be-dna-quiz .cta-action-secondary .cta-action-copy small {
  color: #AFAFAF;
}
#be-dna-quiz .cta-action-arrow {
  width: 18px;
  height: 18px;
  justify-self: end;
  opacity: .72;
  transition: transform .22s ease, opacity .22s ease;
}
#be-dna-quiz .cta-action:hover {
  transform: translateY(-2px);
}
#be-dna-quiz .cta-action-primary:hover {
  background: #F3F3F3;
  border-color: var(--profile-color, #FFFFFF);
}
#be-dna-quiz .cta-action-secondary:hover {
  background: #1B1B1B;
  border-color: var(--profile-color, #FFFFFF);
}
#be-dna-quiz .cta-action:hover .cta-action-arrow {
  transform: translateX(3px);
  opacity: 1;
}
#be-dna-quiz .cta-action:focus-visible {
  outline: 2px solid var(--profile-color, #FFFFFF) !important;
  outline-offset: 3px !important;
}
#be-dna-quiz .cta .fine {
  margin: 1px 0 0 !important;
  color: #858585 !important;
  font-size: 9.5px !important;
  line-height: 1.4 !important;
}
@media (max-width: 767px) {
  #be-dna-quiz #quiz-lead-panel .consent {
    margin-top: 12px !important;
    font-size: 10.5px !important;
    line-height: 1.55 !important;
  }
  #be-dna-quiz .cta {
    margin-top: 36px !important;
  }
  #be-dna-quiz .cta-actions {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  #be-dna-quiz .cta-action {
    min-height: 72px;
    grid-template-columns: 40px minmax(0, 1fr) 18px;
    gap: 12px;
    padding: 14px;
  }
  #be-dna-quiz .cta-action-icon {
    width: 40px;
    height: 40px;
  }
  #be-dna-quiz .cta-action-copy strong {
    font-size: 11.5px;
  }
  #be-dna-quiz .cta-action-copy small {
    font-size: 11px;
  }
  #be-dna-quiz .cta-action:hover {
    transform: none;
  }
}
#be-dna-quiz .cta-action-primary {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #0A0A0A !important;
}
#be-dna-quiz .cta-action-secondary {
  background: #171717 !important;
  border-color: #444444 !important;
  color: #FFFFFF !important;
}
#be-dna-quiz .cta-action-primary .cta-action-icon {
  background: #111111 !important;
  color: #FFFFFF !important;
}
#be-dna-quiz .cta-action-secondary .cta-action-icon {
  background: #F1F1F1 !important;
  color: #111111 !important;
}
#be-dna-quiz .cta-action-primary .cta-action-copy small {
  color: #666666 !important;
}
#be-dna-quiz .cta-action-secondary .cta-action-copy small {
  color: #B8B8B8 !important;
}
#be-dna-quiz .cta-action-primary:hover {
  background: #EEEEEE !important;
  border-color: #BDBDBD !important;
}
#be-dna-quiz .cta-action-secondary:hover {
  background: #242424 !important;
  border-color: #8A8A8A !important;
}
#be-dna-quiz .cta-action:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 3px !important;
}
#be-dna-quiz .cta-action-arrow {
  color: currentColor !important;
}
#be-dna-quiz .project {
  margin-top: 40px !important;
  border: 1px solid color-mix(in srgb, var(--project-primary) 34%, #D7D7D7) !important;
  border-radius: 22px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
#be-dna-quiz .project-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
  align-items: stretch;
}
#be-dna-quiz .project-copy {
  position: relative;
  padding: 44px 44px 40px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(248,248,248,1) 100%) !important;
  color: #151515 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#be-dna-quiz .project-copy::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--project-primary);
}
#be-dna-quiz .project .p-kicker {
  margin: 0 0 18px 0 !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  color: var(--project-primary) !important;
}
#be-dna-quiz .project-brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
  min-height: 70px;
}
#be-dna-quiz .project-logo {
  display: block;
  width: auto;
  max-width: min(100%, 310px);
  max-height: 88px;
  object-fit: contain;
  object-position: left center;
}
#be-dna-quiz .project .p-name {
  display: none !important;
}
#be-dna-quiz .project .p-zone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 24px 0 !important;
  padding: 9px 14px !important;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--project-primary) 42%, #AFAFAF) !important;
  background: var(--project-secondary) !important;
  color: #262626 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
#be-dna-quiz .project .p-desc {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: #373737 !important;
  max-width: 94%;
}
#be-dna-quiz .project .project-cta {
  margin-top: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 56px;
  padding: 0 24px !important;
  border-radius: 12px !important;
  border: 1px solid var(--project-primary) !important;
  background: var(--project-primary) !important;
  color: #111111 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase;
  transition: transform .22s ease, filter .22s ease, background-color .22s ease !important;
}
#be-dna-quiz .project .project-cta:hover {
  transform: translateY(-2px);
  filter: brightness(0.97);
}
#be-dna-quiz .project .project-cta .icon {
  width: 18px;
  height: 18px;
  color: currentColor !important;
}
#be-dna-quiz .project-media {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 22px !important;
  background: var(--project-secondary) !important;
  border-left: 1px solid color-mix(in srgb, var(--project-primary) 28%, #D6D6D6) !important;
}
#be-dna-quiz .project-media-inner {
  width: 100%;
  min-height: 100%;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.12) 100%);
  padding: 18px;
  display: flex;
}
#be-dna-quiz .project .p-img {
  width: 100%;
  min-height: 100%;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--project-primary) 24%, rgba(255,255,255,.65)) !important;
  background: color-mix(in srgb, var(--project-secondary) 78%, #FFFFFF 22%) !important;
  aspect-ratio: 4 / 5;
}
#be-dna-quiz .project .p-building {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center bottom !important;
  transform: scale(1.13);
  transition: transform .35s ease;
}
#be-dna-quiz .project:hover .p-building {
  transform: scale(1.16);
}
#be-dna-quiz .project-visionario .project-cta,
#be-dna-quiz .project-estrategistaVersatil .project-cta,
#be-dna-quiz .project-visionario .project-cta .icon,
#be-dna-quiz .project-estrategistaVersatil .project-cta .icon {
  color: #111111 !important;
}
#be-dna-quiz .project-urbano .project-cta,
#be-dna-quiz .project-estrategista .project-cta,
#be-dna-quiz .project-guardiao .project-cta,
#be-dna-quiz .project-urbano .project-cta .icon,
#be-dna-quiz .project-estrategista .project-cta .icon,
#be-dna-quiz .project-guardiao .project-cta .icon {
  color: #FFFFFF !important;
}
@media (max-width: 1100px) {
  #be-dna-quiz .project-shell {
    grid-template-columns: minmax(0, 1fr) 420px;
  }
  #be-dna-quiz .project-copy {
    padding: 38px 34px 36px !important;
  }
  #be-dna-quiz .project .p-desc {
    max-width: 100%;
    font-size: 16px !important;
  }
}
@media (max-width: 860px) {
  #be-dna-quiz .project-shell {
    grid-template-columns: 1fr;
  }
  #be-dna-quiz .project-media {
    order: 2;
    border-left: 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--project-primary) 28%, #D6D6D6) !important;
    padding: 18px !important;
  }
  #be-dna-quiz .project-copy {
    order: 1;
    padding: 34px 24px 30px !important;
  }
  #be-dna-quiz .project-logo {
    max-width: min(100%, 260px);
    max-height: 74px;
  }
  #be-dna-quiz .project .p-desc {
    font-size: 15.5px !important;
    line-height: 1.75 !important;
  }
  #be-dna-quiz .project .project-cta {
    width: 100%;
  }
}
@media (max-width: 580px) {
  #be-dna-quiz .project {
    margin-top: 32px !important;
    border-radius: 18px !important;
  }
  #be-dna-quiz .project-copy {
    padding: 28px 20px 24px !important;
  }
  #be-dna-quiz .project-copy::before {
    width: 6px;
  }
  #be-dna-quiz .project-brand {
    margin-bottom: 14px;
    min-height: 58px;
  }
  #be-dna-quiz .project-logo {
    max-width: min(100%, 220px);
    max-height: 62px;
  }
  #be-dna-quiz .project .p-zone {
    margin-bottom: 18px !important;
    font-size: 10px !important;
    padding: 8px 12px !important;
  }
  #be-dna-quiz .project .p-desc {
    font-size: 15px !important;
    line-height: 1.72 !important;
  }
  #be-dna-quiz .project-media {
    padding: 14px !important;
  }
  #be-dna-quiz .project-media-inner {
    border-radius: 14px;
    padding: 12px;
  }
  #be-dna-quiz .project .p-img {
    aspect-ratio: 4 / 4.85;
    border-radius: 12px !important;
  }
  #be-dna-quiz .project .project-cta {
    min-height: 52px;
    font-size: 12px !important;
    padding: 0 18px !important;
  }
}
#be-dna-quiz .project .project-brand,
#be-dna-quiz .project .project-logo {
  display: none !important;
}
#be-dna-quiz .project .p-name {
  display: block !important;
  margin: 0 0 16px 0 !important;
  color: #111111 !important;
  font-size: clamp(36px, 4vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  font-weight: 700 !important;
}
#be-dna-quiz .project .p-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 0 22px 0 !important;
  padding: 10px 14px !important;
  border: 1px solid color-mix(in srgb, var(--project-primary) 55%, #D7D7D7) !important;
  border-radius: 999px !important;
  background: var(--project-secondary) !important;
  color: color-mix(in srgb, var(--project-primary) 88%, #111111) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}
#be-dna-quiz .project .p-kicker-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--project-primary);
}
#be-dna-quiz .project .project-cta {
  align-self: flex-start !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 220px;
  margin: 30px 0 0 0 !important;
  padding: 0 24px !important;
  border: 1px solid #D3D3D3 !important;
  background: #FFFFFF !important;
  color: #111111 !important;
  box-shadow: none !important;
}
#be-dna-quiz .project .project-cta:hover {
  background: #F1F1F1 !important;
  border-color: #AFAFAF !important;
  color: #111111 !important;
  transform: translateY(-2px);
  filter: none !important;
}
#be-dna-quiz .project .project-cta .icon {
  color: #111111 !important;
}
#be-dna-quiz .project-visionario .project-cta,
#be-dna-quiz .project-estrategistaVersatil .project-cta,
#be-dna-quiz .project-urbano .project-cta,
#be-dna-quiz .project-estrategista .project-cta,
#be-dna-quiz .project-guardiao .project-cta,
#be-dna-quiz .project-visionario .project-cta .icon,
#be-dna-quiz .project-estrategistaVersatil .project-cta .icon,
#be-dna-quiz .project-urbano .project-cta .icon,
#be-dna-quiz .project-estrategista .project-cta .icon,
#be-dna-quiz .project-guardiao .project-cta .icon {
  color: #111111 !important;
}
@media (max-width: 860px) {
  #be-dna-quiz .project .p-name {
    font-size: clamp(34px, 8vw, 48px) !important;
  }
  #be-dna-quiz .project .project-cta {
    width: auto !important;
    min-width: 220px;
  }
}
@media (max-width: 580px) {
  #be-dna-quiz .project .p-kicker {
    font-size: 11px !important;
    padding: 9px 12px !important;
    margin-bottom: 18px !important;
  }
  #be-dna-quiz .project .p-name {
    font-size: 38px !important;
    margin-bottom: 14px !important;
  }
  #be-dna-quiz .project .project-cta {
    width: 100% !important;
    min-width: 0;
    margin-top: 24px !important;
  }
}
#be-dna-quiz .project-copy::before {
  content: none !important;
  display: none !important;
}
#be-dna-quiz .project {
  border-radius: 14px !important;
}
#be-dna-quiz .project .project-cta,
#be-dna-quiz .project-visionario .project-cta,
#be-dna-quiz .project-estrategistaVersatil .project-cta,
#be-dna-quiz .project-urbano .project-cta,
#be-dna-quiz .project-estrategista .project-cta,
#be-dna-quiz .project-guardiao .project-cta {
  border-color: var(--project-primary) !important;
  background: var(--project-primary) !important;
  color: #FFFFFF !important;
}
#be-dna-quiz .project .project-cta .icon,
#be-dna-quiz .project-visionario .project-cta .icon,
#be-dna-quiz .project-estrategistaVersatil .project-cta .icon,
#be-dna-quiz .project-urbano .project-cta .icon,
#be-dna-quiz .project-estrategista .project-cta .icon,
#be-dna-quiz .project-guardiao .project-cta .icon {
  color: #FFFFFF !important;
}
#be-dna-quiz .project .project-cta:hover {
  border-color: var(--project-primary) !important;
  background: var(--project-primary) !important;
  color: #FFFFFF !important;
  filter: brightness(.9) !important;
}
#be-dna-quiz .project .project-cta:hover .icon {
  color: #FFFFFF !important;
}
@media (max-width: 580px) {
  #be-dna-quiz .project {
    border-radius: 12px !important;
  }
}
#be-dna-quiz .r-head {
  --result-color: #FFFFFF;
  --result-soft: rgba(255,255,255,.10);
}
#be-dna-quiz .r-kicker {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 !important;
  text-transform: none !important;
}
#be-dna-quiz .r-person {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--result-color) 60%, #444444);
  border-radius: 7px;
  background: color-mix(in srgb, var(--result-color) 15%, #111111);
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .055em;
}
#be-dna-quiz .r-kicker-text {
  color: #BDBDBD;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .035em;
}
#be-dna-quiz .r-insight {
  width: fit-content;
  max-width: min(100%, 760px);
  margin: 22px auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 11px 16px;
  border: 1px solid #292929;
  border-radius: 10px;
  background: #0D0D0D;
  text-align: left;
}
#be-dna-quiz .r-insight-mark {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: var(--result-color);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--result-color) 14%, transparent);
}
#be-dna-quiz .r-insight-copy {
  min-width: 0;
}
#be-dna-quiz .r-insight-label {
  display: block;
  margin-bottom: 2px;
  color: var(--result-color);
  font-size: 9.5px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: .065em;
}
#be-dna-quiz .r-insight .r-sub {
  max-width: none !important;
  margin: 0 !important;
  color: #E0E0E0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}
@media (max-width: 767px) {
  #be-dna-quiz .r-kicker {
    gap: 7px;
  }
  #be-dna-quiz .r-person {
    min-height: 26px;
    padding: 5px 9px;
    font-size: 11px;
  }
  #be-dna-quiz .r-kicker-text {
    font-size: 10px;
  }
  #be-dna-quiz .r-insight {
    width: 100%;
    align-items: flex-start;
    margin-top: 18px;
    padding: 12px 14px;
  }
  #be-dna-quiz .r-insight-mark {
    margin-top: 5px;
  }
  #be-dna-quiz .r-insight .r-sub {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }
}
#be-dna-quiz .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body.be-quiz-focus-mode .elementor-location-header,
body.be-quiz-focus-mode header.site-header,
body.be-quiz-focus-mode #masthead,
body.be-quiz-focus-mode .elementor-location-footer,
body.be-quiz-focus-mode footer.site-footer,
body.be-quiz-focus-mode #colophon,
body.be-quiz-focus-mode .joinchat,
body.be-quiz-focus-mode #qlwapp,
body.be-quiz-focus-mode .qlwapp,
body.be-quiz-focus-mode #ht-ctc-chat,
body.be-quiz-focus-mode .ht-ctc-chat,
body.be-quiz-focus-mode .wa__btn_popup,
body.be-quiz-focus-mode .floating-whatsapp,
body.be-quiz-focus-mode [class*="floating-whatsapp"],
body.be-quiz-focus-mode [id*="floating-whatsapp"] {
  display: none !important;
}
#be-dna-quiz .consent-option {
  display: block;
  margin: 18px 0 4px;
  cursor: pointer;
}
#be-dna-quiz .consent-control {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: flex-start;
  gap: 11px;
  padding: 14px;
  border: 1px solid #3A3A3A;
  border-radius: 8px;
  background: #111111;
  transition: border-color .2s ease, background-color .2s ease;
}
#be-dna-quiz .consent-option:hover .consent-control {
  border-color: #666666;
  background: #151515;
}
#be-dna-quiz .consent-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#be-dna-quiz .consent-box {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  border: 1px solid #777777;
  border-radius: 5px;
  background: #0B0B0B;
  color: #000000;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
#be-dna-quiz .consent-box .icon {
  width: 15px;
  height: 15px;
  opacity: 0;
  transform: scale(.7);
  transition: opacity .18s ease, transform .18s ease;
}
#be-dna-quiz .consent-option input:checked + .consent-box {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #111111;
}
#be-dna-quiz .consent-option input:checked + .consent-box .icon {
  opacity: 1;
  transform: scale(1);
}
#be-dna-quiz .consent-option input:focus-visible + .consent-box {
  outline: 2px solid #FFFFFF;
  outline-offset: 3px;
}
#be-dna-quiz .consent-text {
  color: #D3D3D3;
  font-size: 12.5px;
  line-height: 1.6;
}
#be-dna-quiz .consent-text a {
  color: #FFFFFF;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
#be-dna-quiz #f-consent .msg {
  display: none;
  margin-top: 7px;
  color: #F29A9A;
  font-size: 12px;
  line-height: 1.4;
}
#be-dna-quiz #f-consent.err .consent-control {
  border-color: #D96868;
}
#be-dna-quiz #f-consent.err .msg {
  display: block;
}
#be-dna-quiz .lead-back {
  width: 100%;
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  color: #C7C7C7;
  font-size: 12px;
  font-weight: 700;
  transition: color .2s ease, background-color .2s ease;
  border-radius: 7px;
}
#be-dna-quiz .lead-back:hover {
  color: #FFFFFF;
  background: rgba(255,255,255,.04);
}
#be-dna-quiz .quiz-restart {
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #3B3B3B;
  border-radius: 8px;
  background: #111111;
  color: #D2D2D2;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
#be-dna-quiz .quiz-restart:hover {
  border-color: #777777;
  background: #181818;
  color: #FFFFFF;
}
#be-dna-quiz .profile-primary-label,
#be-dna-quiz .r-insight-label,
#be-dna-quiz .bd-label,
#be-dna-quiz .institutional-kicker,
#be-dna-quiz .p-kicker,
#be-dna-quiz .quiz-meta,
#be-dna-quiz .hint,
#be-dna-quiz .cta .fine {
  font-size: 11px !important;
  line-height: 1.4 !important;
}
#be-dna-quiz .profile-rank {
  min-width: 28px;
  color: #AFAFAF !important;
  font-size: 12px !important;
}
#be-dna-quiz .field .msg {
  font-size: 12px !important;
}
@media (max-width: 767px) {
  #be-dna-quiz .consent-control {
    padding: 13px;
  }
  #be-dna-quiz .consent-text {
    font-size: 12px;
  }
  #be-dna-quiz .quiz-restart {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  #be-dna-quiz .consent-control,
  #be-dna-quiz .consent-box,
  #be-dna-quiz .consent-box .icon,
  #be-dna-quiz .lead-back,
  #be-dna-quiz .quiz-restart {
    transition: none !important;
  }
}
body.be-quiz-focus-mode [data-elementor-type="wp-page"]:has(#be-dna-quiz)
  > .elementor-element:not(:has(#be-dna-quiz)),
body.be-quiz-focus-mode .elementor:has(#be-dna-quiz)
  > .elementor-element:not(:has(#be-dna-quiz)),
body.be-quiz-focus-mode .elementor:has(#be-dna-quiz)
  > .e-con:not(:has(#be-dna-quiz)) {
  display: none !important;
}
body.be-quiz-focus-mode .be-quiz-page-header,
body.be-quiz-focus-mode .be-quiz-page-footer,
body.be-quiz-focus-mode .be-quiz-hide-in-focus {
  display: none !important;
}
#be-dna-quiz #s-quiz .quiz {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#be-dna-quiz #s-quiz .quiz-head {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  margin-bottom: 34px !important;
  padding: 18px 20px 16px !important;
  border: 1px solid #2E2E2E !important;
  border-radius: 14px !important;
  background: #0D0D0D !important;
  box-shadow: none !important;
}
#be-dna-quiz #s-quiz .quiz-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 42px;
  align-items: center;
  gap: 18px;
  width: 100%;
}
#be-dna-quiz #s-quiz .quiz-step {
  display: inline-flex;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}
#be-dna-quiz #s-quiz .quiz-step-label {
  margin-bottom: 4px;
  color: #A9A9A9 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  font-weight: 700 !important;
  white-space: nowrap;
}
#be-dna-quiz #s-quiz .quiz-step-count {
  display: inline-flex;
  align-items: flex-end;
  gap: 6px;
  color: #AFAFAF;
  line-height: 1;
  white-space: nowrap;
}
#be-dna-quiz #s-quiz .quiz-step-count #q-index {
  display: inline !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: .82 !important;
  letter-spacing: -.06em !important;
  text-shadow: 1.5px 1.5px 0 #5F5F5F;
}
#be-dna-quiz #s-quiz .quiz-step-divider {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10px;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 600;
  text-transform: lowercase;
}

#be-dna-quiz #s-quiz .quiz-step-divider::before {
  content: "/";
  color: #808080;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
#be-dna-quiz #s-quiz .quiz-step-count #q-total {
  color: #C8C8C8 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding-bottom: 3px;
}
#be-dna-quiz #s-quiz .quiz-progress-status {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 9px;
  white-space: nowrap;
}
#be-dna-quiz #s-quiz .quiz-progress-label {
  color: #777777;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}
#be-dna-quiz #s-quiz #q-percent {
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.025em;
}
#be-dna-quiz #s-quiz .quiz-brand-mark {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 9px !important;
  overflow: hidden !important;
  border: 1px solid #333333 !important;
  border-radius: 10px !important;
  background: #151515 !important;
}
#be-dna-quiz #s-quiz .quiz-brand-mark img {
  position: static !important;
  width: auto !important;
  height: 24px !important;
  max-width: none !important;
  object-fit: contain !important;
}
#be-dna-quiz #s-quiz .bar {
  position: relative !important;
  width: 100% !important;
  height: 5px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #252525 !important;
  box-shadow: none !important;
}
#be-dna-quiz #s-quiz .bar > div {
  height: 100% !important;
  border-radius: inherit !important;
  background: #FFFFFF !important;
  transition: width .48s cubic-bezier(.22,1,.36,1) !important;
  box-shadow: none !important;
}
#be-dna-quiz #s-quiz .bar > div::after {
  display: none !important;
  content: none !important;
}
#be-dna-quiz #s-quiz .question-panel {
  width: 100%;
}
#be-dna-quiz #s-quiz .question-heading {
  max-width: 980px;
  margin-bottom: 0;
}
#be-dna-quiz #s-quiz .question-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 13px;
  color: #A0A0A0;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .085em;
}
#be-dna-quiz #s-quiz .question-kicker::before {
  content: "";
  width: 18px;
  height: 1px;
  background: #FFFFFF;
}
#be-dna-quiz #s-quiz .q-title {
  max-width: 1040px !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: clamp(36px, 3.2vw, 48px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.032em !important;
  font-weight: 700 !important;
  text-wrap: balance;
}
#be-dna-quiz #s-quiz .question-helper {
  max-width: 660px;
  margin-top: 15px;
  color: #AFAFAF;
  font-size: 14px;
  line-height: 1.55;
}
#be-dna-quiz #s-quiz .options {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: calc(100% + 4px) !important;
  margin: 28px -2px 0 !important;
  padding: 2px !important;
  overflow: visible !important;
}
#be-dna-quiz #s-quiz .opt {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 17px !important;
  width: 100% !important;
  min-height: 72px !important;
  padding: 15px 20px !important;
  overflow: hidden !important;
  border: 1px solid #2C2C2C !important;
  border-radius: 11px !important;
  background: #0B0B0B !important;
  box-shadow: none !important;
  isolation: isolate;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease !important;
}
#be-dna-quiz #s-quiz .opt::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: 4px;
  background: #FFFFFF;
  opacity: 0;
  transform: scaleY(.35);
  transform-origin: center;
  transition: opacity .2s ease, transform .2s ease;
}
#be-dna-quiz #s-quiz .opt:hover {
  border-color: #777777 !important;
  background: #111111 !important;
  transform: translateY(-1px) !important;
}
#be-dna-quiz #s-quiz .opt:hover::before,
#be-dna-quiz #s-quiz .opt.active::before {
  opacity: 1;
  transform: scaleY(1);
}
#be-dna-quiz #s-quiz .opt.active {
  z-index: 2 !important;
  border-color: #FFFFFF !important;
  background: #151515 !important;
  transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
#be-dna-quiz #s-quiz .opt .letter {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  flex-basis: 42px !important;
  padding: 0 !important;
  border: 1px solid #494949 !important;
  border-radius: 9px !important;
  background: #151515 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease !important;
}
#be-dna-quiz #s-quiz .opt:hover .letter,
#be-dna-quiz #s-quiz .opt.active .letter {
  border-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #0B0B0B !important;
  transform: none !important;
}
#be-dna-quiz #s-quiz .opt .letter .icon {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.4 !important;
}
#be-dna-quiz #s-quiz .opt .txt {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  color: #E2E2E2 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  letter-spacing: -.005em !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
#be-dna-quiz #s-quiz .opt:hover .txt,
#be-dna-quiz #s-quiz .opt.active .txt {
  color: #FFFFFF !important;
}
#be-dna-quiz #s-quiz .quiz-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: 24px !important;
}
#be-dna-quiz #s-quiz .back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid #303030 !important;
  border-radius: 8px !important;
  background: #0D0D0D !important;
  color: #C8C8C8 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease !important;
}
#be-dna-quiz #s-quiz .back:hover {
  border-color: #777777 !important;
  background: #151515 !important;
  color: #FFFFFF !important;
}
#be-dna-quiz #s-quiz .back .icon {
  width: 16px !important;
  height: 16px !important;
}
#be-dna-quiz #s-quiz .hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #858585 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
#be-dna-quiz #s-quiz .hint i {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #FFFFFF;
}
@media (min-width: 1600px) {
  #be-dna-quiz #s-quiz .quiz-head {
    padding: 21px 24px 19px !important;
  }
  #be-dna-quiz #s-quiz .q-title {
    font-size: 50px !important;
  }
  #be-dna-quiz #s-quiz .opt {
    min-height: 78px !important;
    padding: 17px 22px !important;
  }
  #be-dna-quiz #s-quiz .opt .txt {
    font-size: 16.5px !important;
  }
}
@media (max-width: 1024px) {
  #be-dna-quiz #s-quiz .quiz-head {
    margin-bottom: 30px !important;
  }
  #be-dna-quiz #s-quiz .q-title {
    font-size: clamp(33px, 4.5vw, 42px) !important;
  }
  #be-dna-quiz #s-quiz .opt {
    min-height: 70px !important;
  }
}
@media (max-width: 767px) {
  #be-dna-quiz #s-quiz .quiz-head {
    gap: 13px !important;
    margin-bottom: 27px !important;
    padding: 15px 16px 14px !important;
    border-radius: 12px !important;
  }
  #be-dna-quiz #s-quiz .quiz-topline {
    grid-template-columns: minmax(0, 1fr) auto 36px;
    gap: 10px;
  }
  #be-dna-quiz #s-quiz .quiz-step {
    gap: 9px;
  }
  #be-dna-quiz #s-quiz .quiz-step-label {
    margin-bottom: 3px;
    font-size: 9px !important;
    letter-spacing: .12em !important;
  }
  #be-dna-quiz #s-quiz .quiz-step-count #q-index {
    font-size: 26px !important;
    text-shadow: 1.2px 1.2px 0 #5F5F5F;
  }
  #be-dna-quiz #s-quiz .quiz-step-divider::before {
    font-size: 11px;
  }
  #be-dna-quiz #s-quiz .quiz-step-count #q-total {
    font-size: 12px !important;
    padding-bottom: 2px;
  }
  #be-dna-quiz #s-quiz .quiz-progress-label {
    display: none;
  }
  #be-dna-quiz #s-quiz #q-percent {
    font-size: 14px;
  }
  #be-dna-quiz #s-quiz .quiz-brand-mark {
    width: 36px !important;
    height: 36px !important;
    padding: 7px !important;
    border-radius: 9px !important;
  }
  #be-dna-quiz #s-quiz .quiz-brand-mark img {
    height: 21px !important;
  }
  #be-dna-quiz #s-quiz .bar {
    height: 4px !important;
  }
  #be-dna-quiz #s-quiz .question-kicker {
    margin-bottom: 11px;
    font-size: 10px;
  }
  #be-dna-quiz #s-quiz .q-title {
    font-size: clamp(29px, 8vw, 36px) !important;
    line-height: 1.15 !important;
  }
  #be-dna-quiz #s-quiz .question-helper {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.5;
  }
  #be-dna-quiz #s-quiz .options {
    gap: 10px !important;
    margin-top: 23px !important;
  }
  #be-dna-quiz #s-quiz .opt {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 66px !important;
    padding: 13px 14px !important;
    border-radius: 10px !important;
  }
  #be-dna-quiz #s-quiz .opt .letter {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex-basis: 38px !important;
    border-radius: 8px !important;
  }
  #be-dna-quiz #s-quiz .opt .txt {
    font-size: 14.5px !important;
    line-height: 1.45 !important;
  }
  #be-dna-quiz #s-quiz .quiz-foot {
    margin-top: 20px !important;
  }
  #be-dna-quiz #s-quiz .back {
    min-height: 40px !important;
    padding: 0 13px !important;
  }
  #be-dna-quiz #s-quiz .hint {
    font-size: 10.5px !important;
  }
}
@media (max-width: 480px) {
  #be-dna-quiz #s-quiz .quiz-topline {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  #be-dna-quiz #s-quiz .quiz-progress-status {
    grid-column: 2;
    grid-row: 1;
  }
  #be-dna-quiz #s-quiz .quiz-brand-mark {
    display: none !important;
  }
  #be-dna-quiz #s-quiz .quiz-foot {
    align-items: stretch !important;
    flex-direction: column-reverse !important;
    gap: 12px !important;
  }
  #be-dna-quiz #s-quiz .back {
    width: 100% !important;
  }
  #be-dna-quiz #s-quiz .hint {
    justify-content: center !important;
  }
}
@media (max-width: 380px) {
  #be-dna-quiz #s-quiz .quiz-head {
    padding: 14px !important;
  }
  #be-dna-quiz #s-quiz .quiz-step {
    gap: 8px;
  }
  #be-dna-quiz #s-quiz .quiz-step-label {
    font-size: 8.5px !important;
  }
  #be-dna-quiz #s-quiz .quiz-step-count #q-index {
    font-size: 24px !important;
  }
  #be-dna-quiz #s-quiz .quiz-step-divider::before {
    font-size: 10px;
  }
  #be-dna-quiz #s-quiz .quiz-step-count #q-total {
    font-size: 11px !important;
  }
  #be-dna-quiz #s-quiz .q-title {
    font-size: 27px !important;
  }
  #be-dna-quiz #s-quiz .opt {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
  }
  #be-dna-quiz #s-quiz .opt .letter {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    flex-basis: 36px !important;
  }
  #be-dna-quiz #s-quiz .opt .txt {
    font-size: 14px !important;
  }
}
@media (hover: none) {
  #be-dna-quiz #s-quiz .opt:hover,
  #be-dna-quiz #s-quiz .back:hover {
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #be-dna-quiz #s-quiz .bar > div,
  #be-dna-quiz #s-quiz .opt,
  #be-dna-quiz #s-quiz .opt::before,
  #be-dna-quiz #s-quiz .opt .letter,
  #be-dna-quiz #s-quiz .back {
    transition: none !important;
  }
}
#be-dna-quiz #s-quiz .quiz-topline {
  grid-template-columns: minmax(0, 1fr) 42px !important;
}
#be-dna-quiz #s-quiz .quiz-progress-status,
#be-dna-quiz #s-quiz .quiz-progress-label,
#be-dna-quiz #s-quiz #q-percent,
#be-dna-quiz #s-quiz .question-kicker,
#be-dna-quiz #s-quiz .question-helper {
  display: none !important;
}
#be-dna-quiz #s-quiz .question-heading {
  max-width: 1040px !important;
}
#be-dna-quiz #s-quiz .q-title {
  margin-top: 0 !important;
}
#be-dna-quiz #s-quiz .opt::before,
#be-dna-quiz #s-quiz .opt:hover::before,
#be-dna-quiz #s-quiz .opt.active::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  transform: none !important;
}
#be-dna-quiz #s-quiz .opt:hover {
  border-color: #666666 !important;
  background: #111111 !important;
  transform: translateY(-1px) !important;
}
#be-dna-quiz #s-quiz .bar {
  overflow: visible !important;
}
#be-dna-quiz #s-quiz .bar > div {
  position: relative !important;
  min-width: 0 !important;
}
#be-dna-quiz #s-quiz .bar > div::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: -6px !important;
  width: 13px !important;
  height: 13px !important;
  border: 3px solid #0D0D0D !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.26) !important;
  transform: translateY(-50%) !important;
}
@media (max-width: 767px) {
  #be-dna-quiz #s-quiz .quiz-topline {
    grid-template-columns: minmax(0, 1fr) 36px !important;
  }
  #be-dna-quiz #s-quiz .bar > div::after {
    right: -5px !important;
    width: 11px !important;
    height: 11px !important;
    border-width: 2px !important;
  }
}
@media (max-width: 480px) {
  #be-dna-quiz #s-quiz .quiz-topline {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
}
#be-dna-quiz .profile-summary {
  border: 1px solid #343434 !important;
  background: #0A0A0A !important;
}
#be-dna-quiz .profile-primary {
  background: linear-gradient(180deg, #141414 0%, #101010 100%) !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #303030 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
#be-dna-quiz .profile-primary-badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex: 0 0 132px !important;
  min-width: 132px !important;
}
#be-dna-quiz .profile-primary-mark {
  width: 110px !important;
  height: 110px !important;
  flex: 0 0 110px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--profile-color) !important;
  box-shadow: inset 0 -4px 0 rgba(0,0,0,.14), 0 0 0 6px rgba(255,255,255,.03) !important;
}
#be-dna-quiz .profile-primary-mark::before,
#be-dna-quiz .profile-primary-mark::after {
  display: none !important;
  content: none !important;
}
#be-dna-quiz .profile-primary-number {
  position: static !important;
  z-index: auto !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: 46px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.055em !important;
}
#be-dna-quiz .profile-primary-label {
  position: static !important;
  z-index: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
  opacity: .9;
}
#be-dna-quiz .profile-primary-copy .bd-label {
  color: var(--profile-color) !important;
}
#be-dna-quiz .profile-primary-copy > p:last-child {
  color: #E2E2E2 !important;
}
#be-dna-quiz .profile-affinities {
  background: #0A0A0A !important;
}
@media (max-width: 767px) {
  #be-dna-quiz .profile-primary-badge {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    gap: 10px !important;
    margin: 0 auto !important;
  }
  #be-dna-quiz .profile-primary-mark {
    width: 96px !important;
    height: 96px !important;
    flex-basis: 96px !important;
  }
  #be-dna-quiz .profile-primary-number {
    font-size: 40px !important;
  }
  #be-dna-quiz .profile-primary-label {
    font-size: 10px !important;
  }
}

/* ==================== AJUSTE FINAL — BLOCO DO EMPREENDIMENTO ==================== */
/* Fundo secundário na área de texto. */
#be-dna-quiz .project .project-copy {
  background: var(--project-secondary) !important;
}

/* Empreendimento recomendado: maior prioridade visual. */
#be-dna-quiz .project .p-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 0 22px 0 !important;
  padding: 11px 16px !important;
  border: 1px solid #111111 !important;
  border-radius: 999px !important;
  background: #111111 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  box-shadow: none !important;
}

/* Funciona tanto com o span existente quanto sem ele. */
#be-dna-quiz .project .p-kicker-dot {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: var(--project-primary) !important;
}

#be-dna-quiz .project .p-kicker:not(:has(.p-kicker-dot))::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: var(--project-primary) !important;
}

/* Zona: fundo branco para contraste, sem competir com o selo principal. */
#be-dna-quiz .project .p-zone {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 0 24px 0 !important;
  padding: 9px 13px !important;
  border: 1px solid color-mix(in srgb, var(--project-primary) 45%, #D4D4D4) !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #181818 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  box-shadow: none !important;
}

#be-dna-quiz .project .p-zone::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  border-radius: 50% !important;
  background: var(--project-primary) !important;
}

@media (max-width: 580px) {
  #be-dna-quiz .project .p-kicker {
    margin-bottom: 18px !important;
    padding: 10px 13px !important;
    font-size: 10.5px !important;
  }

  #be-dna-quiz .project .p-zone {
    margin-bottom: 20px !important;
    padding: 8px 11px !important;
    font-size: 9.5px !important;
  }
}

/* ========================================================================== 
   PDF DO QUIZ - CAPTURA AUTOMATICA COM HTML2CANVAS + JSPDF
   ========================================================================== */
.beq-pdf-template {
  display: none;
  width: 900px;
  background: #000000;
}

.beq-pdf-template,
.beq-pdf-template *,
.beq-pdf-template *::before,
.beq-pdf-template *::after {
  box-sizing: border-box;
}

.beq-pdf-page {
  --beq-pdf-accent: #ffffff;
  --beq-pdf-accent-soft: rgba(255,255,255,.10);
  --beq-pdf-accent-contrast: #050505;

  width: 900px;
  min-height: 1200px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  color: #ffffff;
  font-family: 'N27', Inter, 'Segoe UI', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.beq-pdf-page img {
  display: block;
  max-width: 100%;
}

.beq-pdf-page a {
  color: inherit;
  text-decoration: none;
}

.beq-pdf-header {
  min-height: 126px;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr) 230px;
  align-items: center;
  gap: 28px;
  padding: 28px 42px;
  border-bottom: 1px solid #2a2a2a;
  background: #080808;
}

.beq-pdf-logo {
  width: 215px;
  height: 62px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
}

.beq-pdf-header-copy {
  min-width: 0;
  padding-left: 26px;
  border-left: 1px solid #303030;
}

.beq-pdf-header-copy p,
.beq-pdf-date span {
  margin: 0 0 6px;
  color: #8c8c8c;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.beq-pdf-header-copy strong {
  display: block;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 750;
}

.beq-pdf-date {
  min-width: 0;
  text-align: right;
}

.beq-pdf-date strong {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 750;
  overflow-wrap: break-word;
}

.beq-pdf-date small {
  display: block;
  margin-top: 5px;
  color: #777777;
  font-size: 9.5px;
  line-height: 1.4;
}

.beq-pdf-content {
  padding: 54px 48px 48px;
}

.beq-pdf-hero {
  text-align: center;
  padding: 8px 20px 0;
}

.beq-pdf-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  color: #a8a8a8;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.beq-pdf-eyebrow span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 11px;
  border: 1px solid var(--beq-pdf-accent);
  border-radius: 6px;
  background: var(--beq-pdf-accent-soft);
  color: #ffffff;
}

.beq-pdf-hero h1 {
  max-width: 760px;
  margin: 18px auto 0;
  color: #ffffff;
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -.045em;
}

.beq-pdf-essence {
  width: 100%;
  max-width: 710px;
  margin: 26px auto 0;
  padding: 17px 20px;
  border: 1px solid #303030;
  border-left: 4px solid var(--beq-pdf-accent);
  border-radius: 10px;
  background: #0c0c0c;
  text-align: left;
}

.beq-pdf-essence span,
.beq-pdf-section-kicker,
.beq-pdf-project-label,
.beq-pdf-institutional-brand > p,
.beq-pdf-cta > p {
  display: block;
  margin: 0 0 7px;
  color: #a9a9a9;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.beq-pdf-profile-primary .beq-pdf-section-kicker,
.beq-pdf-section-heading p,
.beq-pdf-project-label,
.beq-pdf-zone,
.beq-pdf-cta > p {
  color: var(--beq-pdf-accent);
}

.beq-pdf-essence p {
  margin: 0;
  color: #e1e1e1;
  font-size: 15px;
  line-height: 1.55;
}

.beq-pdf-card {
  margin-top: 34px;
  border: 1px solid #303030;
  border-radius: 16px;
  background: #0b0b0b;
  overflow: hidden;
}

.beq-pdf-profile-card {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
}

.beq-pdf-profile-primary {
  min-width: 0;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 32px;
  border-right: 1px solid #303030;
  background: #111111;
}

.beq-pdf-main-badge {
  width: 102px;
  height: 102px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--beq-pdf-accent);
  border-radius: 50%;
  background: var(--beq-pdf-accent-soft);
}

.beq-pdf-main-badge strong {
  color: var(--beq-pdf-accent);
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.05em;
}

.beq-pdf-main-badge span {
  margin-top: 6px;
  color: #9c9c9c;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.beq-pdf-profile-primary h2,
.beq-pdf-section-heading h2,
.beq-pdf-project-copy h2,
.beq-pdf-cta h2 {
  margin: 0;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -.035em;
}

.beq-pdf-profile-primary h2 {
  font-size: 27px;
  line-height: 1.12;
}

.beq-pdf-muted {
  margin: 12px 0 0;
  color: #a9a9a9;
  font-size: 13px;
  line-height: 1.58;
}

.beq-pdf-affinities {
  min-width: 0;
  padding: 32px 28px;
  background: #090909;
}

.beq-pdf-affinities ul,
.beq-pdf-tips {
  margin: 0;
  padding: 0;
  list-style: none;
}

.beq-pdf-affinities li {
  position: relative;
  min-height: 45px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  border-bottom: 1px solid #292929;
}

.beq-pdf-affinities li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 18px;
  border-radius: 999px;
  background: var(--beq-rank-color, #ffffff);
  transform: translateY(-50%);
}

.beq-pdf-affinities li:last-child {
  border-bottom: 0;
}

.beq-pdf-rank-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 24px;
  margin-left: 9px;
  border: 1px solid var(--beq-rank-color, #ffffff);
  border-radius: 6px;
  background: var(--beq-rank-soft, rgba(255,255,255,.08));
  color: var(--beq-rank-color, #ffffff);
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
}

.beq-pdf-rank-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f0f0f0;
  font-size: 12.5px;
  line-height: 1.3;
  font-weight: 700;
}

.beq-pdf-rank-name::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--beq-rank-color, #ffffff);
}

.beq-pdf-tips-card {
  padding: 32px;
}

.beq-pdf-section-heading {
  display: block;
  padding-bottom: 24px;
  border-bottom: 1px solid #292929;
}

.beq-pdf-section-heading > div {
  min-width: 0;
}

.beq-pdf-section-heading p {
  margin: 0 0 4px;
  color: #8e8e8e;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.beq-pdf-section-heading h2 {
  font-size: 24px;
  line-height: 1.15;
}

.beq-pdf-tips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.beq-pdf-tip {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 17px;
  border: 1px solid #2e2e2e;
  border-radius: 10px;
  background: #101010;
}

.beq-pdf-check {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--beq-pdf-accent);
  border-radius: 50%;
  background: var(--beq-pdf-accent-soft);
  color: var(--beq-pdf-accent);
}

.beq-pdf-check svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.beq-pdf-tip-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.beq-pdf-tip-copy strong {
  color: #ffffff;
  font-size: 12.5px;
  line-height: 1.35;
}

.beq-pdf-tip-copy span {
  color: #b5b5b5;
  font-size: 11.5px;
  line-height: 1.52;
}

.beq-pdf-project-card {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  min-height: 490px;
  border: 1px solid var(--beq-pdf-accent);
  border-radius: 14px;
  background: var(--beq-pdf-secondary);
  overflow: hidden;
}

.beq-pdf-project-copy {
  min-width: 0;
  padding: 42px 42px 38px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: var(--beq-pdf-secondary);
  color: #111111;
}

.beq-pdf-project-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  margin: 0 0 24px;
  padding: 8px 14px;
  border: 1px solid #111111;
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
}

.beq-pdf-project-label::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--beq-pdf-accent);
}

.beq-pdf-project-copy h2 {
  margin: 0;
  color: #111111;
  font-size: 42px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -.045em;
}

.beq-pdf-zone {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 16px 0 0;
  padding: 8px 12px;
  border: 1px solid rgba(17,17,17,.24);
  border-radius: 999px;
  background: #ffffff;
  color: #181818;
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.beq-pdf-zone::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--beq-pdf-accent);
}

.beq-pdf-project-description {
  margin: 28px 0 0;
  color: #3b3b3b;
  font-size: 13px;
  line-height: 1.76;
}

.beq-pdf-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: auto;
  padding: 13px 20px;
  border: 1px solid var(--beq-pdf-accent);
  border-radius: 10px;
  background: var(--beq-pdf-accent);
  color: var(--beq-pdf-accent-contrast) !important;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.beq-pdf-project-media {
  min-width: 0;
  min-height: 490px;
  display: flex;
  padding: 20px;
  border-left: 1px solid rgba(17,17,17,.16);
  background: var(--beq-pdf-accent);
}


.beq-pdf-project-media img {
  width: 100%;
  height: 100%;
  min-height: 450px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 18px;
  background: rgba(255,255,255,.30);
  object-fit: cover;
  object-position: center bottom;
}

.beq-pdf-institutional {
  display: grid;
  grid-template-columns: 245px minmax(0, 1fr);
  align-items: stretch;
}

.beq-pdf-institutional-brand {
  padding: 32px;
  border-right: 1px solid #303030;
  background: #111111;
}

.beq-pdf-institutional-brand img {
  width: 190px;
  margin-top: 24px;
  filter: brightness(0) invert(1);
}

.beq-pdf-institutional-copy {
  padding: 32px;
}

.beq-pdf-institutional-copy p {
  margin: 0;
  color: #c6c6c6;
  font-size: 12.5px;
  line-height: 1.65;
}

.beq-pdf-institutional-copy p + p {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #292929;
}

.beq-pdf-cta {
  margin-top: 34px;
  padding: 38px 32px;
  border: 1px solid #3a3a3a;
  border-top: 3px solid var(--beq-pdf-accent);
  border-radius: 16px;
  background: #111111;
  text-align: center;
}

.beq-pdf-cta h2 {
  font-size: 31px;
  line-height: 1.08;
}

.beq-pdf-cta > span {
  display: block;
  max-width: 620px;
  margin: 13px auto 0;
  color: #b6b6b6;
  font-size: 13px;
  line-height: 1.58;
}

.beq-pdf-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 23px;
}

.beq-pdf-cta-actions a {
  min-width: 205px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.beq-pdf-cta-actions a:first-child {
  border-color: var(--beq-pdf-accent);
  background: var(--beq-pdf-accent);
  color: var(--beq-pdf-accent-contrast);
}

.beq-pdf-cta-actions a:last-child {
  background: #111111;
  color: #ffffff;
}

.beq-pdf-footer {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 48px;
  border-top: 1px solid #2a2a2a;
  background: #080808;
  color: #767676;
  font-size: 9px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#be-dna-quiz #quiz-pdf-button.is-generating {
  cursor: progress;
  opacity: .72;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BE, A MORADIA DO FUTURO';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://amoradiadofuturo.com.br/wp-content/uploads/2023/12/N27-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'BE, A MORADIA DO FUTURO';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://amoradiadofuturo.com.br/wp-content/uploads/2023/12/N27-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'BE, A MORADIA DO FUTURO';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://amoradiadofuturo.com.br/wp-content/uploads/2023/12/N27-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'BE, A MORADIA DO FUTURO';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://amoradiadofuturo.com.br/wp-content/uploads/2023/12/N27-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */