/* Home 2026 dedicated stylesheet. Loaded only on front/home to avoid CDN/cache mismatch. */
/* ============================================================
   HOME 2026 — visual inspirado na referência enviada pelo usuário
   ============================================================ */
/* A home usa as mesmas variáveis do Personalizar -> Gerenciamento de Cores. */
.home-2026 {
  --home-primary: var(--primary, #ff315d);
  --home-primary-hover: var(--primary-hover, #ff5277);
  --home-secondary: var(--secondary, #00b8ff);
  --home-accent: var(--accent, #a52b9f);
}
body.home { background:var(--background, #05070d); color:var(--text, #fff); }
body.home .homepage-container, body.home .content-with-sidebar { max-width:none; padding:0; margin:0; }
body.home .site-header { background:color-mix(in srgb, var(--background, #05070d) 96%, transparent); border-bottom:1px solid rgba(255,255,255,.06); box-shadow:none; }
body.home .header-container { max-width:1440px; padding-left:34px; padding-right:34px; }
body.home .site-title { background:none; -webkit-text-fill-color:initial; color:var(--primary, #ff2b64); letter-spacing:1.4px; font-size:1.28rem; }
body.home .nav-menu li a { color:var(--text-secondary, #aeb6c8); font-size:.86rem; padding:0 13px; }
body.home .nav-menu li a:hover, body.home .nav-menu li.current-menu-item a { color:var(--text, #fff); }
body.home .site-main.home-2026 { width:100%; max-width:none; margin:0; }

.home-featured { position:relative; min-height:440px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.05); isolation:isolate; }
.home-featured::before { content:""; position:absolute; inset:0; background-image:linear-gradient(90deg,color-mix(in srgb, var(--primary, #ff315d) 28%, rgba(5,7,13,.88)) 0%,color-mix(in srgb, var(--background, #05070d) 88%, transparent) 53%,color-mix(in srgb, var(--accent, #a52b9f) 32%, rgba(5,7,13,.86)) 100%),var(--hero-bg); background-size:cover; background-position:center 27%; filter:saturate(.8); z-index:-2; }
.home-featured::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.03),color-mix(in srgb, var(--background, #05070d) 35%, transparent)); z-index:-1; }
.home-featured-inner { max-width:1440px; min-height:440px; margin:auto; padding:46px 50px; display:grid; grid-template-columns:230px minmax(0,760px); gap:28px; align-items:center; }
.home-featured-cover { width:230px; height:326px; border-radius:11px; overflow:hidden; border:1px solid rgba(255,255,255,.26); box-shadow:0 20px 50px rgba(0,0,0,.38); }
.home-featured-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.home-featured-copy h1 { margin:0 0 8px; color:var(--text, #fff); font-size:clamp(2.15rem,4vw,4rem); line-height:.96; font-weight:900; text-transform:uppercase; letter-spacing:-1.5px; max-width:850px; }
.home-featured-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--text-secondary, #c7cbd5); font-size:.82rem; text-transform:uppercase; letter-spacing:1px; }
.home-featured-meta strong { color:var(--text, #fff); }
.home-featured-meta span+span::before { content:"|"; color:#6b7280; margin-right:8px; }
.home-featured-copy>p { color:var(--text-secondary, #d2d5df); max-width:780px; margin:17px 0 13px; line-height:1.7; font-size:.92rem; }
.home-featured-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:17px; }
.home-featured-pills span { border:1px solid rgba(255,255,255,.16); background:color-mix(in srgb, var(--card-bg, #0b1019) 70%, transparent); border-radius:999px; padding:5px 10px; color:#dce4ef; font-size:.72rem; }
.home-featured-pills span:first-child { border-color:#8b4b26; background:rgba(111,54,21,.38); color:#ffd7b5; }
.home-featured-pills span:nth-child(2) { border-color:#315e91; background:rgba(32,74,120,.35); color:#cde6ff; }
.home-featured-pills span:nth-child(3) { border-color:#286d55; background:rgba(28,102,75,.34); color:#caffec; }
.home-featured-actions { display:flex; gap:10px; }
.home-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border-radius:999px; color:#fff!important; font-size:.76rem; font-weight:800; background:color-mix(in srgb, var(--card-bg, #05080e) 78%, transparent); border:1px solid var(--border, rgba(255,255,255,.08)); }
.home-btn-primary { color:#fff!important; background:linear-gradient(90deg,var(--button-bg, var(--primary, #ff315d)),var(--accent, #a52b9f)); border-color:transparent; }
.home-btn-primary:hover { background:linear-gradient(90deg,var(--button-hover, var(--primary-hover, #ff5277)),var(--accent, #a52b9f)); }

.home-vip-strip { max-width:1330px; margin:17px auto 28px; border:1px solid color-mix(in srgb, var(--primary, #ff4f8b) 38%, transparent); background:linear-gradient(90deg, color-mix(in srgb, var(--primary, #ff315c) 55%, #180812), color-mix(in srgb, var(--accent, #a52b9f) 55%, #15102a)); min-height:62px; border-radius:11px; padding:12px 17px; display:flex; align-items:center; justify-content:space-between; gap:20px; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.home-vip-strip div { display:flex; flex-direction:column; color:#f2dcea; }
.home-vip-strip strong { color:var(--text, #fff); font-size:.88rem; }
.home-vip-strip span { font-size:.76rem; opacity:.86; }
.home-vip-strip>a { background:linear-gradient(90deg,var(--primary, #ff315c),var(--accent, #a52b9f)); color:var(--text, #fff); padding:9px 17px; border-radius:999px; font-size:.72rem; font-weight:800; }

.home-section { max-width:1330px; margin:0 auto 31px; padding:0; }
.home-section-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.home-section-head h2 { margin:0; color:var(--text, #f2f4f8); font-size:1.02rem; font-weight:850; letter-spacing:.15px; }
.home-section-head h2 span { color:var(--primary, #ff326b); margin-right:5px; }
.home-section-head p { margin:3px 0 0; color:var(--text-secondary, #777f91); font-size:.75rem; }
.home-section-head>a { color:var(--text, #e9edf4)!important; background:var(--card-bg, #141b2b); border:1px solid var(--border, rgba(255,255,255,.06)); padding:8px 15px; border-radius:999px; font-size:.68rem; font-weight:750; }
.home-popular-track { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:13px; overflow:hidden; }
.home-latest-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:13px; }
.home-manga-card { min-width:0; background:var(--card-bg, #0b1019); border:1px solid var(--border, #232b39); border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.16); transition:transform .2s,border-color .2s; }
.home-manga-card:hover { transform:translateY(-3px); border-color:var(--primary, #3b4659); }
.home-manga-cover { display:block; position:relative; aspect-ratio:3/4.1; background:color-mix(in srgb, var(--card-bg, #111827) 82%, var(--background, #05070d)); overflow:hidden; }
.home-manga-cover img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.home-manga-card:hover .home-manga-cover img { transform:scale(1.035); }
.home-cover-placeholder { display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:var(--text-secondary, #64748b); font-size:.72rem; }
.home-type-badge,.home-rating-badge { position:absolute; top:8px; z-index:2; border-radius:999px; font-size:.54rem; line-height:1; font-weight:800; padding:5px 7px; backdrop-filter:blur(8px); }
.home-type-badge { left:7px; background:color-mix(in srgb, var(--secondary, #00b8ff) 28%, var(--card-bg, #08152a)); color:var(--text, #d8efff); border:1px solid color-mix(in srgb, var(--secondary, #00b8ff) 45%, transparent); }
.home-rating-badge { right:7px; background:color-mix(in srgb, var(--card-bg, #0a0d13) 86%, transparent); color:color-mix(in srgb, var(--secondary, #ffd76a) 55%, #ffe58a); border:1px solid color-mix(in srgb, var(--secondary, #ffd76a) 30%, transparent); }
.home-card-body { padding:8px 8px 9px; }
.home-card-body h3 { margin:0 0 7px; min-height:30px; font-size:.72rem; line-height:1.25; font-weight:750; }
.home-card-body h3 a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:var(--text, #f4f6fb); }
.home-card-chapters { display:flex; flex-direction:column; gap:5px; }
.home-card-chapters>a { display:flex; justify-content:space-between; align-items:center; gap:5px; background:color-mix(in srgb, var(--card-bg, #0d1420) 82%, var(--background, #05070d)); border:1px solid var(--border, #273043); color:var(--text, #dde3ed); border-radius:5px; padding:5px 6px; font-size:.61rem; }
.home-card-chapters>a:first-child { border-color:color-mix(in srgb, var(--primary, #7c4d35) 65%, var(--border, #273043)); }
.home-card-chapters small { background:var(--primary, #fb315d); color:var(--text, #fff); border-radius:999px; padding:2px 5px; font-size:.47rem; font-weight:900; }
.home-no-chapter { color:var(--text-secondary, #687386); font-size:.61rem; }

.home-seo-panel { border-top:1px solid var(--border, #242a35); background:color-mix(in srgb, var(--card-bg, #10131a) 75%, var(--background, #05070d)); padding:30px max(50px,calc((100vw - 1330px)/2)); margin-top:21px; }
.home-seo-panel h2 { margin:0 0 10px; color:var(--text, #f4f5f7); font-size:1rem; }
.home-seo-panel p { color:var(--text-secondary, #959baa); max-width:940px; font-size:.74rem; line-height:1.7; }
.home-genre-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.home-genre-pills a { color:var(--text-secondary, #7e8798); background:var(--tag-bg, #171c25); border:1px solid var(--border, #252b35); border-radius:999px; font-size:.61rem; padding:5px 9px; }
.home-genre-pills a:hover { color:var(--text, #fff); border-color:var(--primary, #ff2f6d); }

body.home .site-footer { background:linear-gradient(180deg,var(--background, #090c12),color-mix(in srgb, var(--card-bg, #11101a) 82%, var(--background, #090c12))); border-top:1px solid var(--border, #242936); }
body.home .site-footer .container { max-width:1330px; }
body.home .site-stats { margin:0; padding:19px 0; border:0; }
body.home .stats-wrapper { justify-content:flex-start; gap:8px; }
body.home .stats-divider { display:none; }
body.home .stats-group { gap:8px; }
body.home .stats-item { background:var(--card-bg, #151923); border:1px solid var(--border, #252a35); border-radius:8px; padding:8px 12px; min-width:135px; }
body.home .stats-label { font-size:.58rem; color:var(--text-secondary, #7f8796); }
body.home .stats-value { font-size:.92rem; }
body.home .footer-widgets { display:none; }

@media (max-width:1200px){
  .home-featured-inner,.home-section,.home-vip-strip { max-width:calc(100% - 40px); }
  .home-featured-inner { grid-template-columns:190px minmax(0,1fr); padding-left:0; padding-right:0; }
  .home-featured-cover { width:190px; height:270px; }
  .home-popular-track,.home-latest-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (max-width:900px){
  .home-featured { min-height:auto; }
  .home-featured-inner { padding:34px 0; grid-template-columns:155px minmax(0,1fr); min-height:0; }
  .home-featured-cover { width:155px; height:220px; }
  .home-featured-copy h1 { font-size:2rem; }
  .home-featured-copy>p { font-size:.8rem; max-height:64px; overflow:hidden; }
  .home-popular-track,.home-latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .home-seo-panel { padding-left:20px; padding-right:20px; }
}
@media (max-width:680px){
  body.home .header-container { padding-left:15px; padding-right:15px; }
  .home-featured-inner { max-width:calc(100% - 28px); display:block; padding:24px 0 28px; text-align:left; }
  .home-featured-cover { width:118px; height:168px; float:left; margin:0 15px 10px 0; }
  .home-featured-copy h1 { font-size:1.5rem; padding-top:4px; }
  .home-featured-copy>p { clear:both; padding-top:8px; max-height:none; }
  .home-featured-pills { clear:both; }
  .home-vip-strip,.home-section { max-width:calc(100% - 24px); }
  .home-vip-strip span { display:none; }
  .home-popular-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
  .home-popular-track .home-manga-card { flex:0 0 148px; scroll-snap-align:start; }
  .home-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .home-section-head h2 { font-size:.9rem; }
}

/* Slider principal da home */
.home-featured-slider{position:relative;overflow:hidden;background:var(--background,#05070d);}
.home-featured-slides{display:grid;}
.home-featured-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .55s ease,transform .7s ease,visibility .55s;}
.home-featured-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);z-index:2;}
.home-featured-title{margin:0 0 8px;color:var(--text,#fff);font-size:clamp(2.15rem,4vw,4rem);line-height:.96;font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;max-width:850px;}
.home-hero-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,8,15,.58);backdrop-filter:blur(12px);color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s ease;}
.home-hero-arrow:hover{background:color-mix(in srgb,var(--primary,#ff315d) 30%,rgba(5,8,15,.82));border-color:color-mix(in srgb,var(--primary,#ff315d) 65%,transparent);transform:translateY(-50%) scale(1.06);}
.home-hero-prev{left:22px}.home-hero-next{right:22px}
.home-hero-dots{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(5,8,15,.42);backdrop-filter:blur(10px);}
.home-hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.34);cursor:pointer;transition:.25s ease;}
.home-hero-dots button.is-active{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--primary,#ff315d),var(--accent,#a52b9f));}
.home-hero-progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.05);overflow:hidden;}
.home-hero-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary,#ff315d),var(--accent,#a52b9f));}
.home-featured-slider.is-running .home-hero-progress span{animation:slimereadHeroProgress var(--hero-interval,7s) linear forwards;}
@keyframes slimereadHeroProgress{from{width:0}to{width:100%}}
@media (max-width:900px){.home-featured-title{font-size:2rem}.home-hero-arrow{width:38px;height:38px;font-size:1.6rem}.home-hero-prev{left:10px}.home-hero-next{right:10px}}
@media (max-width:640px){.home-featured-title{font-size:1.5rem;padding-top:4px}.home-hero-arrow{top:auto;bottom:13px;transform:none;width:34px;height:34px}.home-hero-arrow:hover{transform:scale(1.04)}.home-hero-prev{left:14px}.home-hero-next{right:14px}.home-hero-dots{bottom:18px}.home-hero-progress{height:2px}}
@media (prefers-reduced-motion:reduce){.home-featured-slide{transition:none}.home-featured-slider.is-running .home-hero-progress span{animation:none}}

/* Paginação das Últimas Atualizações — integrada ao visual 2026 */
.home-section-head-clean{justify-content:flex-start;}
.home-latest-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin:24px auto 2px;
  padding:10px 12px;
  width:max-content;
  max-width:100%;
  border:1px solid var(--border,#232b39);
  border-radius:16px;
  background:color-mix(in srgb,var(--card-bg,#0b1019) 90%,transparent);
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  backdrop-filter:blur(12px);
}
.home-latest-pagination a,
.home-latest-pagination .is-current{
  min-width:36px;
  height:36px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border,#273043);
  border-radius:10px;
  background:color-mix(in srgb,var(--card-bg,#101725) 88%,var(--background,#05070d));
  color:var(--text-secondary,#aeb6c8);
  font-size:.76rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.home-latest-pagination a:hover{
  transform:translateY(-1px);
  color:var(--text,#fff);
  border-color:color-mix(in srgb,var(--primary,#ff315d) 55%,var(--border,#273043));
  background:color-mix(in srgb,var(--primary,#ff315d) 13%,var(--card-bg,#101725));
}
.home-latest-pagination .is-current{
  color:#fff;
  border-color:color-mix(in srgb,var(--primary,#ff315d) 72%,transparent);
  background:linear-gradient(135deg,var(--primary,#ff315d),var(--accent,#a52b9f));
  box-shadow:0 7px 18px color-mix(in srgb,var(--primary,#ff315d) 24%,transparent);
}
.home-latest-pagination .home-page-arrow{font-size:1.15rem;}
.home-latest-pagination .home-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:22px;color:var(--text-secondary,#687386);font-weight:800;}
@media (max-width:680px){
  .home-latest-pagination{gap:5px;margin-top:18px;padding:8px;border-radius:14px;width:100%;}
  .home-latest-pagination a,.home-latest-pagination .is-current{min-width:34px;height:34px;padding:0 8px;font-size:.72rem;border-radius:9px;}
}