/* =========================
   PRESS ROOM (dark modern)
========================= */

#press-room.pui-press{
  position: relative;
  isolation: isolate;
  padding: 5rem 0;
  overflow: hidden;
  z-index: 30;
  color: rgba(255,255,255,.92);
}

/* Fondo oscuro estilo "Mini Munis" */
#press-room.pui-press--dark{
  background: radial-gradient(1200px circle at 15% 20%, rgba(16,185,129,.18), transparent 55%),
              radial-gradient(1200px circle at 80% 15%, rgba(56,189,248,.16), transparent 55%),
              radial-gradient(1200px circle at 50% 85%, rgba(139,92,246,.14), transparent 55%),
              linear-gradient(180deg, #0b1220 0%, #070b14 65%, #060913 100%);
}

/* BG layers */
#press-room .pui-press__bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
#press-room .pui-press__orb{
  position:absolute;
  border-radius:9999px;
  filter: blur(70px);
  opacity: .75;
}
#press-room .pui-press__orb--a{
  width:560px; height:560px;
  top:-220px; left:-220px;
  background: radial-gradient(circle at 30% 30%, rgba(16,185,129,.40), transparent 60%),
              radial-gradient(circle at 70% 60%, rgba(56,189,248,.20), transparent 65%);
}
#press-room .pui-press__orb--b{
  width:640px; height:640px;
  bottom:-260px; right:-260px;
  background: radial-gradient(circle at 30% 30%, rgba(56,189,248,.28), transparent 60%),
              radial-gradient(circle at 70% 60%, rgba(139,92,246,.22), transparent 65%);
}
#press-room .pui-press__grid{
  position:absolute; inset:0;
  opacity:.10;
  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.18) 1px, transparent 0);
  background-size: 22px 22px;
}
#press-room .pui-press__vignette{
  position:absolute; inset:0;
  background: radial-gradient(900px circle at 50% 35%, rgba(0,0,0,.18), transparent 60%),
              radial-gradient(900px circle at 50% 100%, rgba(0,0,0,.35), transparent 60%);
  opacity:.55;
}

/* content layer */
#press-room .container{
  position:relative;
  z-index:2;
}

/* Head */
#press-room .pui-press__head{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.6rem;
  flex-wrap: wrap;
}
#press-room .pui-press__kickerRow{
  display:flex;
  align-items:center;
  gap: .6rem;
  flex-wrap: wrap;
}
#press-room .pui-press__kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .75rem;
  border-radius: 9999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  font-weight: 900;
  font-size: .85rem;
}
#press-room .pui-press__dot{
  width:.55rem; height:.55rem; border-radius:9999px;
  background: rgb(56,189,248);
  box-shadow: 0 0 0 6px rgba(56,189,248,.12);
}

#press-room .pui-press__pill{
  display:inline-flex;
  align-items:center;
  padding:.35rem .75rem;
  border-radius: 9999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  font-weight: 900;
  font-size: .85rem;
  color: rgba(255,255,255,.86);
}
#press-room .pui-press__pill--soft{
  border-color: rgba(191,219,254,.45);
  background: rgba(56,189,248,.12);
}

#press-room .pui-press__title{
  margin-top: .7rem;
  font-weight: 1000;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 3.4vw, 2.9rem);
  line-height: 1.06;
}
#press-room .pui-press__lead{
  margin-top:.7rem;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  max-width: 68ch;
  font-weight: 700;
}

#press-room .pui-press__tools{
  margin-top: 1.1rem;
  display:flex;
  align-items:center;
  gap: .85rem;
  flex-wrap: wrap;
}

#press-room .pui-press__search{
  flex: 1 1 380px;
  display:flex;
  align-items:center;
  gap:.6rem;
  border-radius: 9999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  padding: .75rem 1rem;
}
#press-room .pui-press__searchIc{
  color: rgba(255,255,255,.62);
}
#press-room .pui-press__search input{
  width:100%;
  border:0;
  outline:none;
  background: transparent;
  color: rgba(255,255,255,.92);
  font-weight: 900;
}
#press-room .pui-press__search input::placeholder{
  color: rgba(255,255,255,.55);
  font-weight: 800;
}

#press-room .pui-press__filters{
  display:flex;
  align-items:center;
  gap:.55rem;
  flex-wrap: wrap;
}
#press-room .pui-press__chip{
  height: 40px;
  padding: 0 .85rem;
  border-radius: 9999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  font-weight: 950;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
#press-room .pui-press__chip:hover{ transform: translateY(-1px); }
#press-room .pui-press__chip.is-active{
  background: rgba(255,255,255,.92);
  color: #0b1220;
  border-color: rgba(255,255,255,.92);
}

