/* =========================================================
   atcayllo — sistema visual (céu e branco)
   Paleta tirada da foto: azul-céu, azul profundo e branco.
   Acao = azul cheio. Link = azul escuro. Nunca a mesma cor.
   ========================================================= */
:root{
  --ceu:#e7f0f8;
  --ceu-2:#d7e6f2;
  --branco:#ffffff;
  --sup-1:#ffffff;
  --sup-2:#f2f7fc;
  --sup-3:#e4eef7;
  --fio:#cfdeeb;
  --fio-forte:#aec6dd;

  --txt:#132534;
  --txt-2:#51697d;
  --txt-3:#8098ac;

  --azul:#4a7ea6;
  --azul-esc:#3c6a8e;
  --azul-txt:#ffffff;
  --azul-fraco:rgba(74,126,166,.10);
  --azul-link:#2f6b96;

  --verde:#2f9e6b;
  --perigo:#cc3b41;

  --r-1:10px; --r-2:16px; --r-3:22px; --r-p:999px;
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:24px; --e-6:32px;
  --rail:260px; --coluna:604px;
  --fonte:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --sombra:0 1px 2px rgba(19,37,52,.05), 0 8px 24px rgba(19,37,52,.06);
}

body.atcayllo,
html[data-bx-mode] body.atcayllo{
  background:var(--ceu) !important; color:var(--txt) !important;
  font-family:var(--fonte) !important; font-size:15px; line-height:1.5;
  -webkit-font-smoothing:antialiased; letter-spacing:-.005em;
}
body.atcayllo .site,
body.atcayllo .site-content,
body.atcayllo #content{ background:transparent !important; }
body.atcayllo *:focus-visible{ outline:2px solid var(--azul); outline-offset:2px; border-radius:6px; }
body.atcayllo ::selection{ background:var(--azul); color:#fff; }

/* ---- some o excesso do tema ---- */
body.atcayllo .buddyx-breadcrumbs,
body.atcayllo #secondary,
body.atcayllo .widget-area,
body.atcayllo .site-footer .site-info,
body.atcayllo .page-header,
body.atcayllo .bx-color-mode-toggle{ display:none !important; }

/* =========================================================
   COLUNA LATERAL
   ========================================================= */
.at-rail{
  position:fixed; top:0; left:0; bottom:0; width:var(--rail);
  display:none; flex-direction:column; gap:var(--e-1);
  padding:18px 12px 18px 18px; z-index:9990;
  border-right:1px solid var(--fio); background:var(--branco);
}
.at-rail-marca{ display:flex; align-items:center; gap:10px; padding:6px 10px var(--e-5); text-decoration:none; }
.at-selo-mini{
  width:40px; height:40px; flex:0 0 40px; border-radius:13px;
  background:linear-gradient(150deg,#9dc0dd,#80a0c0 55%,#5f88ad);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:900; line-height:1;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 6px 16px rgba(80,112,144,.25);
}
.at-rail-nome{ font-size:21px; font-weight:800; letter-spacing:-.035em; color:var(--txt); }

.at-rail nav{ display:flex; flex-direction:column; gap:2px; }
.at-rail nav a{
  display:flex; align-items:center; gap:14px;
  padding:11px 14px; border-radius:var(--r-p);
  color:var(--txt) !important; text-decoration:none;
  font-size:17px; font-weight:500; letter-spacing:-.01em;
  transition:background .14s ease;
}
.at-rail nav a:hover{ background:var(--sup-2); }
.at-rail nav a.ativo{ font-weight:700; background:var(--azul-fraco); }
.at-rail nav a.ativo .at-ic{ color:var(--azul); }
.at-ic{ width:24px; height:24px; flex:0 0 24px; color:var(--txt-2); }
.at-rail nav a:hover .at-ic{ color:var(--txt); }

.at-rail-bt{
  margin-top:var(--e-4); padding:13px 18px; border:0; cursor:pointer;
  border-radius:var(--r-p); background:var(--azul); color:#fff;
  font-size:16px; font-weight:800; letter-spacing:-.01em; font-family:inherit;
  box-shadow:0 6px 16px rgba(74,126,166,.28);
  transition:background .14s ease, transform .12s ease;
}
.at-rail-bt:hover{ background:var(--azul-esc); }
.at-rail-bt:active{ transform:scale(.98); }
.at-rail-rodape{ margin-top:auto; padding:0 14px; font-size:12px; color:var(--txt-3); line-height:1.7; }
.at-rail-rodape a{ color:var(--txt-3) !important; text-decoration:none; }
.at-rail-rodape a:hover{ text-decoration:underline; }

/* =========================================================
   COLUNA CENTRAL
   ========================================================= */
body.atcayllo #primary,
body.atcayllo .content-area,
body.atcayllo .site-content .container{
  width:100% !important; max-width:var(--coluna) !important;
  margin:0 auto !important; float:none !important; padding:0 !important;
}
body.atcayllo #primary,
body.atcayllo .content-area{ background:var(--branco); }
body.atcayllo #buddypress{ margin:0 !important; padding:0 !important; }

body.atcayllo .site-header{
  position:sticky; top:0; z-index:9980;
  background:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--fio) !important;
  box-shadow:none !important; padding:0 !important;
}
body.atcayllo .site-header .container,
body.atcayllo .site-header-inner{ padding:10px 16px !important; }
body.atcayllo .site-branding{ display:flex !important; flex-direction:row !important; align-items:center; gap:10px; }
body.atcayllo .site-title{ margin:0 !important; }
body.atcayllo .site-title a{
  display:inline-flex !important; align-items:center; gap:10px;
  font-size:21px !important; font-weight:800 !important; letter-spacing:-.035em !important;
  color:var(--txt) !important; text-transform:lowercase; text-decoration:none;
}
body.atcayllo .site-title a::before{
  content:"@"; width:34px; height:34px; flex:0 0 34px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,#9dc0dd,#80a0c0 55%,#5f88ad);
  color:#fff; border-radius:11px; font-size:20px; font-weight:900; line-height:1;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
}
body.atcayllo .site-description{ display:none !important; }

body.atcayllo .entry-title{
  font-size:20px !important; font-weight:800 !important; letter-spacing:-.02em !important;
  color:var(--txt) !important; margin:0 !important; padding:var(--e-3) var(--e-4) !important;
  border-bottom:1px solid var(--fio) !important; background:transparent !important;
}

/* =========================================================
   CAIXA DE ESCREVER
   ========================================================= */
body.atcayllo #whats-new-form,
body.atcayllo .activity-update-form{
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--fio) !important; border-radius:0 !important;
  padding:var(--e-4) !important; box-shadow:none !important;
}
body.atcayllo #whats-new-avatar img{ width:44px !important; height:44px !important; border-radius:50% !important; }
body.atcayllo #whats-new,
body.atcayllo #whats-new-textarea textarea{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:var(--txt) !important; font-family:inherit !important;
  font-size:19px !important; line-height:1.4 !important; padding:10px 0 !important;
  resize:none; min-height:52px;
}
body.atcayllo #whats-new::placeholder{ color:var(--txt-3) !important; }
body.atcayllo .projeto1-contador{ color:var(--txt-3) !important; font-size:13px !important; font-variant-numeric:tabular-nums; }
body.atcayllo .projeto1-contador.perto{ color:#b8791a !important; }
body.atcayllo .projeto1-contador.estourou{ color:var(--perigo) !important; }
body.atcayllo #whats-new-options,
body.atcayllo #whats-new-actions{ border-top:1px solid var(--fio); margin-top:var(--e-3); padding-top:var(--e-3); }

/* =========================================================
   POSTS
   ========================================================= */
body.atcayllo .activity-list .activity-item,
body.atcayllo .buddypress-wrap .bp-list > li{
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--fio) !important; border-radius:0 !important;
  box-shadow:none !important; padding:var(--e-4) !important; margin:0 !important;
  transition:background .12s ease;
}
body.atcayllo .activity-list .activity-item:hover{ background:var(--sup-2) !important; }
body.atcayllo .activity-avatar img,
body.atcayllo img.avatar{ border-radius:50% !important; }
body.atcayllo .activity-header,
body.atcayllo .activity-header p{ color:var(--txt-3) !important; font-size:14px !important; margin:0 0 2px !important; line-height:1.35; }
body.atcayllo .activity-header a{ color:var(--txt) !important; font-weight:700; text-decoration:none; }
body.atcayllo .activity-header a:hover{ text-decoration:underline; }
body.atcayllo .activity-header .time-since{ color:var(--txt-3) !important; font-weight:400; }
body.atcayllo .activity-inner{
  font-size:16px !important; line-height:1.48 !important; color:var(--txt) !important;
  margin:var(--e-1) 0 var(--e-3) !important; overflow-wrap:anywhere;
}
body.atcayllo .activity-inner a{ color:var(--azul-link) !important; text-decoration:none; }
body.atcayllo .activity-inner a:hover{ text-decoration:underline; }
body.atcayllo .activity-inner img,
body.atcayllo .activity-inner video{ border-radius:var(--r-2) !important; border:1px solid var(--fio); }
body.atcayllo .activity-meta{ display:flex; gap:var(--e-2); flex-wrap:wrap; }

