.liam-sec-wrap{
  --liam-guinda:#7D1C1C;--liam-dorado:#C49A2A;
  --liam-crema:#F5F2EE;--liam-gris-m:#5C5C5C;--liam-negro:#0F0A0A;
  font-family:'Poppins',sans-serif;
}
.liam-sec-wrap *,.liam-sec-wrap *::before,.liam-sec-wrap *::after{box-sizing:border-box}

.liam-sec-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

/* ESCALERA (cascada por columnas) — solo activa en escritorio */
.liam-sec-cascada{
  --liam-desnivel:40px;
  display:none;
  align-items:flex-start;
  gap:16px;
}
.liam-sec-col{
  display:flex;
  flex-direction:column;
  gap:16px;
  flex:1 1 0;
  min-width:0;
  will-change:transform;
}
.liam-sec-cascada .liam-sec-col:nth-child(1){margin-top:0}
.liam-sec-cascada .liam-sec-col:nth-child(2){margin-top:var(--liam-desnivel)}
.liam-sec-cascada .liam-sec-col:nth-child(3){margin-top:calc(var(--liam-desnivel) * 2)}
.liam-sec-cascada .liam-sec-col:nth-child(4){margin-top:calc(var(--liam-desnivel) * 3)}

/* Por defecto la cuadrícula normal está visible (mobile-first); en escritorio
   se reemplaza por la escalera si está activada. La cuadrícula "fallback" queda
   oculta en escritorio para no duplicar visualmente las tarjetas. */
@media(min-width:1025px){
  .liam-sec-cascada{display:flex}
  .liam-sec-grid.liam-sec-grid-fallback{display:none}
}

.liam-sec-card{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  background:#FFFFFF;
  border:1px solid #E0DDD8;
  border-radius:12px;
  padding:20px;
  box-shadow:0 2px 8px rgba(15,10,10,0.06);
  text-decoration:none;
  cursor:default;
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
a.liam-sec-card{cursor:pointer}

.liam-sec-card:hover{
  background-color:var(--liam-guinda);
  border-color:var(--liam-guinda);
  box-shadow:0 6px 16px rgba(15,10,10,0.12);
  transform:translateY(-2px);
}

.liam-sec-wrap.liam-sec-sin-sombra .liam-sec-card{box-shadow:none !important}
.liam-sec-wrap.liam-sec-sin-sombra .liam-sec-card:hover{box-shadow:none !important}

.liam-sec-icon-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:var(--liam-guinda);
  transition:color .22s ease;
  line-height:1;
}
.liam-sec-card:hover .liam-sec-icon-wrap{color:var(--liam-dorado)}

.liam-sec-icon-emoji{font-size:24px;line-height:1}
.liam-sec-icon-img{width:24px;height:24px;object-fit:contain;display:block}

.liam-sec-texto{
  font-family:'Poppins',sans-serif;
  font-size:15px;
  font-weight:600;
  color:var(--liam-negro);
  line-height:1.3;
  transition:color .22s ease;
}
.liam-sec-card:hover .liam-sec-texto{color:#FFFFFF}

@media(max-width:900px){
  .liam-sec-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .liam-sec-grid{grid-template-columns:1fr}
}