/*
Theme Name: BRAFIB Industrial
Theme URI: https://brafib.com.br
Author: BRAFIB
Description: Tema institucional leve e responsivo para a BRAFIB, indústria de telas e vergalhões em GFRP.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: brafib-industrial
*/

:root{
  --bf-green:#17D987;
  --bf-black:#080D0B;
  --bf-graphite:#101715;
  --bf-graphite-2:#18211E;
  --bf-white:#FFFFFF;
  --bf-text:#D7DEDA;
  --bf-muted:#9BA7A1;
  --bf-line:rgba(255,255,255,.10);
  --bf-light:#F4F7F5;
  --bf-ink:#17221F;
  --bf-max:1180px;
  --bf-radius:18px;
  --bf-shadow:0 20px 70px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bf-black);color:var(--bf-white);font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
.bf-wrap{width:min(calc(100% - 40px),var(--bf-max));margin-inline:auto}
.bf-section{padding:104px 0}
.bf-eyebrow{margin:0 0 18px;color:var(--bf-green);font-size:.82rem;line-height:1.2;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bf-section-title{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em;font-weight:800}
.bf-section-copy{margin:24px 0 0;max-width:720px;color:var(--bf-text);font-size:1.05rem}
.bf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 25px;border:1px solid transparent;border-radius:3px;font-size:.86rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;transition:.22s ease;cursor:pointer}
.bf-btn--primary{background:var(--bf-green);color:#06110C}
.bf-btn--primary:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 30px rgba(23,217,135,.22)}
.bf-btn--ghost{border-color:rgba(255,255,255,.72);color:#fff;background:rgba(255,255,255,.02)}
.bf-btn--ghost:hover{background:#fff;color:var(--bf-black)}
.bf-btn--dark{background:var(--bf-graphite);color:#fff}

/* Header */
.bf-header{position:fixed;z-index:999;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(8,13,11,.94),rgba(8,13,11,.77));backdrop-filter:blur(12px);border-bottom:1px solid var(--bf-line)}
.admin-bar .bf-header{top:32px}
.bf-header__inner{height:86px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:34px}
.bf-brand{display:flex;align-items:center;min-width:0}
.bf-brand img{max-width:205px;max-height:58px;width:auto;height:auto;object-fit:contain}
.bf-nav ul{display:flex;justify-content:center;align-items:center;gap:29px;list-style:none;margin:0;padding:0}
.bf-nav a{color:#E6ECE9;font-size:.86rem;font-weight:650;transition:.2s ease}
.bf-nav a:hover{color:var(--bf-green)}
.bf-menu-toggle{display:none;background:none;border:0;color:#fff;padding:8px;cursor:pointer}
.bf-menu-toggle span{display:block;width:25px;height:2px;background:currentColor;margin:5px 0}

/* Hero */
.bf-hero{min-height:860px;position:relative;display:flex;align-items:center;padding:150px 0 150px;overflow:hidden;background-color:#0A100E;background-image:linear-gradient(110deg,rgba(8,13,11,.98) 0%,rgba(8,13,11,.84) 48%,rgba(8,13,11,.47) 100%),radial-gradient(circle at 80% 30%,rgba(23,217,135,.12),transparent 35%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.035) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.035) 40px)}
.bf-hero.has-image{background-size:cover;background-position:center;background-repeat:no-repeat}
.bf-hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,var(--bf-black));pointer-events:none}
.bf-hero__content{position:relative;z-index:2;max-width:910px}
.bf-hero h1{margin:0;max-width:900px;font-size:clamp(3.1rem,6.3vw,6.35rem);line-height:.94;letter-spacing:-.058em;font-weight:820}
.bf-hero__copy{max-width:760px;margin:28px 0 34px;color:#D8DFDC;font-size:1.06rem}
.bf-actions{display:flex;flex-wrap:wrap;gap:14px}

/* Difference bridge */
.bf-diff{position:relative;z-index:4;margin-top:-96px;padding-bottom:30px}
.bf-diff__grid{display:grid;grid-template-columns:1.08fr 1fr;background:#fff;box-shadow:var(--bf-shadow)}
.bf-diff__intro{background:var(--bf-graphite);padding:72px 64px;display:flex;flex-direction:column;justify-content:center;min-height:570px}
.bf-diff__intro h2{margin:0;font-size:clamp(2.1rem,3.6vw,3.65rem);line-height:1.04;letter-spacing:-.04em}
.bf-diff__intro p{margin:24px 0 32px;color:#BFC9C4;max-width:510px}
.bf-diff__cards{display:grid;grid-template-columns:1fr 1fr;color:var(--bf-ink)}
.bf-diff-card{min-height:285px;padding:48px 44px;border-left:1px solid #E0E5E2;border-bottom:1px solid #E0E5E2;display:flex;flex-direction:column;justify-content:center}
.bf-diff-card:nth-child(n+3){border-bottom:0}
.bf-diff-card h3{margin:0 0 18px;font-size:clamp(1.55rem,2.1vw,2.15rem);line-height:1.06;letter-spacing:-.035em}
.bf-diff-card p{margin:0;color:#5E6964}

/* Products */
.bf-products{background:var(--bf-black)}
.bf-products__head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:52px}
.bf-products__head .bf-section-copy{margin:0;max-width:520px}
.bf-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bf-product{position:relative;min-height:520px;overflow:hidden;background:var(--bf-graphite);border:1px solid var(--bf-line)}
.bf-product__media{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,11,.02),rgba(8,13,11,.92));background-size:cover;background-position:center}
.bf-product__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,10,.02),rgba(7,12,10,.92))}
.bf-product__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:42px}
.bf-product h3{margin:0 0 12px;font-size:clamp(2rem,3vw,3.15rem);letter-spacing:-.04em;line-height:1}
.bf-product p{margin:0 0 25px;color:#D6DEDA;max-width:520px}

/* Applications */
.bf-applications{background:var(--bf-light);color:var(--bf-ink)}
.bf-applications .bf-section-copy{color:#5E6964}
.bf-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#DCE2DF;margin-top:54px;border:1px solid #DCE2DF}
.bf-app{background:#fff;padding:44px;min-height:230px;transition:.22s ease}
.bf-app:hover{transform:translateY(-3px);position:relative;z-index:2;box-shadow:0 18px 45px rgba(0,0,0,.08)}
.bf-app__n{display:block;color:var(--bf-green);font-size:.76rem;font-weight:900;letter-spacing:.12em;margin-bottom:40px}
.bf-app h3{font-size:1.38rem;line-height:1.15;margin:0}

/* About */
.bf-about{background:var(--bf-graphite);overflow:hidden}
.bf-about__grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;min-height:640px}
.bf-about__media{min-height:520px;background:linear-gradient(135deg,#21302A,#0C1310);background-size:cover;background-position:center}
.bf-about__content{padding:90px 74px;display:flex;flex-direction:column;justify-content:center}
.bf-about__content .bf-section-copy{max-width:590px}
.bf-about__fact{margin-top:34px;padding-left:18px;border-left:3px solid var(--bf-green);font-weight:700;color:#fff}

/* CTA */
.bf-cta{background:var(--bf-green);color:#06110C;padding:86px 0}
.bf-cta__inner{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}
.bf-cta h2{margin:0;font-size:clamp(2.25rem,4.5vw,4.5rem);line-height:.98;letter-spacing:-.05em;max-width:850px}
.bf-cta p{margin:18px 0 0;max-width:680px;color:#123D2C;font-weight:600}

/* Contact */
.bf-contact{background:var(--bf-black)}
.bf-contact__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.bf-contact__details{margin-top:38px;display:grid;gap:22px}
.bf-contact__details strong{display:block;color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.bf-contact__details span,.bf-contact__details a{color:#B9C5BF}
.bf-form{background:#fff;color:var(--bf-ink);padding:46px;box-shadow:var(--bf-shadow)}
.bf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bf-field--full{grid-column:1/-1}
.bf-field label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:7px}
.bf-field input,.bf-field select,.bf-field textarea{width:100%;border:1px solid #D9E0DC;border-radius:2px;padding:14px 15px;background:#F9FBFA;color:#17221F;outline:none}
.bf-field textarea{min-height:140px;resize:vertical}
.bf-field input:focus,.bf-field select:focus,.bf-field textarea:focus{border-color:var(--bf-green);box-shadow:0 0 0 3px rgba(23,217,135,.12)}
.bf-consent{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:#59645F}.bf-consent input{margin-top:4px}
.bf-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.bf-notice{padding:12px 14px;margin-bottom:18px;font-size:.9rem}.bf-notice--ok{background:#E8FBF2;color:#0B633F}.bf-notice--error{background:#FFF0F0;color:#8A2222}

/* Footer */
.bf-footer{background:#050806;border-top:1px solid var(--bf-line);padding:64px 0 26px;color:#A9B5AF}
.bf-footer__grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:70px}
.bf-footer__logo{max-width:210px;margin-bottom:24px}
.bf-footer h4{margin:0 0 18px;color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}
.bf-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bf-footer a:hover{color:var(--bf-green)}
.bf-footer__bottom{margin-top:52px;padding-top:22px;border-top:1px solid var(--bf-line);display:flex;justify-content:space-between;gap:25px;font-size:.78rem}

/* Generic pages */
.bf-page{padding:160px 0 90px;background:var(--bf-light);color:var(--bf-ink);min-height:70vh}.bf-page article{max-width:900px}.bf-page h1{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.05em;line-height:1;margin-bottom:34px}.bf-page .entry-content{font-size:1.04rem}.bf-page .entry-content a{color:#087A4D;text-decoration:underline}

@media (max-width:980px){
  .admin-bar .bf-header{top:46px}
  .bf-header__inner{grid-template-columns:1fr auto;height:76px}.bf-brand img{max-width:175px}.bf-header__cta{display:none}.bf-menu-toggle{display:block}.bf-nav{position:absolute;left:0;right:0;top:76px;background:#080D0B;border-top:1px solid var(--bf-line);display:none}.bf-nav.is-open{display:block}.bf-nav ul{display:grid;gap:0}.bf-nav li{border-bottom:1px solid var(--bf-line)}.bf-nav a{display:block;padding:17px 22px}
  .bf-hero{min-height:760px;padding-top:140px}.bf-hero h1{font-size:clamp(3rem,9vw,5.4rem)}
  .bf-diff__grid,.bf-about__grid,.bf-contact__grid{grid-template-columns:1fr}.bf-diff__intro{min-height:auto;padding:58px 48px}.bf-products__head{display:block}.bf-products__head .bf-section-copy{margin-top:20px}.bf-app-grid{grid-template-columns:repeat(2,1fr)}.bf-about__content{padding:70px 48px}.bf-cta__inner{grid-template-columns:1fr}.bf-contact__grid{gap:45px}.bf-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .bf-wrap{width:min(calc(100% - 28px),var(--bf-max))}.bf-section{padding:76px 0}.bf-header__inner{height:70px}.bf-nav{top:70px}.bf-brand img{max-width:155px}
  .bf-hero{min-height:720px;padding:130px 0 120px}.bf-hero h1{font-size:clamp(2.7rem,13.5vw,4.3rem);line-height:.96}.bf-hero__copy{font-size:.98rem}.bf-actions{display:grid}.bf-btn{width:100%}
  .bf-diff{margin-top:-58px}.bf-diff__grid{display:block}.bf-diff__intro{padding:46px 30px}.bf-diff__cards{grid-template-columns:1fr}.bf-diff-card{min-height:auto;padding:36px 30px;border-left:0;border-bottom:1px solid #E0E5E2!important}.bf-diff-card:last-child{border-bottom:0!important}
  .bf-product-grid{grid-template-columns:1fr}.bf-product{min-height:440px}.bf-product__body{padding:30px}.bf-app-grid{grid-template-columns:1fr}.bf-app{min-height:190px}.bf-about__media{min-height:360px}.bf-about__content{padding:56px 28px}.bf-cta{padding:65px 0}.bf-form{padding:28px 20px}.bf-form-grid{grid-template-columns:1fr}.bf-footer__grid{grid-template-columns:1fr;gap:38px}.bf-footer__bottom{display:block}.bf-footer__bottom span{display:block;margin-top:8px}
}