/* AVANTHY BLOG — EDITORIAL TECH */
.avb-page{
  --navy:#071426;
  --navy2:#0b1d35;
  --blue:#246bfe;
  --blue2:#72aaff;
  --orange:#ff7a1a;
  --ink:#0b1728;
  --muted:#64748b;
  --line:rgba(15,23,42,.12);
  font-family:"Poppins",sans-serif;
  color:var(--ink);
  background:#fff;
  overflow:hidden;
}
.avb-page *{box-sizing:border-box}
.avb-wrap{width:min(1180px,calc(100% - 48px));margin:auto}

.avb-kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:#91b9ff;font-size:12px;font-weight:700;
  letter-spacing:.17em;text-transform:uppercase
}
.avb-kicker i{width:28px;height:1px;background:var(--orange)}
.avb-kicker-dark{color:#315071}

/* HERO */
.avb-hero{
  position:relative;padding:115px 0 105px;color:#fff;overflow:hidden;
  background:
    radial-gradient(circle at 82% 15%,rgba(36,107,254,.20),transparent 31%),
    linear-gradient(135deg,#06111f,#07172a 58%,#0a1b31)
}
.avb-grid{
  position:absolute;inset:0;opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,#000,transparent 90%)
}
.avb-hero .avb-wrap{position:relative;z-index:2}
.avb-hero h1{
  max-width:970px;margin:28px 0 30px;
  font-size:clamp(52px,6.5vw,92px);
  line-height:.96;letter-spacing:-.06em
}
.avb-hero h1 span{
  display:block;background:linear-gradient(90deg,#fff,#79aaff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.avb-hero p{
  max-width:720px;margin:0;color:#b4c3d6;
  font-size:18px;line-height:1.75
}
.avb-topics{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  margin-top:50px;color:#879bb2;font-size:11px;
  font-weight:600;letter-spacing:.07em
}
.avb-topics i{width:4px;height:4px;border-radius:50%;background:var(--orange)}

/* HEADINGS */
.avb-section-head{
  display:grid;grid-template-columns:1.15fr .85fr;
  gap:90px;align-items:end;margin-bottom:62px
}
.avb-section-head h2{
  max-width:700px;margin:22px 0 0;
  font-size:clamp(39px,4.3vw,62px);
  line-height:1.02;letter-spacing:-.05em
}
.avb-section-head>p{
  margin:0;color:var(--muted);font-size:17px;line-height:1.8
}

/* FEATURED */
.avb-featured{padding:125px 0 135px;background:#fff}
.avb-feature-grid{
  display:grid;grid-template-columns:1.25fr .75fr;
  gap:24px
}
.avb-main-story{
  border:1px solid var(--line);background:#fff
}
.avb-image{height:390px;position:relative;overflow:hidden}
.avb-image img{width:100%;height:100%;object-fit:cover;display:block}
.avb-image>span{
  position:absolute;left:20px;bottom:20px;padding:8px 12px;
  background:#fff;color:var(--ink);font-size:10px;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase
}
.avb-story-copy{padding:32px}
.avb-story-copy small,.avb-side-story small{
  color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.13em
}
.avb-story-copy h3{
  max-width:630px;margin:13px 0 14px;
  font-size:clamp(29px,3vw,43px);line-height:1.08;letter-spacing:-.04em
}
.avb-story-copy p{
  max-width:650px;margin:0;color:var(--muted);
  font-size:16px;line-height:1.75
}
.avb-coming,.avb-side-story div>span{
  display:inline-block;margin-top:24px;color:#8a96a6;
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase
}

.avb-side-stories{display:grid;gap:24px}
.avb-side-story{
  display:grid;grid-template-rows:200px 1fr;
  border:1px solid var(--line);background:#f8fafc
}
.avb-side-story img{width:100%;height:200px;object-fit:cover}
.avb-side-story>div{padding:24px}
.avb-side-story h3{
  margin:10px 0;font-size:21px;line-height:1.25;letter-spacing:-.025em
}
.avb-side-story p{
  margin:0;color:var(--muted);font-size:14px;line-height:1.65
}

/* EXPLORE */
.avb-explore{
  padding:120px 0 130px;color:#fff;
  background:linear-gradient(135deg,#071426,#0a1b31)
}
.avb-section-head-light h2{color:#fff}
.avb-section-head-light>p{color:#9dafc4}
.avb-categories{border-top:1px solid rgba(255,255,255,.14)}
.avb-categories>div{
  display:flex;justify-content:space-between;align-items:center;
  padding:25px 0;border-bottom:1px solid rgba(255,255,255,.14)
}
.avb-categories span{font-size:20px;font-weight:600}
.avb-categories i{color:var(--orange);font-size:20px;font-style:normal}

/* INSIGHTS */
.avb-insights{padding:125px 0 135px;background:#f7f9fc}
.avb-insights-grid{
  display:grid;grid-template-columns:1.15fr .85fr;
  gap:100px;align-items:center
}
.avb-insights h2{
  max-width:700px;margin:23px 0 0;
  font-size:clamp(42px,5vw,68px);line-height:1;
  letter-spacing:-.055em
}
.avb-insights h2 span{display:block;color:var(--blue)}
.avb-insights-copy{padding-left:35px;border-left:1px solid #d4dce7}
.avb-insights-copy p{
  margin:0 0 18px;color:var(--muted);
  font-size:17px;line-height:1.8
}
.avb-insights-copy a{
  display:inline-flex;gap:13px;align-items:center;margin-top:18px;
  color:var(--ink);font-size:13px;font-weight:700;text-decoration:none
}
.avb-insights-copy a span{color:var(--orange)}

@media(max-width:800px){
  .avb-wrap{width:min(100% - 34px,1180px)}
  .avb-hero{padding:85px 0 80px}
  .avb-hero h1{font-size:clamp(46px,13.2vw,66px)}
  .avb-hero p{font-size:17px}
  .avb-topics{margin-top:38px;gap:10px}

  .avb-featured,.avb-explore,.avb-insights{padding:88px 0 95px}

  .avb-section-head,
  .avb-feature-grid,
  .avb-insights-grid{
    grid-template-columns:1fr;gap:35px
  }
  .avb-section-head{margin-bottom:45px}
  .avb-section-head h2{font-size:clamp(38px,10.5vw,52px)}

  .avb-image{height:270px}
  .avb-story-copy{padding:24px}
  .avb-story-copy h3{font-size:29px}

  .avb-side-stories{gap:18px}
  .avb-side-story{grid-template-columns:120px 1fr;grid-template-rows:auto}
  .avb-side-story img{height:100%;min-height:190px}
  .avb-side-story>div{padding:19px}
  .avb-side-story h3{font-size:18px}

  .avb-categories span{font-size:17px}

  .avb-insights h2{font-size:clamp(40px,11vw,55px)}
  .avb-insights-copy{padding:25px 0 0;border-left:0;border-top:1px solid #d4dce7}
}

/* Blog — clareza editorial e respiro dos conteúdos */
.avb-feature-grid{
  gap:36px;
}

.avb-side-stories{
  gap:32px;
}

.avb-section-head{
  margin-bottom:76px;
}

.avb-story-copy{
  padding:38px;
}

.avb-side-story>div{
  padding:28px;
}

@media(max-width:800px){
  .avb-section-head{
    margin-bottom:52px;
  }

  .avb-feature-grid{
    gap:30px;
  }

  .avb-side-stories{
    gap:28px;
  }

  .avb-story-copy{
    padding:27px 24px 30px;
  }

  .avb-side-story{
    margin:0;
  }

  .avb-side-story>div{
    padding:22px;
  }
}

/* BLOG — marca-d'água editorial na Hero */
.avb-hero::after{
  content:"BLOG";
  position:absolute;
  right:-1.5%;
  top:50%;
  transform:translateY(-52%);
  z-index:1;

  font-family:"Poppins",sans-serif;
  font-size:clamp(150px,22vw,350px);
  line-height:.8;
  font-weight:800;
  letter-spacing:-.09em;

  color:rgba(105,158,255,.055);
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
}

@media(max-width:800px){
  .avb-hero::after{
    right:-8%;
    top:30%;
    font-size:clamp(120px,43vw,190px);
    color:rgba(105,158,255,.05);
  }
}

/* BLOG — marca-d'água editorial na Hero */
.avb-hero::after{
  content:"BLOG";
  position:absolute;
  right:-1.5%;
  top:50%;
  transform:translateY(-52%);
  z-index:1;

  font-family:"Poppins",sans-serif;
  font-size:clamp(150px,22vw,350px);
  line-height:.8;
  font-weight:800;
  letter-spacing:-.09em;

  color:rgba(105,158,255,.055);
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
}

@media(max-width:800px){
  .avb-hero::after{
    right:-8%;
    top:30%;
    font-size:clamp(120px,43vw,190px);
    color:rgba(105,158,255,.05);
  }
}


/* =========================================================
   BLOG AVANTHY — EDITORIAL MOTION
   ========================================================= */

.avb-editorial-motion{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
}

/* Blocos que lembram linhas de um artigo */
.avb-copy-lines{
  position:absolute;
  width:170px;
  display:grid;
  gap:9px;
  opacity:.14;
  animation:avbEditorialFloat 11s ease-in-out infinite;
}

.avb-copy-lines i{
  display:block;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(116,169,255,.85),
    rgba(116,169,255,.15)
  );
}

.avb-copy-lines i:nth-child(1){width:100%}
.avb-copy-lines i:nth-child(2){width:82%}
.avb-copy-lines i:nth-child(3){width:94%}
.avb-copy-lines i:nth-child(4){width:61%}

.avb-copy-lines-a{
  right:8%;
  top:24%;
}

.avb-copy-lines-b{
  right:23%;
  bottom:17%;
  width:125px;
  opacity:.09;
  animation-delay:-5s;
}

/* pequeno cursor de leitura */
.avb-copy-lines-a span{
  position:absolute;
  top:-4px;
  left:0;
  width:22px;
  height:2px;
  background:var(--orange);
  box-shadow:0 0 15px rgba(255,122,26,.32);
  animation:avbReadingCursor 6s ease-in-out infinite;
}

/* símbolos editoriais */
.avb-float{
  position:absolute;
  color:rgba(126,174,255,.16);
  font-weight:600;
  line-height:1;
  user-select:none;
}

.avb-aa{
  right:5%;
  bottom:20%;
  font-size:37px;
  animation:avbSymbolFloat 9s ease-in-out infinite;
}

.avb-hash{
  right:31%;
  top:18%;
  font-size:25px;
  color:rgba(255,122,26,.14);
  animation:avbSymbolFloat 12s ease-in-out infinite reverse;
}

.avb-quote{
  right:17%;
  top:39%;
  font-family:Georgia,serif;
  font-size:78px;
  font-weight:400;
  color:rgba(126,174,255,.09);
  animation:avbSymbolFloat 10s ease-in-out infinite;
  animation-delay:-3s;
}

@keyframes avbEditorialFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-13px,0)}
}

@keyframes avbReadingCursor{
  0%,100%{
    transform:translateX(0);
    opacity:.35;
  }
  50%{
    transform:translateX(145px);
    opacity:1;
  }
}

@keyframes avbSymbolFloat{
  0%,100%{
    transform:translate3d(0,0,0);
    opacity:.65;
  }
  50%{
    transform:translate3d(0,-10px,0);
    opacity:1;
  }
}


/* =========================================================
   MICROINTERAÇÕES DOS ARTIGOS
   ========================================================= */

.avb-image,
.avb-side-story{
  overflow:hidden;
}

.avb-image img,
.avb-side-story img{
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.avb-main-story,
.avb-side-story{
  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.avb-main-story:hover,
.avb-side-story:hover{
  transform:translateY(-3px);
  border-color:rgba(36,107,254,.22);
  box-shadow:0 18px 45px rgba(7,20,38,.07);
}

.avb-main-story:hover .avb-image img,
.avb-side-story:hover img{
  transform:scale(1.025);
}

.avb-story-copy h3::after,
.avb-side-story h3::after{
  content:"";
  display:block;
  width:0;
  height:2px;
  margin-top:13px;
  background:var(--orange);
  transition:width .4s ease;
}

.avb-main-story:hover .avb-story-copy h3::after{
  width:48px;
}

.avb-side-story:hover h3::after{
  width:32px;
}


/* MOBILE — menos elementos, mantendo elegância */
@media(max-width:800px){

  .avb-copy-lines-a{
    right:-20px;
    top:19%;
    width:115px;
    opacity:.10;
  }

  .avb-copy-lines-b{
    display:none;
  }

  .avb-hash{
    display:none;
  }

  .avb-aa{
    right:5%;
    bottom:15%;
    font-size:27px;
    opacity:.10;
  }

  .avb-quote{
    right:7%;
    top:42%;
    font-size:58px;
    opacity:.08;
  }

  @keyframes avbReadingCursor{
    0%,100%{transform:translateX(0);opacity:.3}
    50%{transform:translateX(88px);opacity:.8}
  }
}


/* Acessibilidade */
@media(prefers-reduced-motion:reduce){
  .avb-copy-lines,
  .avb-copy-lines-a span,
  .avb-float{
    animation:none !important;
  }

  .avb-image img,
  .avb-side-story img,
  .avb-main-story,
  .avb-side-story{
    transition:none !important;
  }
}

/* =========================================================
   BLOG MOTION V2 — MAIS PRESENÇA
   ========================================================= */

/* elementos existentes um pouco mais acesos */
.avb-copy-lines-a{
  opacity:.25;
  filter:drop-shadow(0 0 7px rgba(62,128,255,.25));
}

.avb-aa{
  color:rgba(115,174,255,.34);
  text-shadow:0 0 22px rgba(36,107,254,.22);
}

.avb-hash{
  color:rgba(255,122,26,.30);
  text-shadow:0 0 18px rgba(255,122,26,.20);
}

.avb-quote{
  color:rgba(118,173,255,.20);
  text-shadow:0 0 25px rgba(36,107,254,.18);
}


/* código / estrutura digital */
.avb-code{
  right:38%;
  bottom:12%;
  font-size:19px;
  letter-spacing:.06em;
  color:rgba(104,165,255,.34);
  text-shadow:0 0 16px rgba(36,107,254,.28);
  animation:avbSymbolFloat 13s ease-in-out infinite;
}


/* seta editorial */
.avb-arrow{
  right:11%;
  top:16%;
  font-size:27px;
  color:rgba(255,122,26,.48);
  text-shadow:0 0 18px rgba(255,122,26,.28);
  animation:avbArrowFloat 8s ease-in-out infinite;
}


/* pequeno artigo abstrato */
.avb-mini-article{
  position:absolute;
  right:4%;
  top:53%;
  width:108px;
  padding:15px;
  border:1px solid rgba(112,167,255,.20);
  background:rgba(9,29,53,.20);
  backdrop-filter:blur(3px);
  opacity:.62;
  animation:avbMiniArticle 12s ease-in-out infinite;
}

.avb-mini-article span{
  display:block;
  width:35px;
  height:3px;
  margin-bottom:11px;
  background:var(--orange);
  box-shadow:0 0 10px rgba(255,122,26,.35);
}

.avb-mini-article i{
  display:block;
  height:1px;
  margin-top:7px;
  background:rgba(125,175,255,.55);
  box-shadow:0 0 8px rgba(36,107,254,.20);
}

.avb-mini-article i:nth-child(2){width:100%}
.avb-mini-article i:nth-child(3){width:76%}
.avb-mini-article i:nth-child(4){width:89%}


/* eixo editorial vertical */
.avb-editorial-axis{
  position:absolute;
  right:1.7%;
  top:20%;
  width:1px;
  height:55%;
  background:linear-gradient(
    to bottom,
    transparent,
    rgba(67,133,255,.48),
    rgba(255,122,26,.35),
    transparent
  );
  opacity:.65;
}

.avb-editorial-axis::before,
.avb-editorial-axis::after{
  content:"";
  position:absolute;
  left:-3px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4385ff;
  box-shadow:0 0 14px rgba(67,133,255,.7);
}

.avb-editorial-axis::before{top:22%}

.avb-editorial-axis::after{
  top:72%;
  background:var(--orange);
  box-shadow:0 0 14px rgba(255,122,26,.55);
}


/* indicador editorial */
.avb-live-dot{
  position:absolute;
  right:20%;
  top:13%;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(159,195,255,.52);
  font-size:8px;
  font-weight:700;
  letter-spacing:.18em;
}

.avb-live-dot i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#4b8dff;
  box-shadow:0 0 12px rgba(75,141,255,.95);
  animation:avbPulseDot 2.8s ease-in-out infinite;
}


/* animações */
@keyframes avbArrowFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(5px,-8px,0) rotate(4deg)}
}

@keyframes avbMiniArticle{
  0%,100%{transform:translateY(0);opacity:.50}
  50%{transform:translateY(-10px);opacity:.75}
}

@keyframes avbPulseDot{
  0%,100%{
    opacity:.45;
    box-shadow:0 0 5px rgba(75,141,255,.45);
  }
  50%{
    opacity:1;
    box-shadow:0 0 16px rgba(75,141,255,1);
  }
}


/* MOBILE — mantém rico, mas sem poluição */
@media(max-width:800px){

  .avb-copy-lines-a{
    opacity:.17;
  }

  .avb-aa{
    color:rgba(115,174,255,.22);
  }

  .avb-quote{
    color:rgba(118,173,255,.14);
  }

  .avb-code{
    right:7%;
    bottom:7%;
    font-size:15px;
    opacity:.55;
  }

  .avb-arrow{
    right:7%;
    top:14%;
    font-size:21px;
  }

  .avb-mini-article{
    right:-20px;
    top:55%;
    width:82px;
    padding:11px;
    opacity:.35;
  }

  .avb-editorial-axis,
  .avb-live-dot{
    display:none;
  }
}


/* respeita redução de movimento */
@media(prefers-reduced-motion:reduce){
  .avb-code,
  .avb-arrow,
  .avb-mini-article,
  .avb-live-dot i{
    animation:none !important;
  }
}