#press-room .pui-press__btn{
  height: 40px;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding: 0 .95rem;
  border-radius: 9999px;
  text-decoration:none;
  font-weight: 950;
  border:1px solid transparent;
  transition: transform .18s ease, box-shadow .18s ease;
  white-space: nowrap;
}
#press-room .pui-press__btn--ghost{
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.9);
}
#press-room .pui-press__btn--ghost:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0,0,0,.25);
}
#press-room .pui-press__btn--primary{
  background: linear-gradient(90deg, rgba(56,189,248,1), rgba(16,185,129,1));
  color: #071022;
  border-color: transparent;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
#press-room .pui-press__btn--primary:hover{ transform: translateY(-1px); }

#press-room .pui-press__meta{
  display:flex;
  align-items:center;
  gap:.5rem;
  color: rgba(255,255,255,.72);
  font-weight: 850;
}
#press-room .pui-press__sep{ color: rgba(255,255,255,.35); }
#press-room .pui-press__metaDot{
  width:.5rem; height:.5rem; border-radius:9999px;
  background: rgb(16,185,129);
  box-shadow: 0 0 0 6px rgba(16,185,129,.12);
}

/* Layout */
#press-room .pui-press__layout{
  display:grid;
  gap: 1.2rem;
  align-items: start;
}
@media (min-width: 1024px){
  #press-room .pui-press__layout{
    grid-template-columns: 7fr 5fr;
    gap: 1.4rem;
  }
}

/* Cards base (NO backdrop-filter -> evita fantasmas) */
#press-room .pui-press__featured,
#press-room .pui-press__side{
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  box-shadow: 0 20px 60px rgba(0,0,0,.40);
  overflow:hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  contain: paint;
}

/* Featured */
#press-room .pui-press__featuredLink{
  display:block;
  text-decoration:none;
  color: inherit;
}
#press-room .pui-press__featuredMedia{
  position:relative;
  height: 360px;
  overflow:hidden;
}
@media (min-width: 1024px){
  #press-room .pui-press__featuredMedia{ height: 420px; }
}
#press-room .pui-press__featuredMedia img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  filter: saturate(1.05) contrast(1.05);
  transform: scale(1.02);
}
#press-room .pui-press__featuredShade{
  position:absolute; inset:0;
  background:
    linear-gradient(to top, rgba(5,8,15,.78), rgba(5,8,15,.10) 55%),
    radial-gradient(900px circle at 30% 20%, rgba(56,189,248,.22), transparent 55%),
    radial-gradient(900px circle at 70% 20%, rgba(16,185,129,.18), transparent 55%);
}

#press-room .pui-press__date{
  position:absolute;
  top: 14px;
  left: 14px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.10);
  padding: .65rem .75rem;
  display:grid;
  gap:.15rem;
  text-align:center;
  min-width: 64px;
}
#press-room .pui-press__day{
  font-weight: 1000;
  font-size: 1.2rem;
  line-height: 1;
}
#press-room .pui-press__mon{
  font-weight: 950;
  font-size: .85rem;
  letter-spacing:.08em;
}
#press-room .pui-press__year{
  font-weight: 900;
  font-size: .75rem;
  color: rgba(255,255,255,.72);
}

#press-room .pui-press__badges{
  position:absolute;
  top: 14px;
  right: 14px;
  display:flex;
  gap:.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#press-room .pui-press__badge{
  display:inline-flex;
  align-items:center;
  height: 34px;
  padding: 0 .75rem;
  border-radius: 9999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.10);
  font-weight: 950;
  font-size: .85rem;
}
#press-room .pui-press__badge--hot{
  background: rgba(255,255,255,.92);
  color: #071022;
  border-color: rgba(255,255,255,.92);
}

#press-room .pui-press__featuredBody{
  padding: 1.05rem 1.1rem 1.15rem;
}
#press-room .pui-press__micro{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap: wrap;
  color: rgba(255,255,255,.70);
  font-weight: 900;
  font-size: .9rem;
}
#press-room .pui-press__brand{
  padding:.2rem .55rem;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
  font-weight: 950;
}
#press-room .pui-press__h3{
  margin-top: .65rem;
  font-weight: 1000;
  letter-spacing: -0.02em;
  font-size: 1.25rem;
  line-height: 1.25;
}
#press-room .pui-press__desc{
  margin-top: .5rem;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  font-weight: 750;
}

#press-room .pui-press__featuredFoot{
  margin-top: .95rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .85rem;
  flex-wrap: wrap;
}
#press-room .pui-press__cta{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-weight: 950;
  color: rgba(255,255,255,.92);
}

#press-room .pui-press__nav{
  display:flex;
  align-items:center;
  gap:.55rem;
}
#press-room .pui-press__navBtn{
  width: 42px;
  height: 42px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.9);
  cursor:pointer;
  font-weight: 900;
  transition: transform .18s ease, background .18s ease;
}
#press-room .pui-press__navBtn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.10); }

