/* Banner Cookies – Sincronía Interior */
:root{
  --si-bg: #fff;
  --si-text:#4a3726;
  --si-primary:#D6AB95; /* paleta SI */
  --si-dark:#83480D;
  --si-shadow:0 10px 30px rgba(0,0,0,.18);
  --si-radius:16px;
}
.si-cookies-backdrop {
  position: fixed;
  margin: 0 auto;
  width: 95%;
  bottom: 1%;
  left: 0;
  right: 0;
  background: #fff; /* ya no usamos overlay oscuro */
  padding: 12px 20px;
  z-index: 9999;
  box-shadow: 0 -2px 6px rgba(0,0,0,.1);
  border-radius: 10px;
  display: flex;
  justify-content: center;
}

@media(min-width:700px){ .si-cookies-backdrop{ align-items:center; } }

@media (max-width: 700px){
  .si-cookies-modal{
    flex-direction: column;
    align-items: center;
  }
  .si-cookies-actions{
    justify-content: flex-start;
    width: 100%;
  }
}

.si-cookies-modal {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0;
  background: none;
  box-shadow: none;
}

.si-cookies-modal h2{ font-family:"Kulachant", serif; color:var(--si-dark); margin:0 0 8px; }
.si-cookies-modal p {
  margin: 0;
  flex: 1 1 auto;
  font-size: 0.9rem;
}
.si-cookies-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.si-cookies-actions.right{ justify-content:flex-end; }
.si-btn{
  border:none; border-radius:12px; padding:10px 16px; cursor:pointer; font-weight:700;
}
.si-btn.primary{ background:var(--si-dark); color:#fff; }
.si-btn.secondary{ background:var(--si-primary); color:#4a3726; }
.si-btn.ghost{ background:#eee; color:#333; }
.si-cookies-panel{ border-top:1px solid #eee; margin-top:8px; padding-top:10px; }
.si-cookies-list{ list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.si-row{ display:flex; align-items:center; justify-content:space-between; gap:14px; }
.si-row input[type="checkbox"]{ transform:scale(1.2); }
.si-cookies-manage{
  position:fixed; right:16px; bottom:16px; z-index:9998;
  background:var(--si-dark); color:#fff; border:none; border-radius:999px;
  padding:10px 14px; box-shadow:var(--si-shadow); font-weight:700; cursor:pointer;
}
[hidden]{ display:none !important; }