/* QuotaCasa — Cookie banner custom */
#qc-cookie{
  position:fixed; bottom:18px; left:50%; transform:translateX(-50%) translateY(20px);
  width:calc(100% - 36px); max-width:880px;
  background:#0e1e23; color:#cbd3d7;
  border-radius:14px;
  box-shadow:0 -8px 40px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.06);
  padding:18px 22px;
  font-family:'Segoe UI',-apple-system,Roboto,Helvetica,Arial,sans-serif;
  font-size:14px; line-height:1.5;
  opacity:0; transition:opacity .25s ease, transform .25s ease;
  z-index:99999;
  display:flex; flex-wrap:wrap; align-items:center; gap:14px;
}
#qc-cookie.on{ opacity:1; transform:translateX(-50%) translateY(0); }
#qc-cookie .qc-cc-msg{ flex:1; min-width:240px; }
#qc-cookie .qc-cc-msg a{ color:#c89a3c; text-decoration:underline; }
#qc-cookie .qc-cc-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.qc-cc-btn{
  border:none; border-radius:9px; cursor:pointer;
  padding:10px 18px; font-size:13.5px; font-weight:700;
  font-family:inherit; letter-spacing:.2px;
  transition:background .15s, transform .1s, border-color .15s;
}
.qc-cc-btn:active{ transform:translateY(1px); }
.qc-cc-accept{ background:#0a6e6e; color:#fff; }
.qc-cc-accept:hover{ background:#074f4f; }
.qc-cc-deny{ background:transparent; color:#cbd3d7; border:1px solid rgba(255,255,255,.18); }
.qc-cc-deny:hover{ background:rgba(255,255,255,.06); }
.qc-cc-prefs{ background:transparent; color:#c89a3c; border:1px solid rgba(200,154,60,.45); }
.qc-cc-prefs:hover{ background:rgba(200,154,60,.1); }

/* MODAL */
#qc-cookie-modal{
  position:fixed; inset:0;
  background:rgba(8,20,25,.72);
  display:flex; align-items:center; justify-content:center;
  z-index:100000; padding:20px;
  opacity:0; transition:opacity .2s;
  font-family:'Segoe UI',-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
#qc-cookie-modal.on{ opacity:1; }
#qc-cookie-modal .qc-cm-box{
  background:#fff; color:#1a2b32;
  border-radius:16px; max-width:560px; width:100%;
  max-height:88vh; overflow:hidden;
  display:flex; flex-direction:column;
  box-shadow:0 24px 60px rgba(0,0,0,.4);
}
#qc-cookie-modal .qc-cm-head{
  display:flex; justify-content:space-between; align-items:center;
  padding:18px 22px; border-bottom:1px solid #e7e2d7;
}
#qc-cookie-modal h3{ font-size:18px; font-weight:800; letter-spacing:-.3px; margin:0; }
#qc-cookie-modal .qc-cm-close{
  background:none; border:none; font-size:24px; cursor:pointer; color:#5a6b73; padding:0 6px;
}
#qc-cookie-modal .qc-cm-body{ padding:18px 22px; overflow-y:auto; }
#qc-cookie-modal .qc-cm-body > p{ font-size:14px; color:#5a6b73; margin:0 0 16px; }
#qc-cookie-modal .qc-cm-row{
  display:flex; gap:12px; align-items:start;
  padding:12px 14px; border:1px solid #e7e2d7; border-radius:10px;
  margin-bottom:8px; cursor:pointer;
}
#qc-cookie-modal .qc-cm-row input{ margin-top:3px; accent-color:#0a6e6e; transform:scale(1.1); }
#qc-cookie-modal .qc-cm-row strong{ display:block; font-size:14.5px; }
#qc-cookie-modal .qc-cm-row em{ color:#0a8a5a; font-style:normal; font-size:12px; font-weight:600; }
#qc-cookie-modal .qc-cm-row small{ display:block; color:#5a6b73; font-size:12.5px; margin-top:3px; }
#qc-cookie-modal .qc-cm-foot{
  display:flex; gap:10px; justify-content:flex-end;
  padding:14px 22px; background:#fbfaf6; border-top:1px solid #e7e2d7;
}
#qc-cookie-modal .qc-cm-back{
  background:transparent; color:#5a6b73; border:1px solid #e7e2d7;
}
#qc-cookie-modal .qc-cm-back:hover{ background:#fff; border-color:#0a6e6e; color:#0a6e6e; }

/* MOBILE */
@media(max-width:600px){
  #qc-cookie{ left:10px; right:10px; width:auto; transform:translateY(20px); bottom:10px; padding:14px 16px; }
  #qc-cookie.on{ transform:translateY(0); }
  #qc-cookie .qc-cc-actions{ flex-direction:column; width:100%; }
  .qc-cc-btn{ width:100%; padding:12px; text-align:center; }
  #qc-cookie-modal{ padding:0; }
  #qc-cookie-modal .qc-cm-box{ max-width:100%; height:100vh; height:100dvh; border-radius:0; max-height:100vh; }
}