/* DonOpos - portada comunidad, diseño 2026. Solo afecta a la home. */
body:has(.forum-home){background:#f5f7fb}
body:has(.forum-home) .navbar-modern{background:#0e1827!important;border-bottom:1px solid #ffffff1c!important;box-shadow:none!important}
body:has(.forum-home) .navbar-modern .navbar-brand,body:has(.forum-home) .navbar-modern .nav-link{color:#f5f7ff!important}
body:has(.forum-home) .navbar-modern .nav-link:hover{background:#ffffff18!important}
body:has(.forum-home) .navbar-modern .navbar-toggler{background:#fff!important}
body:has(.forum-home) .navbar-modern .navbar-brand small{color:#c4c9d9!important}
body:has(.forum-home) .brand-logo--dark{display:none!important}
body:has(.forum-home) .brand-logo--light{display:block!important}
.forum-home.container{max-width:1400px!important;padding:0 22px 70px!important}
/* El tema anterior dibujaba un círculo de 430px en ::before: invalidarlo explícitamente.
   La foto se inserta como <img>, visible incluso si cambia el orden de hojas CSS. */
.forum-v2.forum-home .forum-home-hero::before,
.forum-v2.forum-home .forum-home-hero::after{content:none!important;display:none!important;box-shadow:none!important}
.forum-v2.forum-home .forum-home-hero{position:relative;isolation:isolate;min-height:535px;display:flex!important;align-items:center;grid-template-columns:none!important;padding:68px 64px 89px!important;margin:25px 0 0!important;border:0!important;border-radius:24px!important;overflow:hidden;background:#07182e!important;box-shadow:0 20px 42px #0a18231a!important}
.forum-v2.forum-home .forum-home-hero-image{display:block!important;position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:right center!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;pointer-events:none!important}
.forum-v2.forum-home .forum-home-hero-shade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,20,39,.76) 0%,rgba(7,20,39,.50) 31%,rgba(7,20,39,.18) 52%,transparent 74%)}
.forum-v2.forum-home .forum-home-hero-copy{width:100%;max-width:735px!important;position:relative;z-index:2}
.forum-home .forum-home-pill{display:inline-flex;gap:10px;align-items:center;padding:8px 13px;background:#17273e!important;color:#d4e2ff!important;border:1px solid #ffffff30!important;border-radius:30px!important;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.forum-home .forum-home-hero h1{color:#fff!important;font-weight:850!important;letter-spacing:-.055em!important;line-height:1.06!important;font-size:clamp(2.35rem,3.6vw,3.85rem)!important;margin:23px 0 23px!important;max-width:760px!important}
.forum-home .forum-home-hero h1 em{font-style:normal;color:#a3b0ff!important;-webkit-text-fill-color:#a3b0ff!important}
.forum-home .forum-home-hero-copy>p:not(.forum-home-hero-note){max-width:640px;color:#e2e8f2!important;line-height:1.65!important;font-size:1.05rem!important;margin:0 0 26px!important}
.forum-home .forum-home-actions{display:flex;flex-wrap:wrap;gap:12px!important;margin:0 0 36px!important}
.forum-home .forum-home-mainbtn,.forum-home .forum-home-subbtn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:12px 22px!important;border-radius:10px!important;text-decoration:none!important;font-weight:750!important;font-size:.95rem!important}
.forum-home .forum-home-mainbtn{background:#4655ee!important;color:white!important;border:1px solid #6976ff!important;box-shadow:0 7px 20px #101c6440!important}
.forum-home .forum-home-mainbtn:hover{background:#2f3bdc!important}
.forum-home .forum-home-subbtn{background:#10182796!important;color:white!important;border:1px solid #ffffff7d!important}
.forum-home .forum-home-subbtn:hover{background:#ffffff21!important}
.forum-home .forum-home-stats{display:flex;flex-wrap:wrap;gap:18px 36px;color:#fff}
.forum-home .forum-home-stats>div{display:flex;align-items:center;gap:12px}
.forum-home .forum-home-stats>div>i{font-size:23px;color:#d9e0ff}
.forum-home .forum-home-stats span{display:flex;flex-direction:column}
.forum-home .forum-home-stats strong{font-size:1rem;font-weight:800;color:#fff}
.forum-home .forum-home-stats small{font-size:.77rem;color:#c4cbda}
.forum-home .forum-home-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:2;margin:-44px 30px 20px;background:#fff;border:1px solid #e2e7f0;border-radius:17px;box-shadow:0 18px 35px #172c5012;overflow:hidden}
.forum-home .forum-home-values>a{display:flex;align-items:center;gap:15px;padding:23px 27px;text-decoration:none!important;color:#182845!important;min-width:0}
.forum-home .forum-home-values>a+a{border-left:1px solid #e7ebf4}
.forum-home .forum-home-values>a:hover{background:#f7f8ff}
.forum-home .forum-home-values .forum-value-icon{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:#ecedff;color:#4b53e8;flex-shrink:0;font-size:20px}
.forum-home .forum-home-values a>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.forum-home .forum-home-values strong{font-size:.92rem;font-weight:800}
.forum-home .forum-home-values small{font-size:.78rem;color:#72819b}
.forum-home .forum-home-values a>i:last-child{margin-left:auto;color:#90a0c0;font-size:13px}
.forum-home .forum-home-disclaimer{font-size:.78rem;color:#697994;margin:6px 32px 25px}
.forum-home .forum-home-disclaimer i{margin-right:6px}
.forum-home .forum-home-section,.forum-home .do-home-popular{scroll-margin-top:100px}
.forum-home .forum-home-cat,.forum-home .forum-side-card,.forum-home .do-test-tile{box-shadow:0 7px 22px #172c5008!important;border:1px solid #e5eaf4!important;border-radius:16px!important}
.forum-home .forum-home-cat:hover,.forum-home .do-test-tile:hover{box-shadow:0 14px 35px #172c5018!important}
.forum-home .forum-home-heading h2,.forum-home .do-section-line h2{letter-spacing:-.035em!important}
@media(max-width:991px){
  .forum-v2.forum-home .forum-home-hero{min-height:510px;padding:55px 35px 85px!important}
  .forum-v2.forum-home .forum-home-hero-image{object-fit:contain!important;object-position:right center!important}
  .forum-v2.forum-home .forum-home-hero-shade{background:linear-gradient(90deg,#071427d9 0%,#071427aa 55%,#07142717 100%)}
  .forum-home .forum-home-values{margin:-44px 10px 18px}
  .forum-home .forum-home-values>a{padding:19px 15px;gap:10px}
  .forum-home .forum-home-values .forum-value-icon{width:43px;height:43px}
}
@media(max-width:700px){
  .forum-home.container{padding:0 13px 45px!important}
  .forum-v2.forum-home .forum-home-hero{margin-top:13px!important;padding:40px 22px 92px!important;min-height:650px;border-radius:17px!important;align-items:flex-start}
  /* En móvil se muestra la fotografía completa al pie, sin recortar objetos. */
  .forum-v2.forum-home .forum-home-hero-image{inset:auto 0 0!important;width:100%!important;height:auto!important;aspect-ratio:1672/941!important;object-fit:contain!important;object-position:center bottom!important}
  .forum-v2.forum-home .forum-home-hero-shade{background:linear-gradient(180deg,#071427 0%,#071427fb 55%,#071427c7 75%,#07142733 100%)}
  .forum-home .forum-home-hero h1{font-size:clamp(2.1rem,8.5vw,3.1rem)!important;margin:19px 0!important}
  .forum-home .forum-home-hero-copy>p:not(.forum-home-hero-note){font-size:.95rem!important}
  .forum-home .forum-home-actions{gap:9px!important;margin-bottom:25px!important}
  .forum-home .forum-home-mainbtn,.forum-home .forum-home-subbtn{padding:11px 14px!important;font-size:.85rem!important}
  .forum-home .forum-home-stats{gap:16px 20px}
  .forum-home .forum-home-stats>div{width:calc(50% - 12px);gap:8px}
  .forum-home .forum-home-stats>div>i{font-size:18px}
  .forum-home .forum-home-values{grid-template-columns:1fr;margin:-32px 12px 16px}
  .forum-home .forum-home-values>a{padding:14px 18px}
  .forum-home .forum-home-values>a+a{border-left:0;border-top:1px solid #e7ebf4}
  .forum-home .forum-home-disclaimer{margin:10px 13px 20px}
  .forum-home .do-test-grid{grid-template-columns:1fr!important}
}