/* SISTEPARD — Centro de consentimiento (estilo Termly, español) */
.sp-consent-banner{position:fixed;left:20px;bottom:20px;z-index:60;max-width:410px;background:#fff;border:1px solid #dfe3ec;border-radius:8px;box-shadow:0 12px 40px rgba(10,20,60,.18);padding:22px 22px 18px;font-size:13px;line-height:1.65;color:#222;font-family:Arial,Helvetica,sans-serif}
.sp-consent-banner a{color:#111}
.sp-consent-banner-btns{display:flex;gap:10px;margin-top:14px}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border-radius:6px;padding:9px 22px;cursor:pointer;border:1px solid transparent;font-family:inherit}
.sp-btn-outline{background:#fff;border-color:#111;color:#111}
.sp-btn-blue{background:#2557e7;border-color:#2557e7;color:#fff;min-width:130px}
.sp-btn-blue.big{min-width:170px;padding:11px 22px}
.sp-consent-overlay{position:fixed;inset:0;z-index:70;background:rgba(15,25,50,.45);display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:36px 16px}
.sp-consent-overlay.open{display:flex}
.sp-consent-modal{position:relative;background:#fff;border-radius:8px;box-shadow:0 24px 80px rgba(10,20,60,.3);width:100%;max-width:660px;padding:38px 44px 0;font-family:Arial,Helvetica,sans-serif;color:#111}
.sp-consent-close{position:absolute;top:14px;right:16px;width:30px;height:30px;border:1px solid #111;background:#fff;border-radius:5px;font-size:15px;cursor:pointer;color:#111}
.sp-consent-modal h2{font-size:14.5px;font-weight:700;margin-bottom:14px;color:#111}
.sp-consent-modal .sp-intro{font-size:13px;line-height:1.7;color:#222;margin-bottom:8px}
.sp-consent-modal .sp-intro a{color:#111}
.sp-cat{border-top:1px solid #eceff4;padding:16px 0}
.sp-cat-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#111}
.sp-cat-head input{width:15px;height:15px;accent-color:#2557e7}
.sp-cat-head .sp-det{font-weight:400;text-decoration:underline;cursor:pointer;font-size:12.5px}
.sp-cat p{font-size:13px;color:#222;line-height:1.65;margin:8px 0 0 23px}
.sp-modal-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid #eceff4;margin:18px -44px 0;padding:16px 44px 20px;display:flex;gap:12px;justify-content:center;border-radius:0 0 8px 8px}
.sp-back{background:#fff;border:1px solid #111;color:#111;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
.sp-details h2{font-size:21px;font-weight:800;margin:20px 0 22px;color:#111}
.sp-details h3{font-size:16px;font-weight:800;margin:26px 0 10px;color:#111}
.sp-table{width:100%;border-collapse:collapse;border:1px solid #2557e7;font-size:12.5px;margin-bottom:6px}
.sp-table th{background:#2557e7;color:#fff;text-align:left;padding:10px 12px}
.sp-table td{padding:10px 12px;border-top:1px solid #d7ddf0;vertical-align:top;color:#222;line-height:1.55}
.sp-table td.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}
.sp-table a{color:#111;font-size:11.5px}
.sp-view{display:none}
.sp-view.active{display:block}
.sp-scroll{max-height:62vh;overflow-y:auto;padding-right:6px}
.sp-sitenav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #f1f5f9;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.sp-sitenav-inner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.sp-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.sp-brand-name{font-weight:800;color:#0f172a;font-size:17px;letter-spacing:-.02em;line-height:1}
.sp-brand-name span{color:#4f7df5}
.sp-brand-sub{font-size:9px;font-weight:600;color:#94a3b8;letter-spacing:.18em;text-transform:uppercase}
.sp-navlinks{display:flex;gap:32px}
.sp-navlinks a{font-size:14px;font-weight:600;color:#475569;text-decoration:none}
.sp-navlinks a:hover{color:#4f7df5}
.sp-cta{display:flex;align-items:center;gap:16px}
.sp-login{font-size:14px;font-weight:600;color:#475569;text-decoration:none}
.sp-login:hover{color:#4f7df5}
.sp-signup{background:#2557e7;color:#fff;font-size:14px;font-weight:600;padding:10px 24px;border-radius:12px;text-decoration:none;box-shadow:0 8px 20px rgba(37,87,231,.25)}
@media(max-width:767px){.sp-navlinks,.sp-cta{display:none}}
.footer-gradient{background:linear-gradient(180deg,#0a0f2c 0%,#001440 100%)}
img.icon-svg{width:20px;height:20px;display:inline-block;vertical-align:middle}
.td-backrow{text-align:center;margin-top:44px;padding:22px 0 10px;border-top:1px solid #e7eaf2}
.td-backbtn{display:inline-block;font-size:13px;font-weight:600;color:#4a5568;border:1px solid #dfe3ec;border-radius:999px;padding:9px 26px;text-decoration:none;background:#fff}
.td-backbtn:hover{border-color:#94a3b8;color:#111}
.td-sitefooter{background:#0a1128;color:#fff;padding:48px 24px 28px;text-align:center}
.td-sitefooter-inner{max-width:720px;margin:0 auto}
.td-sf-logo{display:flex;justify-content:center;margin-bottom:14px}
.td-sf-brand{font-weight:800;font-size:19px;letter-spacing:.02em;margin-bottom:20px}
.td-sf-brand span{color:#7ea4f5}
.td-sf-social{display:flex;justify-content:center;gap:16px;margin-bottom:26px}
.td-sf-social a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.td-sf-social a:hover{background:rgba(255,255,255,.2)}
.td-sf-social img{width:18px;height:18px;filter:brightness(0) invert(1)}
.td-sf-links{margin-bottom:18px;font-size:13px}
.td-sf-links a{color:rgba(255,255,255,.55);text-decoration:none;margin:0 10px;line-height:2}
.td-sf-links a:hover{color:#fff}
.td-sf-copy{font-size:12px;color:rgba(255,255,255,.3);margin:0}
.td-hero{background:linear-gradient(135deg,#1a365d,#0a1128);color:#fff;text-align:center;padding:52px 24px 60px}
.td-hero .td-pill{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 18px;font-size:12px;letter-spacing:.08em;font-weight:700}
.td-hero h1{font-size:32px;font-weight:800;margin:16px 0 8px;color:#fff}
.td-hero p{color:rgba(255,255,255,.65);font-size:15px;margin:0}
@media(max-width:640px){.sp-consent-modal{padding:28px 22px 0}.sp-modal-foot{margin:14px -22px 0;padding:14px 22px 18px}.sp-consent-banner{left:12px;right:12px;bottom:12px;max-width:none}}