/* =========================================================
   BOTOES
   ========================================================= */
body.atcayllo #buddypress button,
body.atcayllo #buddypress input[type="submit"],
body.atcayllo #whats-new-submit,
body.atcayllo .buddypress-wrap .generic-button a,
body.atcayllo .button,
body.atcayllo button.submit{
  background:var(--azul) !important; color:#fff !important;
  border:0 !important; border-radius:var(--r-p) !important;
  font-family:inherit !important; font-size:15px !important; font-weight:800 !important;
  letter-spacing:-.01em; padding:10px 20px !important;
  box-shadow:0 4px 12px rgba(74,126,166,.24) !important;
  cursor:pointer; transition:background .14s ease, transform .12s ease;
}
body.atcayllo #buddypress button:hover,
body.atcayllo .button:hover{ background:var(--azul-esc) !important; }
body.atcayllo #buddypress button:active,
body.atcayllo .button:active{ transform:scale(.98); }

body.atcayllo .activity-meta .button,
body.atcayllo .bp-secondary-action,
body.atcayllo .projeto1-denunciar{
  background:transparent !important; color:var(--txt-2) !important;
  border:1px solid var(--fio-forte) !important; box-shadow:none !important;
  font-size:13px !important; font-weight:600 !important; padding:6px 14px !important;
}
body.atcayllo .activity-meta .button:hover,
body.atcayllo .bp-secondary-action:hover{ background:var(--sup-3) !important; color:var(--txt) !important; }
body.atcayllo .projeto1-denunciar:hover{ color:var(--perigo) !important; border-color:var(--perigo) !important; background:transparent !important; }

