* { box-sizing: border-box; }
body { margin:0; font-family: "Helvetica Neue", Arial, sans-serif; line-height:1.5; color:#154492; background:#fafafa; }

/* layout */
.container { max-width:1100px; margin:0 auto; padding:0 20px; }

.legal-header { background:#0f172a; color:#fff; padding:36px 0; }
.legal-header h1 { margin:0; font-size:28px; }

.legal-container { background:#fff; margin:28px auto; padding:28px; border-radius:8px; box-shadow:0 4px 18px rgba(15,23,42,0.06); }

h1,h2 { color:#0f172a; }
h2 { margin-top:18px; font-size:20px; }

.legal-list { list-style:none; padding-left:0; margin:0 0 12px 0; }
.legal-list li { margin:6px 0; }

.legal-back { margin-top:22px; }
.legal-back a { color:#0f172a; text-decoration:none; font-weight:600; }

/* Table for cookies */
.cookie-table { width:100%; border-collapse:collapse; margin-top:12px; font-size:14px; }
.cookie-table th, .cookie-table td { padding:10px; border:1px solid #e6e6e6; text-align:left; }
.cookie-table thead th { background:#f3f4f6; }

/* ---------- COOKIE BANNER / MODAL ---------- */

/* Banner GDPR (hidden by default) */
#cookie-banner-gdpr {
  position: fixed;
  bottom: 18px;
  left: 18px;
  right: 18px;
  max-width:1100px;
  margin:0 auto;
  background: linear-gradient(180deg, #111827 0%, #0b1220 100%);
  color:#fff;
  padding:18px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  z-index:99999;
  box-shadow:0 10px 30px rgba(2,6,23,0.35);
  flex-wrap:wrap;
  display:none; /* JS shows it if needed */
}

#cookie-banner-gdpr .cookie-text { flex:1; min-width:220px; }
#cookie-banner-gdpr a { color:#fbbf24; text-decoration:underline; }

.cookie-buttons { display:flex; gap:8px; align-items:center; }

/* buttons */
.cookie-buttons button {
  border:0; padding:10px 14px; border-radius:8px; cursor:pointer; font-weight:600;
}
#btn-rechazar { background:#ef4444; color:#fff; }
#btn-config { background:#6b7280; color:#fff; }
#btn-aceptar { background:#22c55e; color:#07111b; }

/* Modal backdrop */
#cookie-modal {
  position:fixed; inset:0; display:none; z-index:100000; align-items:center; justify-content:center; background:rgba(2,6,23,0.6);
}

/* Modal content */
.cookie-modal-content {
  width:92%; max-width:560px; background:#fff; border-radius:12px; padding:22px; box-shadow:0 8px 30px rgba(2,6,23,0.4);
}

.cookie-modal-content h2 { margin-top:0; }
.switch-label { display:flex; justify-content:space-between; align-items:center; margin:12px 0; font-size:15px; }
.switch-label input[type="checkbox"] { width:20px; height:20px; }

/* modal buttons */
.modal-buttons { margin-top:18px; text-align:right; }
.modal-buttons button { margin-left:8px; padding:10px 14px; border-radius:8px; border:0; font-weight:600; cursor:pointer; }
#modal-guardar { background:#16a34a; color:#fff; }
#modal-cerrar { background:#6b7280; color:#fff; }

/* responsive */
@media (max-width:640px) {
  #cookie-banner-gdpr { flex-direction:column; align-items:flex-start; }
  .cookie-buttons { width:100%; justify-content:flex-end; }
}

/* reset simple */
* { box-sizing: border-box; }
body { margin:0; font-family: "Helvetica Neue", Arial, sans-serif; line-height:1.5; color:#222; background:#fafafa; }

/* layout */
.container { max-width: 1100px; margin:0 auto; padding:0 20px; align-items: center; }

.legal-header { background:#193972; color: #f4b41a;; padding:36px 0; }
.legal-header h1 { margin: top 5px;  font-size:38px; color: #f4b41a; }
.legal-header img { max-width: 250px; 
}
.legal-container { background:#ebe9e9; margin:28px auto; padding:28px; border-radius:8px; box-shadow:0 4px 18px rgba(15,23,42,0.06); align-items: center; }
.baner-politica { align-items: center;display: flex;justify-content: space-around;

}
h1,h2 { color:#0f172a; }
h2 { margin-top:18px; font-size:20px; }

.legal-list { list-style:none; padding-left:0; margin:0 0 12px 0; }
.legal-list li { margin:6px 0; }

.legal-back { margin-top:22px; }
.legal-back a { color:#0f172a; text-decoration:none; font-weight:600; }

/* Table for cookies */
.cookie-table { width:100%; border-collapse:collapse; margin-top:12px; font-size:14px; }
.cookie-table th, .cookie-table td { padding:10px; border:1px solid #e6e6e6; text-align:left; }
.cookie-table thead th { background:#f3f4f6; }

/* ---------- COOKIE BANNER / MODAL ---------- */

/* Banner GDPR (hidden by default) */
#cookie-banner-gdpr {
  position: fixed;
  bottom: 18px;
  left: 18px;
  right: 18px;
  max-width:1100px;
  margin:0 auto;
  background: linear-gradient(180deg, #111827 0%, #0b1220 100%);
  color:#fff;
  padding:18px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  z-index:99999;
  box-shadow:0 10px 30px rgba(2,6,23,0.35);
  flex-wrap:wrap;
  display:none; /* JS shows it if needed */
}

#cookie-banner-gdpr .cookie-text { flex:1; min-width:220px; }
#cookie-banner-gdpr a { color:#fbbf24; text-decoration:underline; }

.cookie-buttons { display:flex; gap:8px; align-items:center; }

/* buttons */
.cookie-buttons button {
  border:0; padding:10px 14px; border-radius:8px; cursor:pointer; font-weight:600;
}
#btn-rechazar { background:#ef4444; color:#fff; }
#btn-config { background:#6b7280; color:#fff; }
#btn-aceptar { background:#22c55e; color:#07111b; }

/* Modal backdrop */
#cookie-modal {
  position:fixed; inset:0; display:none; z-index:100000; align-items:center; justify-content:center; background:rgba(3, 15, 68, 0.6);
}

/* Modal content */
.cookie-modal-content {
  width:92%; max-width:560px; background:#fff; border-radius:12px; padding:22px; box-shadow:0 8px 30px rgba(2,6,23,0.4);
}

.cookie-modal-content h2 { margin-top:0; }
.switch-label { display:flex; justify-content:space-between; align-items:center; margin:12px 0; font-size:15px; }
.switch-label input[type="checkbox"] { width:20px; height:20px; }

/* modal buttons */
.modal-buttons { margin-top:18px; text-align:right; }
.modal-buttons button { margin-left:8px; padding:10px 14px; border-radius:8px; border:0; font-weight:600; cursor:pointer; }
#modal-guardar { background:#16a34a; color:#fff; }
#modal-cerrar { background:#6b7280; color:#fff; }

/* responsive */
@media (max-width:640px) {
  #cookie-banner-gdpr { flex-direction:column; align-items:flex-start; }
  .cookie-buttons { width:100%; justify-content:flex-end; }
}