/* =========================================================
   ACTUALIZACIONES
   WPorium Core 0.13.0
   Módulo extraído del CSS histórico sin rediseño intencionado.
   ========================================================= */

/* =========================================================
   WPORIUM CORE 0.8 — ACTUALIZACIONES
   ========================================================= */

.wporium-updates-page,
.wporium-updates-page *{
  box-sizing:border-box;
}

.wporium-updates-page{
  width:min(1080px,calc(100% - 40px));
  margin:0 auto;
  padding:72px 0 90px;
}

.wporium-updates-hero{
  max-width:760px;
  margin-bottom:34px;
}

.wporium-updates-kicker{
  color:#6657e8;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.wporium-updates-hero h1{
  margin:7px 0 10px;
  color:#171b2b;
  font-size:clamp(38px,5vw,58px);
  line-height:1;
  letter-spacing:-.05em;
}

.wporium-updates-hero p{
  margin:0;
  color:#70788b;
  font-size:14px;
  line-height:1.65;
}

.wporium-updates-list{
  display:grid;
  gap:12px;
}

.wporium-update-card{
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px;
  border:1px solid #e5e8ef;
  border-radius:17px;
  background:#fff;
  transition:.18s ease;
}

.wporium-update-card:hover{
  transform:translateY(-2px);
  border-color:#d7d2ff;
  box-shadow:0 15px 40px rgba(18,24,40,.06);
}

.wporium-update-card__media{
  display:grid;
  place-items:center;
  overflow:hidden;
  width:76px;
  height:76px;
  border-radius:14px;
  background:linear-gradient(135deg,#eeecff,#ddd9ff);
  text-decoration:none;
}

.wporium-update-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.wporium-update-card__media span{
  color:#5145bf;
  font-size:20px;
  font-weight:900;
}

.wporium-update-card__main{
  min-width:0;
}

.wporium-update-card__top{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:center;
  margin-bottom:5px;
}

.wporium-update-type{
  padding:5px 7px;
  border-radius:6px;
  background:#eeecff;
  color:#5b4bd8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.wporium-update-card__top time{
  color:#8b92a4;
  font-size:9px;
}

.wporium-update-card h2{
  margin:0 0 9px;
  font-size:17px;
  line-height:1.2;
}

.wporium-update-card h2 a{
  color:#171b2b;
  text-decoration:none;
}

.wporium-update-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  color:#8a91a2;
  font-size:9px;
}

.wporium-update-card__meta b{
  color:#555d70;
}

.wporium-update-card__side{
  display:grid;
  justify-items:end;
  gap:8px;
  min-width:105px;
}

.wporium-update-price{
  color:#171b2b;
  font-size:14px;
  font-weight:850;
}

.wporium-update-card__side a{
  color:#6657e8;
  font-size:9px;
  font-weight:850;
  text-decoration:none;
}

.wporium-updates-empty{
  padding:55px 25px;
  border:1px dashed #d9dce5;
  border-radius:18px;
  background:#fafbfe;
  text-align:center;
}

.wporium-updates-empty strong{
  display:block;
  margin-bottom:7px;
  font-size:16px;
}

.wporium-updates-empty p{
  margin:0;
  color:#7b8294;
  font-size:11px;
}

@media(max-width:680px){
  .wporium-updates-page{
    width:min(100% - 28px,1080px);
    padding:52px 0 70px;
  }

  .wporium-update-card{
    grid-template-columns:60px minmax(0,1fr);
    gap:13px;
  }

  .wporium-update-card__media{
    width:60px;
    height:60px;
  }

  .wporium-update-card__side{
    grid-column:2;
    grid-row:2;
    justify-items:start;
    min-width:0;
  }
}