/* =========================================================
   ABAS / FILTROS
   ========================================================= */
body.atcayllo .bp-navs,
body.atcayllo .bp-subnavs{
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--fio) !important; border-radius:0 !important; padding:0 !important;
}
body.atcayllo .bp-navs ul{ display:flex; margin:0; padding:0; }
body.atcayllo .bp-navs li{ flex:1; }
body.atcayllo .bp-navs li a{
  position:relative; display:block; text-align:center;
  background:transparent !important; color:var(--txt-2) !important;
  font-size:15px !important; font-weight:600 !important;
  padding:15px 10px !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; text-decoration:none;
  transition:background .12s ease, color .12s ease;
}
body.atcayllo .bp-navs li a:hover{ background:var(--sup-2) !important; color:var(--txt) !important; }
body.atcayllo .bp-navs li.selected a,
body.atcayllo .bp-navs li.current a{ color:var(--txt) !important; font-weight:800 !important; }
body.atcayllo .bp-navs li.selected a::after,
body.atcayllo .bp-navs li.current a::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:56px; height:3px; border-radius:3px 3px 0 0; background:var(--azul);
}
body.atcayllo .bp-navs li a span{
  background:var(--sup-3) !important; color:var(--txt-2) !important;
  border-radius:var(--r-p); font-size:12px; padding:1px 7px; margin-left:6px;
}
body.atcayllo .subnav-filters,
body.atcayllo .dir-search{
  padding:var(--e-3) var(--e-4) !important; border-bottom:1px solid var(--fio) !important;
  display:flex; gap:var(--e-2); align-items:center; flex-wrap:wrap;
}

/* =========================================================
   CAMPOS
   ========================================================= */
body.atcayllo input[type="text"],
body.atcayllo input[type="email"],
body.atcayllo input[type="password"],
body.atcayllo input[type="search"],
body.atcayllo input[type="url"],
body.atcayllo textarea,
body.atcayllo select{
  background:var(--sup-2) !important; color:var(--txt) !important;
  border:1px solid var(--fio) !important; border-radius:var(--r-1) !important;
  font-family:inherit !important; font-size:15px !important;
  padding:12px 14px !important; box-shadow:none !important; width:100%;
  transition:border-color .14s ease, background .14s ease;
}
body.atcayllo input[type="search"]{ border-radius:var(--r-p) !important; }
body.atcayllo input:focus, body.atcayllo textarea:focus, body.atcayllo select:focus{
  border-color:var(--azul) !important; background:var(--branco) !important; outline:0 !important;
}
body.atcayllo input::placeholder, body.atcayllo textarea::placeholder{ color:var(--txt-3) !important; }
body.atcayllo label, body.atcayllo legend{
  color:var(--txt) !important; font-weight:600 !important; font-size:14px !important;
  display:block; margin-bottom:var(--e-1);
}
body.atcayllo .description, body.atcayllo .indicator-hint{ color:var(--txt-3) !important; font-size:13px !important; }
body.atcayllo #buddypress .standard-form,
body.atcayllo .register-section{ padding:var(--e-4) !important; }
body.atcayllo .register-section{ border-bottom:1px solid var(--fio); }
body.atcayllo .bp-heading{ font-size:16px !important; font-weight:800 !important; color:var(--txt) !important; margin:0 0 var(--e-3) !important; }

