/* Base lilás + look Tinder */
:root{
  --coronas-lilas:#9b59b6;
  --coronas-like:#2ecc71;
  --coronas-dislike:#e74c3c;
  --text:#333;
  --bg:#faf6ff;
}

body.coronas-enabled,
body.page .entry-content { background: var(--bg); }

.coronas-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap:24px;
  padding:20px;
}

.coronas-card{
  background:#fff;
  border-radius:20px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  overflow:hidden;
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease;
}
.coronas-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.coronas-card img{
  width:100%;
  height:360px;
  object-fit:cover;
}
.coronas-card h2{
  color:var(--text);
  font:600 20px/1.2 system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  padding:12px 16px 0;
  margin:0;
}
.coronas-actions{
  display:flex;
  justify-content:center;
  gap:18px;
  padding:16px 0 22px;
}
.coronas-actions button{
  width:62px;height:62px;
  border-radius:50%;
  border:none;
  font-size:22px;
  cursor:pointer;
  transition:transform .15s ease, filter .15s ease;
  color:#fff;
}
.coronas-like{ background:var(--coronas-like); }
.coronas-dislike{ background:var(--coronas-dislike); }
.coronas-actions button:hover{ transform:scale(1.08); filter:saturate(1.1); }