/*
Theme Name: Link na Bio Pro
Theme URI: https://example.com/
Author: Link na Bio Pro
Description: Tema oficial da plataforma Link na Bio Pro 2.0. Integra home, autenticação e painel com o plugin Link na Bio Pro.
Version: 3.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: link-na-bio-pro-theme
*/

:root{
 --site-bg:#050a0f;
 --site-bg-2:#07131a;
 --site-surface:#0d1920;
 --site-surface-2:#11262f;
 --site-line:rgba(92,218,227,.18);
 --site-text:#f5fbfc;
 --site-muted:#91b0b6;
 --site-accent:#15c5d3;
 --site-accent-2:#4f66ff;
 --site-shadow:0 30px 100px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 background:
 radial-gradient(circle at 80% -10%,rgba(21,197,211,.16),transparent 32%),
 radial-gradient(circle at 10% 20%,rgba(79,102,255,.09),transparent 32%),
 var(--site-bg);
 color:var(--site-text);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 -webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{max-width:100%;height:auto}

.site-shell{width:min(1220px,calc(100% - 36px));margin:auto}
.site-header{
 position:sticky;top:0;z-index:100;
 backdrop-filter:blur(20px);
 background:rgba(5,10,15,.72);
 border-bottom:1px solid rgba(255,255,255,.06);
}
.site-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;letter-spacing:-.03em}
.site-brand-mark{
 width:35px;height:35px;border-radius:11px;
 display:grid;place-items:center;
 background:linear-gradient(135deg,var(--site-accent),#71e7ed);
 color:#041013;font-weight:1000;
 box-shadow:0 10px 34px rgba(21,197,211,.22);
}
.site-nav{display:flex;align-items:center;gap:7px}
.site-nav a{
 text-decoration:none;color:#b9d2d6;font-size:13px;font-weight:800;
 padding:10px 12px;border-radius:11px
}
.site-nav a:hover{background:rgba(255,255,255,.04);color:white}
.site-nav .site-cta{
 background:linear-gradient(135deg,var(--site-accent),#68e2e9);
 color:#041013;padding:11px 16px;
 box-shadow:0 12px 36px rgba(21,197,211,.18)
}

/* Home */
.hero{
 min-height:720px;
 display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
 gap:66px;align-items:center;padding:72px 0 80px;
}
.hero-kicker,.section-kicker{
 display:inline-flex;align-items:center;gap:8px;
 border:1px solid rgba(85,218,227,.22);
 background:rgba(13,48,56,.35);
 color:#79e1e7;
 padding:8px 11px;border-radius:999px;
 font-size:10px;letter-spacing:.13em;font-weight:900;text-transform:uppercase
}
.hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--site-accent)}
.hero h1{
 margin:22px 0 18px;
 font-size:clamp(52px,6.6vw,88px);
 line-height:.93;letter-spacing:-.065em
}
.hero h1 span{
 background:linear-gradient(90deg,#fff,#aaf1f4 62%,#6bdde5);
 -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero p{max-width:680px;color:var(--site-muted);font-size:18px;line-height:1.65;margin:0 0 28px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:46px;padding:0 18px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:900;
 border:1px solid transparent
}
.btn-primary{background:linear-gradient(135deg,var(--site-accent),#66e3ea);color:#031014}
.btn-secondary{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#e6f5f6}

.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}
.hero-glow{position:absolute;inset:15% 5%;background:radial-gradient(circle,rgba(21,197,211,.22),rgba(79,102,255,.08) 42%,transparent 70%);filter:blur(15px)}
.phone{
 position:relative;z-index:2;width:340px;padding:10px;border-radius:42px;
 background:linear-gradient(145deg,#1a2c34,#081116);
 border:1px solid rgba(255,255,255,.12);box-shadow:var(--site-shadow);
 transform:rotate(2deg)
}
.phone-screen{
 min-height:545px;padding:20px 16px;border-radius:33px;overflow:hidden;
 background:radial-gradient(circle at 90% 0%,rgba(79,102,255,.32),transparent 34%),linear-gradient(180deg,#0a1c25,#071116)
}
.demo-hero{height:125px;border-radius:21px;background:linear-gradient(135deg,#0cb7c5,#2854a4 55%,#0e1720)}
.demo-avatar{width:72px;height:72px;border-radius:50%;margin:-34px auto 0;border:5px solid #08131a;background:#0cb7c5;display:grid;place-items:center;font-weight:950;font-size:28px}
.demo-name{text-align:center;font-weight:900;margin-top:8px}
.demo-bio{text-align:center;color:#87a9af;font-size:9px;line-height:1.5;margin:5px auto 12px;max-width:240px}
.demo-smart,.demo-card{border:1px solid rgba(68,211,220,.17);background:#0d2028;border-radius:15px;margin-top:8px}
.demo-smart{padding:11px}
.demo-smart small{color:#66dce4;font-size:7px;font-weight:900;letter-spacing:.1em}
.demo-smart b{display:block;font-size:11px;margin:3px 0 8px}
.demo-chips{display:flex;gap:5px}.demo-chips i{height:18px;flex:1;background:rgba(21,197,211,.14);border-radius:7px}
.demo-card{height:57px;display:flex;align-items:center;gap:8px;padding:8px}
.demo-thumb{width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#15c5d3,#5269ff)}
.demo-lines{flex:1}.demo-lines:before,.demo-lines:after{content:"";display:block;height:5px;width:70%;border-radius:4px;background:#d8eff1;margin-bottom:6px}.demo-lines:after{width:45%;height:4px;background:#5f8188}
.float-card{
 position:absolute;z-index:3;padding:13px 14px;border-radius:15px;
 background:rgba(12,26,32,.86);backdrop-filter:blur(16px);
 border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.32)
}
.float-card b{display:block;font-size:12px}.float-card small{color:#86a7ad;font-size:9px}
.float-left{left:0;top:115px}.float-right{right:0;bottom:105px}

.section{padding:76px 0}
.section-head{max-width:770px;margin-bottom:30px}
.section h2{font-size:clamp(36px,5vw,58px);line-height:1;letter-spacing:-.045em;margin:12px 0}
.section-head p{color:var(--site-muted);font-size:16px;line-height:1.6}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature{
 min-height:220px;padding:22px;border-radius:22px;
 background:linear-gradient(180deg,rgba(15,31,39,.9),rgba(9,21,27,.9));
 border:1px solid var(--site-line);box-shadow:0 18px 50px rgba(0,0,0,.16)
}
.feature-icon{width:42px;height:42px;border-radius:13px;background:rgba(21,197,211,.12);border:1px solid rgba(80,222,231,.16);display:grid;place-items:center;color:#6fe1e8;font-weight:950}
.feature h3{font-size:19px;margin:22px 0 8px}.feature p{margin:0;color:var(--site-muted);font-size:13px;line-height:1.55}
.site-panel{
 margin:20px 0 70px;padding:42px;border-radius:30px;text-align:center;
 background:radial-gradient(circle at 50% -20%,rgba(21,197,211,.18),transparent 45%),#0a171e;
 border:1px solid rgba(72,216,225,.16);box-shadow:var(--site-shadow)
}
.site-panel h2{font-size:clamp(34px,5vw,54px);letter-spacing:-.045em;margin:0 0 10px}.site-panel p{color:var(--site-muted);max-width:680px;margin:0 auto 22px;line-height:1.6}

/* WordPress / plugin integration */
.site-content{min-height:calc(100vh - 150px);padding:34px 0 60px}
.site-content.full-app{padding:0}
body.lnbp-app-page .site-shell.app-shell{width:100%;max-width:none}
body.lnbp-app-page .site-content{padding:0}
body.lnbp-app-page .lnbp-shell{max-width:1320px}
body.lnbp-auth-page .site-content{display:grid;place-items:start center;padding-top:60px}
body.lnbp-auth-page .lnbp-auth{margin:0 auto}
body.lnbp-app-page .site-footer{display:none}

/* Footer */
.site-footer{border-top:1px solid rgba(255,255,255,.06);color:#728f95}
.site-footer-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
.site-footer a{text-decoration:none;color:#a5c4c9}

@media(max-width:980px){
 .hero{grid-template-columns:1fr;text-align:center;gap:25px;padding-top:52px}
 .hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}
 .feature-grid{grid-template-columns:1fr 1fr}
 .float-left{left:9%}.float-right{right:7%}
}
@media(max-width:700px){
 .site-shell{width:min(100% - 26px,1220px)}
 .site-header-inner{min-height:68px}
 .site-nav .site-hide-mobile{display:none}
 .site-nav a{padding:9px 10px}
 .hero{min-height:auto;padding:48px 0 36px}
 .hero h1{font-size:clamp(46px,14vw,65px)}
 .hero p{font-size:15px}
 .hero-visual{min-height:535px}
 .phone{width:300px}.phone-screen{min-height:500px}
 .float-card{display:none}
 .feature-grid{grid-template-columns:1fr}
 .section{padding:58px 0}
 .site-panel{padding:32px 18px;border-radius:25px}
 .site-footer-inner{flex-direction:column;justify-content:center;text-align:center;padding:20px 0}
}

/* V3: o painel do plugin assume largura total e remove interferência visual do tema. */
body.lnbp-app-page .site-header,body.lnbp-app-page .site-footer{display:none!important}body.lnbp-app-page .site-content,body.lnbp-app-page .site-shell.app-shell{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}

/* Link na Bio Pro Theme 3.1 forced update */