#press-room .pui-press__dots{
  display:flex;
  align-items:center;
  gap:.35rem;
}
#press-room .pui-press__dotBtn{
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  border:0;
  background: rgba(255,255,255,.25);
  cursor:pointer;
}
#press-room .pui-press__dotBtn.is-active{
  width: 26px;
  background: rgba(255,255,255,.92);
}

/* Side (list) */
#press-room .pui-press__side{
  padding: 1.05rem;
}
#press-room .pui-press__sideHead{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .9rem;
}
#press-room .pui-press__sideTitle{
  font-weight: 1000;
  letter-spacing: -.01em;
}
#press-room .pui-press__sideNote{
  color: rgba(255,255,255,.62);
  font-weight: 850;
}

#press-room .pui-press__list{
  display:grid;
  gap: .75rem;
  padding: .25rem;
}
#press-room .pui-press__mini{
  display:grid;
  grid-template-columns: 62px 1fr;
  gap: .75rem;
  align-items:center;
  padding: .65rem .65rem;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  text-decoration:none;
  color: inherit;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
#press-room .pui-press__mini:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
}
#press-room .pui-press__miniImg{
  width:62px;
  height:62px;
  border-radius: 14px;
  object-fit: cover;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
#press-room .pui-press__miniTop{
  display:flex;
  gap:.55rem;
  flex-wrap: wrap;
  align-items:center;
  color: rgba(255,255,255,.70);
  font-weight: 850;
  font-size: .85rem;
}
#press-room .pui-press__miniType{
  padding:.18rem .55rem;
  border-radius: 9999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  font-weight: 950;
  font-size: .82rem;
}
#press-room .pui-press__miniTitle{
  margin-top:.35rem;
  font-weight: 950;
  line-height: 1.25;
  color: rgba(255,255,255,.92);
}

#press-room .pui-press__sideBottom{
  margin-top: 1rem;
  display:flex;
  justify-content:flex-end;
}

/* Grid */
#press-room .pui-press__gridWrap{
  margin-top: 1.6rem;
}
#press-room .pui-press__gridHead{
  display:flex;
  align-items:baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: .9rem;
}
#press-room .pui-press__gridTitle{
  font-weight: 1000;
  letter-spacing: -.01em;
  margin: 0;
}
#press-room .pui-press__gridHint{
  color: rgba(255,255,255,.62);
  font-weight: 850;
}

#press-room .pui-press__gridCards{
  display:grid;
  gap: 1rem;
}
@media (min-width: 640px){
  #press-room .pui-press__gridCards{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (min-width: 1024px){
  #press-room .pui-press__gridCards{
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

#press-room .pui-press__card{
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  overflow:hidden;
  text-decoration:none;
  color: inherit;
  box-shadow: 0 18px 40px rgba(0,0,0,.30);
  transition: transform .18s ease;
  transform: translateZ(0);
  backface-visibility: hidden;
  contain: paint;
}
#press-room .pui-press__card:hover{ transform: translateY(-2px); }

#press-room .pui-press__cardMedia{
  height: 160px;
  position:relative;
  overflow:hidden;
}
#press-room .pui-press__cardMedia img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
}
#press-room .pui-press__cardShade{
  position:absolute; inset:0;
  background:
    linear-gradient(to top, rgba(5,8,15,.72), rgba(5,8,15,.05) 60%);
}

#press-room .pui-press__cardBody{
  padding: .9rem .9rem 1rem;
}
#press-room .pui-press__cardTypeRow{
  display:flex;
  justify-content: space-between;
  gap:.5rem;
  color: rgba(255,255,255,.70);
  font-weight: 850;
  font-size: .85rem;
}
#press-room .pui-press__cardType{
  padding:.15rem .55rem;
  border-radius: 9999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
  font-weight: 950;
}
#press-room .pui-press__cardTitle{
  margin-top:.55rem;
  font-weight: 980;
  line-height: 1.25;
}
#press-room .pui-press__cardGo{
  margin-top:.75rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 950;
  color: rgba(255,255,255,.92);
}

/* Empty */
#press-room .pui-press__empty{
  margin-top: 1rem;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  padding: 1.25rem;
}
#press-room .pui-press__emptyTitle{
  font-weight: 1000;
}
#press-room .pui-press__emptyText{
  margin-top:.25rem;
  color: rgba(255,255,255,.70);
  font-weight: 800;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #press-room .pui-press__chip,
  #press-room .pui-press__btn,
  #press-room .pui-press__card,
  #press-room .pui-press__mini,
  #press-room .pui-press__navBtn{
    transition:none !important;
  }
}
