.privacy-banner{position:fixed;z-index:90;bottom:20px;left:20px;width:min(560px,calc(100% - 40px));padding:20px 22px;border:1px solid #66726a;border-radius:16px;background:#151b18;box-shadow:0 12px 50px #0008;color:#f0f4f1;display:flex;gap:20px;align-items:center}.privacy-banner[hidden]{display:none}.privacy-banner strong{font-size:14px}.privacy-banner p{font-size:12px;line-height:1.6;color:#bbc6bf;margin:8px 0 0}.privacy-banner-actions{display:flex;flex-direction:column;flex-shrink:0}.privacy-banner button,.privacy-close{font:inherit;cursor:pointer;min-height:44px;border:0;border-radius:8px;padding:10px 14px;color:#e7eee9;background:transparent;font-size:12px}.privacy-banner [data-privacy-accept]{color:#142019;background:#eef5f0}.privacy-dialog{max-width:560px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:28px;border:1px solid #718077;border-radius:22px;background:#101713;color:#eef4f0;box-shadow:0 30px 100px #0009}.privacy-dialog::backdrop{background:#020704c9;backdrop-filter:blur(6px)}.privacy-dialog-heading{display:flex;gap:20px;align-items:start}.privacy-dialog h2{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:0 0 15px}.privacy-close{min-width:44px;font-size:26px}.privacy-dialog p{font-size:13px;line-height:1.75;color:#becbc2}.privacy-category{border:1px solid #ffffff25;border-radius:12px;padding:18px;margin:16px 0}.privacy-category strong{font-size:14px;display:block}.privacy-category span{display:block;font-size:11px;color:#9fd9b1;margin-top:7px}.privacy-links{display:grid;gap:8px}.privacy-links a,.legal-nav a{min-height:44px;display:inline-flex;align-items:center;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#cbded2}.privacy-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.privacy-actions .button{font-size:12px}.legal-nav{display:flex;gap:8px 22px;flex-wrap:wrap}.cookie-document{max-width:800px;margin:140px auto 80px;padding:0 24px}.cookie-document h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.04em}.cookie-document h2{font-size:25px;margin-top:40px}.cookie-document p,.cookie-document li{font-size:16px;line-height:1.8;color:#bdc9c1}.cookie-document code{overflow-wrap:anywhere}.cookie-document a{color:#daeee1;text-decoration:underline;text-underline-offset:4px}.cookie-document .button{text-decoration:none}.privacy-dialog button:focus-visible,.privacy-banner button:focus-visible,.privacy-dialog a:focus-visible{outline:2px solid #00ff51;outline-offset:4px}@media(max-width:600px){.privacy-banner{left:12px;bottom:12px;width:calc(100% - 24px);padding:16px;gap:12px}.privacy-banner p{font-size:11px}.privacy-dialog{padding:22px}.privacy-dialog h2{font-size:26px}.privacy-actions .button{width:100%}}
.privacy-banner{align-items:flex-start;width:min(560px,calc(100% - 40px));padding:24px;gap:24px}.privacy-banner strong{font-size:18px;letter-spacing:-.025em}.privacy-banner p{font-size:13px}.privacy-banner-actions{gap:4px}.privacy-banner [data-privacy-open]{border:1px solid #708078}@media(max-width:600px){.privacy-banner{width:calc(100% - 24px);padding:20px;flex-direction:column;gap:16px}.privacy-banner-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.privacy-banner p{font-size:12px}}
/* Banner compacto en móvil (24-sep-2026): tapaba ~227 px de 844. El título se oculta
   porque el texto ya lo dice, y las tres acciones van en una fila. */
@media(max-width:600px){.privacy-banner{padding:14px 16px;gap:10px}.privacy-banner>div>strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.privacy-banner p{margin:0;line-height:1.5}.privacy-banner-actions{grid-template-columns:1fr 1fr 1fr;gap:6px}.privacy-banner button{padding:8px 6px}}