/*
Theme Name: Portal Boxe Brasil
Theme URI: https://portalboxebrasil.com.br
Author: Portal Boxe Brasil
Description: Tema editorial responsivo para o Portal Boxe Brasil, com estética inspirada em pôster esportivo, destaque para notícias, análises, vídeos e cobertura do boxe nacional e internacional.
Version: 1.3.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: portal-boxe-brasil
*/
:root{
  --pbb-navy:#03152f;
  --pbb-navy-2:#08224a;
  --pbb-blue:#134280;
  --pbb-surface:#071c3f;
  --pbb-surface-2:#0b2551;
  --pbb-gold:#f0bf36;
  --pbb-gold-2:#ffd349;
  --pbb-green:#12a04e;
  --pbb-red:#dc3042;
  --pbb-bg:#041125;
  --pbb-card:#0c2145;
  --pbb-card-soft:#102a56;
  --pbb-text:#eff5ff;
  --pbb-text-dark:#10213c;
  --pbb-muted:#b7c7de;
  --pbb-line:rgba(255,255,255,.11);
  --pbb-radius:18px;
  --pbb-shadow:0 18px 44px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top right,rgba(18,160,78,.14),transparent 28%),radial-gradient(circle at left 12%,rgba(240,191,54,.10),transparent 20%),linear-gradient(180deg,#031124 0%,#041125 100%);color:var(--pbb-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1220px,calc(100% - 32px));margin-inline:auto}
.site-header{background:linear-gradient(180deg,rgba(3,21,47,.95),rgba(3,21,47,.88));color:#fff;position:sticky;top:0;backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid rgba(255,255,255,.06)}
.brand-row{display:flex;align-items:center;gap:18px;padding:16px 0}
.site-logo,.custom-logo{width:104px;height:104px;object-fit:contain;background:#fff;border-radius:24px;padding:5px;flex:0 0 auto;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.custom-logo-link{display:block;width:104px}
.site-branding{min-width:0}
.site-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:950;letter-spacing:-.045em;line-height:1.02;margin:0;text-transform:uppercase}
.site-tagline{color:#d8e4f3;margin:.45rem 0 0;font-size:.96rem;max-width:54ch}
.brand-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
.icon-button,.search-submit,.menu-toggle,.cta-primary,.cta-secondary,.source-link{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;min-height:44px;padding:0 16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease}
.icon-button:hover,.search-submit:hover,.menu-toggle:hover,.cta-primary:hover,.cta-secondary:hover,.source-link:hover{transform:translateY(-1px)}
.main-nav{background:rgba(255,255,255,.04);color:#fff;border-bottom:2px solid rgba(240,191,54,.55)}
.nav-inner{display:flex;align-items:center;gap:20px;min-height:54px}
.primary-menu{display:flex;gap:6px;align-items:center;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.primary-menu a{display:block;padding:14px 12px;font-size:.92rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.primary-menu a:hover{color:var(--pbb-gold)}
.menu-toggle{display:none;background:var(--pbb-navy)}
.breaking{background:linear-gradient(90deg,rgba(220,48,66,.92),rgba(220,48,66,.76));border-bottom:1px solid rgba(255,255,255,.08)}
.breaking-inner{display:flex;align-items:center;gap:14px;min-height:46px;overflow:hidden}
.breaking-label{background:#fff;color:var(--pbb-red);font-weight:950;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;padding:7px 10px;border-radius:999px;white-space:nowrap}
.breaking-link{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
main{padding:22px 0 52px}

.editorial-banner{display:grid;grid-template-columns:1.15fr .95fr;gap:18px;margin-bottom:20px;align-items:stretch}
.editorial-copy,.editorial-panels{background:linear-gradient(180deg,rgba(10,35,75,.88),rgba(6,22,48,.96));border:1px solid var(--pbb-line);border-radius:24px;box-shadow:var(--pbb-shadow)}
.editorial-copy{padding:28px;position:relative;overflow:hidden}
.editorial-copy:before{content:"";position:absolute;right:-40px;top:-20px;width:180px;height:180px;background:radial-gradient(circle,rgba(240,191,54,.28),transparent 62%)}
.eyebrow,.section-eyebrow,.weekly-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:950;color:#06162c;background:var(--pbb-gold);padding:7px 10px;border-radius:999px}
.editorial-copy h1{margin:16px 0 12px;font-size:clamp(2.1rem,4vw,3.7rem);line-height:.96;font-weight:950;letter-spacing:-.055em;text-transform:uppercase;max-width:12ch}
.editorial-copy p{margin:0 0 16px;color:var(--pbb-muted);font-size:1.02rem;max-width:54ch}
.editorial-actions{display:flex;gap:10px;flex-wrap:wrap}
.cta-primary{background:linear-gradient(180deg,var(--pbb-gold-2),var(--pbb-gold));border-color:transparent;color:var(--pbb-text-dark)}
.cta-secondary{background:rgba(18,160,78,.16);border-color:rgba(18,160,78,.55)}
.editorial-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}
.editorial-panel{border-radius:18px;padding:18px;min-height:160px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.panel-main{grid-column:1/-1;background:linear-gradient(180deg,rgba(240,191,54,.11),rgba(7,28,63,.2)),linear-gradient(180deg,#12396f,#0b2248)}
.panel-accent{background:linear-gradient(180deg,rgba(18,160,78,.18),rgba(18,160,78,.05)),#0b2248}
.panel-outline{background:rgba(255,255,255,.03);border:1px solid rgba(240,191,54,.34)}
.panel-tag{display:inline-flex;align-self:flex-start;background:rgba(255,255,255,.12);color:#fff;padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:auto}
.panel-tag.green{background:rgba(18,160,78,.2);border:1px solid rgba(18,160,78,.4)}
.panel-tag.gold{background:rgba(240,191,54,.18);border:1px solid rgba(240,191,54,.45)}
.editorial-panel h2,.editorial-panel h3{margin:12px 0 0;line-height:1.03;letter-spacing:-.035em}
.editorial-panel h2{font-size:1.85rem;text-transform:uppercase}
.editorial-panel h3{font-size:1.15rem}
.editorial-panel p{margin:10px 0 0;color:#d4e0ee}

.series-shortcuts{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin:0 0 24px}
.series-shortcut{display:flex;align-items:center;gap:12px;min-height:92px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid var(--pbb-line);border-radius:18px;padding:15px 17px;box-shadow:var(--pbb-shadow);transition:transform .18s ease,border-color .18s ease}
.series-shortcut:hover{transform:translateY(-2px);border-color:rgba(240,191,54,.45)}
.series-shortcut.featured{background:linear-gradient(135deg,#0b2551,#12396f);border-color:rgba(240,191,54,.18)}
.shortcut-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(240,191,54,.18);font-size:1.55rem;flex:0 0 auto}
.series-shortcut strong{display:block;font-size:1rem;line-height:1.15;text-transform:uppercase;letter-spacing:-.015em}
.series-shortcut small{display:block;color:var(--pbb-muted);font-size:.78rem;line-height:1.35;margin-top:4px}

.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:24px}
.hero-main,.hero-side-card{position:relative;overflow:hidden;border-radius:22px;background:var(--pbb-navy);color:#fff;min-height:300px;box-shadow:var(--pbb-shadow);border:1px solid rgba(255,255,255,.06)}
.hero-main{min-height:560px}
.hero-main img,.hero-side-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.76}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,27,.04) 12%,rgba(2,12,27,.96) 100%)}
.poster-overlay{background:linear-gradient(180deg,rgba(2,12,27,.02) 10%,rgba(2,12,27,.68) 52%,rgba(2,12,27,.96) 100%)}
.hero-content{position:absolute;left:0;right:0;bottom:0;padding:26px;z-index:2}
.poster-content{padding:30px}
.poster-label,.kicker{display:inline-flex;background:var(--pbb-gold);color:#06162c;border-radius:8px;padding:6px 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:950;margin-bottom:12px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.poster-label.alt{background:rgba(18,160,78,.88);color:#fff}
.hero-title{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.01;margin:0 0 10px;letter-spacing:-.04em;font-weight:950;text-transform:uppercase}
.poster-title{max-width:10.5ch;text-shadow:0 8px 18px rgba(0,0,0,.42)}
.poster-summary{max-width:52ch;color:#d4e0ee;font-size:1rem}
.poster-strip{display:inline-block;margin-top:8px;padding:8px 12px;border:2px solid rgba(18,160,78,.8);border-radius:10px;color:var(--pbb-gold);font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.hero-side{display:grid;grid-template-columns:1fr;gap:18px}
.hero-side-card{min-height:271px}
.poster-side-content{padding:18px}
.poster-side-card .hero-title{font-size:1.45rem}

.impact-strip{margin-bottom:26px}
.impact-strip-inner{background:linear-gradient(90deg,rgba(10,35,75,.95),rgba(7,28,63,.95));border:1px solid rgba(18,160,78,.38);border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--pbb-shadow)}
.impact-kicker{background:rgba(18,160,78,.17);border:1px solid rgba(18,160,78,.5);color:#9be7bf;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.impact-strip strong{font-size:1rem;line-height:1.35}

.section{margin:34px 0}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:12px}
.section-title{font-size:1.55rem;margin:0;color:#fff;font-weight:950;letter-spacing:-.03em;text-transform:uppercase;position:relative}
.section-title:after{content:"";position:absolute;left:0;bottom:-14px;width:66px;height:4px;background:linear-gradient(90deg,var(--pbb-gold),#fff0)}
.section-more{font-size:.86rem;font-weight:900;color:var(--pbb-gold)}
.section-poster{padding-top:2px}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.news-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.03));border:1px solid var(--pbb-line);border-radius:18px;overflow:hidden;box-shadow:var(--pbb-shadow);height:100%}
.news-thumb{aspect-ratio:16/10;background:#183560;overflow:hidden}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.news-card:hover .news-thumb img,.list-card:hover .news-thumb img{transform:scale(1.03)}
.news-body{padding:14px 14px 16px}
.news-title{font-size:1.06rem;line-height:1.14;margin:0 0 8px;font-weight:950;letter-spacing:-.02em}
.news-meta{font-size:.77rem;color:var(--pbb-muted);display:flex;gap:8px;flex-wrap:wrap}
.card-ribbon{display:inline-block;margin-bottom:8px;background:rgba(240,191,54,.14);border:1px solid rgba(240,191,54,.32);color:var(--pbb-gold);border-radius:999px;padding:4px 8px;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.content-grid{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(280px,.72fr);gap:24px}
.list-news{display:grid;gap:14px}
.list-card{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.03));border:1px solid var(--pbb-line);border-radius:18px;box-shadow:var(--pbb-shadow)}
.list-card .news-thumb{border-radius:12px}
.list-card p{margin:0 0 8px;color:#d6e0ed}
.sidebar-box{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid var(--pbb-line);border-radius:18px;padding:16px;margin-bottom:18px;box-shadow:var(--pbb-shadow)}
.sidebar-box h3{margin:0 0 12px;color:#fff;font-size:1.08rem;text-transform:uppercase;letter-spacing:-.02em}
.rank-list{counter-reset:pbb;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rank-list li{counter-increment:pbb;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}
.rank-list li:last-child{border-bottom:0;padding-bottom:0}
.rank-list li:before{content:counter(pbb);width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,var(--pbb-gold),#d5a11d);color:#081321;display:grid;place-items:center;font-weight:950}

.weekly-world{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid var(--pbb-line);border-radius:22px;padding:20px;box-shadow:var(--pbb-shadow)}
.weekly-header{align-items:center}
.weekly-updated{font-size:.78rem;color:var(--pbb-muted);font-weight:800;white-space:nowrap}
.weekly-note{font-size:.84rem;color:var(--pbb-muted);margin:-2px 0 16px}
.weekly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.weekly-card{border:1px solid var(--pbb-line);border-radius:16px;padding:15px;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.02));display:flex;flex-direction:column;min-height:240px}
.weekly-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}
.weekly-source,.weekly-date{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.weekly-source{color:var(--pbb-gold)}
.weekly-date{color:var(--pbb-muted)}
.weekly-card h3{margin:0 0 10px;font-size:1.05rem;line-height:1.16;text-transform:uppercase;letter-spacing:-.02em}
.weekly-card p{margin:0 0 14px;color:#d7e2ef;font-size:.92rem}
.source-link{margin-top:auto;background:rgba(18,160,78,.15);border-color:rgba(18,160,78,.52)}

.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.article{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid var(--pbb-line);border-radius:22px;padding:clamp(20px,4vw,42px);box-shadow:var(--pbb-shadow)}
.article-title{font-size:clamp(2rem,5vw,4rem);line-height:.98;letter-spacing:-.055em;margin:.25rem 0 1rem;color:#fff;text-transform:uppercase}
.article-deck{font-size:1.18rem;color:var(--pbb-muted);margin:0 0 18px}
.article-meta{font-size:.85rem;color:var(--pbb-muted);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0;margin-bottom:24px}
.article-content{font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;line-height:1.8;color:#eef4ff}
.article-content h2,.article-content h3{font-family:Inter,system-ui,sans-serif;color:#fff;line-height:1.08;text-transform:uppercase;letter-spacing:-.03em}
.article-content a{color:#8dbfff;text-decoration:underline}
.article-featured{border-radius:16px;margin-bottom:24px;width:100%}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.share-btn{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:var(--pbb-surface-2);color:#fff;font-size:.8rem;font-weight:850;border:1px solid rgba(255,255,255,.08)}
.archive-header{margin-bottom:20px}
.archive-title{margin:0;color:#fff;font-size:2rem;text-transform:uppercase;letter-spacing:-.04em}
.archive-description{color:var(--pbb-muted)}
.pagination{margin-top:24px}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination a,.pagination span{background:rgba(255,255,255,.05);border:1px solid var(--pbb-line);border-radius:8px;padding:8px 12px;color:#fff}
.site-footer{background:#020b18;color:#d6dfeb;margin-top:40px;border-top:1px solid rgba(255,255,255,.08)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:34px 0}
.footer-title{color:#fff;margin:0 0 10px;text-transform:uppercase}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:.8rem;color:#9fb0c6}
.search-form{display:flex;gap:8px}
.search-field{min-width:0;flex:1;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.06);color:#fff}
.search-submit{background:linear-gradient(180deg,var(--pbb-gold-2),var(--pbb-gold));color:var(--pbb-text-dark);border:0}
.empty-state{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid var(--pbb-line);border-radius:18px;padding:24px;color:var(--pbb-muted)}

@media(max-width:1100px){
  .editorial-banner,.hero-grid,.content-grid,.article-shell{grid-template-columns:1fr}
  .weekly-grid{grid-template-columns:repeat(2,1fr)}
  .cards-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .brand-row{align-items:flex-start;flex-wrap:wrap}
  .site-logo,.custom-logo,.custom-logo-link{width:78px;height:auto}
  .site-title{font-size:1.4rem}
  .site-tagline{font-size:.9rem}
  .menu-toggle{display:inline-flex}
  .nav-inner{display:block;padding:10px 0}
  .primary-menu{display:none;flex-direction:column;align-items:stretch;padding-bottom:10px}
  .primary-menu.is-open{display:flex}
  .primary-menu a{padding:12px 10px}
  .series-shortcuts,.weekly-grid,.editorial-panels{grid-template-columns:1fr}
  .editorial-panel{min-height:unset}
  .cards-4{grid-template-columns:1fr}
  .list-card{grid-template-columns:1fr}
  .hero-main{min-height:460px}
  .hero-side-card{min-height:220px}
  .impact-strip-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .container{width:min(100%,calc(100% - 20px))}
  main{padding-top:16px}
  .editorial-copy{padding:20px}
  .editorial-copy h1{font-size:2rem;max-width:none}
  .hero-content{padding:18px}
  .hero-title{font-size:1.55rem}
  .poster-title{max-width:none}
  .article{padding:20px}
  .article-title{font-size:2rem}
  .footer-grid{grid-template-columns:1fr}
}


/* Perfil, redes e identidade v1.3 */
.social-header{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:999px;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.03em;border:1px solid rgba(255,255,255,.14)}
.social-header.instagram{background:linear-gradient(135deg,rgba(212,45,122,.3),rgba(108,70,193,.25));border-color:rgba(212,45,122,.45)}
.social-header.youtube{background:rgba(255,0,0,.18);border-color:rgba(255,70,70,.42)}
.joe-profile{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:18px;background:linear-gradient(135deg,#0d2b59,#071b3c);border:1px solid rgba(240,191,54,.24);border-radius:24px;padding:18px;box-shadow:var(--pbb-shadow);overflow:hidden}
.joe-profile-media{min-height:320px;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#132f5c,#061329)}
.joe-profile-media img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center top}
.joe-profile-placeholder{height:100%;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:radial-gradient(circle at 70% 25%,rgba(240,191,54,.25),transparent 22%),linear-gradient(145deg,rgba(18,160,78,.18),transparent 45%),#081b3b;border:1px solid rgba(255,255,255,.08)}
.joe-profile-placeholder span{font-size:4.8rem;line-height:.85;font-weight:1000;letter-spacing:-.08em;color:#fff;text-shadow:0 12px 30px rgba(0,0,0,.35)}
.joe-profile-placeholder small{margin-top:12px;color:var(--pbb-gold);font-weight:950;letter-spacing:.11em}
.joe-profile-copy{align-self:center;padding:18px 16px}
.joe-profile-copy h2{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.9;margin:16px 0 14px;text-transform:uppercase;letter-spacing:-.065em}
.joe-profile-copy p{color:#d9e5f4;font-size:1rem;line-height:1.65;margin:0 0 18px}
.joe-profile-actions{display:flex;gap:10px;flex-wrap:wrap}
.social-hub{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 34px}
.social-hub-card{min-height:125px;border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--pbb-line);box-shadow:var(--pbb-shadow)}
.social-hub-card.instagram{background:linear-gradient(135deg,rgba(205,48,122,.36),rgba(80,72,190,.18)),#0b2248}
.social-hub-card.youtube{background:linear-gradient(135deg,rgba(255,0,0,.26),rgba(255,0,0,.06)),#0b2248}
.social-hub-card span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#dbe7f7}
.social-hub-card strong{font-size:1.5rem;margin:4px 0 2px;letter-spacing:-.025em}
.social-hub-card small{color:#c6d4e8}
.footer-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.footer-social{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.78rem;font-weight:900}
.footer-social.instagram{background:rgba(205,48,122,.12)}
.footer-social.youtube{background:rgba(255,0,0,.12)}
@media(max-width:860px){
  .brand-actions{width:100%;margin-left:0;flex-wrap:wrap}
  .social-header{min-height:38px}
  .joe-profile,.social-hub{grid-template-columns:1fr}
  .joe-profile-media,.joe-profile-media img,.joe-profile-placeholder{min-height:280px}
}