/* =========================================================
   Shopify (/shopify-plus) no padrão "Alvafy no peso certo"
   O banner principal (apb) fica como está: Outfit + Instrument Serif itálica.
   ========================================================= */

/* Banner principal preservado */
.apb :where(h1,h2,h3,p,a,span,li,button,strong,b,div){font-family:'Outfit','Inter',-apple-system,BlinkMacSystemFont,sans-serif!important}
.apb .apb__title--serif .apb__line--em{font-family:'Instrument Serif',Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:400!important}
.apb .apb__line--strong{font-weight:500!important}

/* Capítulos: venda (preto), plataforma (alternado), prova (quente) */
.alva-conf,.apbt,.api,.alva-tr,.apq{background:var(--alva-bg)!important}
.apf,.aed,.apn,.axp{background:var(--alva-bg-2)!important}
.alva-cs{background:var(--alva-bg-warm)!important}

/* Eyebrows: mono laranja, sem pílula e sem bolinha */
.alva-conf__eyebrow,.apf__eyebrow,.aed__eyebrow,.api__eyebrow,.apn__eyebrow,.alva-tr__eyebrow,.axp__eyebrow,.axp__cta-eyebrow,.alva-cs__eyebrow,.apq__eyebrow,.alva-tia__eyebrow{
  background:none!important;border:0!important;padding:0!important;box-shadow:none!important;
  font:400 12px/1.33 var(--alva-mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--alva-accent)!important}
.alva-conf__eyebrow-dot,.alva-tr__eyebrow-dot,.alva-cs__eyebrow-dot{display:none!important}

/* Títulos: 330, tracking negativo, dois tons sem degradê nem itálico */
.alva-conf__title,.apf__title,.apbt__title,.aed__title,.api__title,.apn__title,.alva-tr__title,.axp__title,.alva-cs__title,.apq__title,.alva-tia__title{
  font-family:var(--alva-font)!important;font-weight:var(--w-heading)!important;letter-spacing:-.03em!important;line-height:1.06!important;
  font-size:clamp(32px,3.8vw,54px)!important;color:var(--alva-text-2)!important}
:is(.alva-conf__title,.apf__title,.apbt__title,.aed__title,.api__title,.apn__title,.alva-tr__title,.axp__title,.alva-cs__title,.apq__title,.alva-tia__title) :is(em,i,strong,b){
  font-family:var(--alva-font)!important;font-style:normal!important;font-weight:inherit!important;color:var(--alva-text)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.apbt__strong,.aed__strong,.api__strong,.apn__strong,.axp__strong,.apq__strong,.alva-tia__strong{color:var(--alva-text)!important;font-weight:inherit!important}
.apbt__muted,.aed__muted,.api__muted,.apn__muted,.axp__muted,.apq__muted,.alva-tia__muted{color:var(--alva-text-2)!important;font-weight:inherit!important}
.alva-conf__subtitle,.apf__sub,.apbt__sub,.aed__sub,.api__sub,.apn__sub,.alva-tr__subtitle,.axp__sub,.alva-cs__subtitle,.apq__sub,.alva-tia__sub,.alva-tia__text,
.apbt__text,.apbt__desc,.aed__desc,.api__text,.axp__card-desc,.apf__tab-hint{color:var(--alva-text-2)!important;font-weight:var(--w-body)!important}

/* Cards premium: degradê escuro + borda de luz caindo de cima + brilho no hover */
.apbt__card,.aed__item,.apn__item,.axp__card,.apq__item,.alva-tia__orbit-card{
  position:relative;border-radius:var(--r-card)!important;border:1px solid transparent!important;box-shadow:none!important;
  background:linear-gradient(180deg,#121212 0%,#0A0A0A 100%) padding-box,linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.04) 70%) border-box!important;
  transition:transform .5s var(--alva-ease)!important}
.apbt__card,.apn__item,.axp__card{overflow:hidden}
.apbt__card::after,.apn__item::after,.axp__card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s var(--alva-ease);
  background:radial-gradient(80% 60% at 0% 0%,rgba(255,106,26,.16),transparent 70%)}
.apbt__card:hover::after,.apn__item:hover::after,.axp__card:hover::after{opacity:1}
.apn__item:hover,.axp__card:hover{transform:translateY(-4px)}
.apbt__headline,.aed__item-title,.axp__card-title,.apf__tab-name{font-family:var(--alva-font)!important;font-weight:var(--w-card)!important;color:var(--alva-text)!important;letter-spacing:-.01em}
.aed__item.is-active,.aed__item[aria-expanded="true"],.apq__item[open],.apq__item.is-open{
  background:radial-gradient(90% 60% at 100% 0%,rgba(255,106,26,.18),transparent 70%) padding-box,linear-gradient(180deg,#1A100B,#0D0806) padding-box,
    linear-gradient(rgba(255,138,76,.7),rgba(255,255,255,.05) 70%) border-box!important}

/* Abas de recursos: números mono laranja e barra de progresso laranja */
.apf__tab-num{font:400 12px/1 var(--alva-mono)!important;color:var(--alva-accent)!important}
.apf__tab-bar-fill{background:linear-gradient(90deg,#FF6A1A,#FFB37A)!important}
.apf__tab-ico{background:rgba(255,106,26,.06)!important;border:1px solid rgba(255,138,76,.32)!important;border-radius:12px!important;color:var(--alva-accent)!important}

/* Faixa "E-commerces que escolheram crescer com a Alvafy": logos brancas */
.alva-conf__logo-img{filter:none!important;opacity:.75!important;transition:opacity .3s}
.alva-conf__logo:hover .alva-conf__logo-img{opacity:1!important}

/* Órbita de IA (mesmo ajuste da página de Marketing) */
.alva-tia__sat-inner--invert .alva-tia__sat-img{filter:none!important;opacity:1!important}
.alva-tia__orbit-card{overflow:visible!important}
.alva-tia__orbit-wrap{transform:scale(.86);transform-origin:center}

/* Botões: pill laranja com texto escuro */
.alva-conf__cta,.api__cta,.alva-tr__cta,.alva-tr__btn,.axp__cta,.apq__cta,.alva-tia__cta{border-radius:var(--r-pill)!important;font-family:var(--alva-font)!important;font-weight:var(--w-button)!important;
  background:var(--alva-accent)!important;color:var(--alva-accent-ink)!important;border:0!important;box-shadow:none!important;transition:background-color .3s var(--alva-ease),transform .3s var(--alva-ease)!important}
.alva-conf__cta:hover,.api__cta:hover,.alva-tr__cta:hover,.axp__cta:hover,.apq__cta:hover,.alva-tia__cta:hover{background:var(--alva-accent-soft)!important;transform:translateY(-1px)}

/* Bento: texto sempre legível sobre a imagem (degradê escuro na base do card) */
.apbt__card::before{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(5,5,5,.75) 45%,rgba(5,5,5,.96))}
.apbt__text{position:relative;z-index:2}
.apbt__card::after{z-index:1}