/* =========================================================
   AVISOS
   ========================================================= */
body.atcayllo .bp-feedback{
  background:var(--sup-2) !important; color:var(--txt-2) !important;
  border:1px solid var(--fio) !important; border-radius:var(--r-2) !important;
  margin:var(--e-4) !important; padding:var(--e-5) !important;
  text-align:center; font-size:15px; line-height:1.6;
}
body.atcayllo .bp-feedback .bp-icon{ display:none !important; }
body.atcayllo .bp-feedback.error{ border-color:var(--perigo) !important; color:var(--perigo) !important; background:rgba(204,59,65,.06) !important; }
body.atcayllo .bp-feedback.success{ border-color:var(--verde) !important; color:var(--verde) !important; background:rgba(47,158,107,.07) !important; }
body.atcayllo a{ color:var(--azul-link); }

/* =========================================================
   RODAPE
   ========================================================= */
body.atcayllo .site-footer{
  background:transparent !important; border-top:1px solid var(--fio) !important;
  padding:var(--e-5) var(--e-4) !important; color:var(--txt-3) !important; text-align:center;
}
body.atcayllo .site-footer a{ color:var(--txt-3) !important; }

/* =========================================================
   BARRA DE BAIXO
   ========================================================= */
.at-barra{
  position:fixed; left:0; right:0; bottom:0; z-index:9998; display:none;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border-top:1px solid var(--fio); padding-bottom:env(safe-area-inset-bottom);
}
.at-barra a{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; padding:9px 0 7px; color:var(--txt-3) !important; text-decoration:none;
  font-size:10px; font-weight:600;
}
.at-barra a.ativo{ color:var(--azul) !important; }
.at-barra .at-ic{ width:23px; height:23px; flex:0 0 23px; color:currentColor; }
.at-escrever{
  position:fixed; right:18px; bottom:78px; z-index:9997;
  width:56px; height:56px; border-radius:50%; border:0; cursor:pointer;
  background:var(--azul); color:#fff;
  display:none; align-items:center; justify-content:center;
  box-shadow:0 10px 26px rgba(74,126,166,.42);
}
.at-escrever svg{ width:25px; height:25px; }

/* =========================================================
   ABERTURA
   ========================================================= */
#at-abertura{
  position:fixed; inset:0; z-index:99999;
  background:linear-gradient(170deg,#e7f0f8,#cfe0ee 60%,#b9d2e6);
  color:var(--txt);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px;
  transition:opacity .4s ease;
}
#at-abertura.sumindo{ opacity:0; pointer-events:none; }
#at-abertura .at-selo{
  width:86px; height:86px; border-radius:27px;
  background:linear-gradient(150deg,#9dc0dd,#80a0c0 55%,#5f88ad); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:50px; font-weight:900; line-height:1;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset, 0 16px 36px rgba(80,112,144,.3);
  animation:at-sobe .5s cubic-bezier(.2,.8,.2,1) both, at-pulso 2s 1s ease-in-out infinite;
}
#at-abertura .at-nome{ font-size:28px; font-weight:800; letter-spacing:-.04em; animation:at-sobe .5s .08s cubic-bezier(.2,.8,.2,1) both; }
#at-abertura .at-rodape{ position:absolute; bottom:44px; color:var(--txt-2); font-size:11px; letter-spacing:.18em; text-transform:uppercase; }
@keyframes at-sobe{ from{ opacity:0; transform:translateY(10px) scale(.96) } to{ opacity:1; transform:none } }
@keyframes at-pulso{ 0%,100%{ transform:scale(1) } 50%{ transform:scale(1.04) } }
@media (prefers-reduced-motion:reduce){ #at-abertura .at-selo, #at-abertura .at-nome{ animation:none } }

/* =========================================================
   TELAS
   ========================================================= */
@media (min-width:1000px){
  .at-rail{ display:flex; }
  body.atcayllo .site-header{ display:none !important; }
  body.atcayllo .site, body.atcayllo .site-content{ margin-left:var(--rail); }
  body.atcayllo #primary, body.atcayllo .content-area{
    border-left:1px solid var(--fio); border-right:1px solid var(--fio);
    min-height:100vh; margin-left:0 !important; box-shadow:var(--sombra);
  }
}
@media (max-width:999px){
  .at-barra{ display:flex; }
  .at-escrever{ display:flex; }
  body.atcayllo{ padding-bottom:66px; }
  body.atcayllo #primary, body.atcayllo .content-area{ border:0; }
}
@media (max-width:480px){
  body.atcayllo .entry-title{ font-size:18px !important; }
  body.atcayllo .activity-list .activity-item{ padding:var(--e-3) var(--e-4) !important; }
  body.atcayllo #whats-new{ font-size:17px !important; }
}