/* SecureDatalytics · estilo cálido (papel, tinta y subrayador) · 2026-10-24
   Se carga después de Bootstrap. No depende de quantum_precision.css. */
:root{
  --papel:#FBF7F0; --papel2:#F4ECDD; --tinta:#2B2622; --tinta2:#5C534A; --linea:#E3D8C6;
  --terracota:#C65D3B; --terracota-osc:#A94A2B; --verde:#2F6F68; --mostaza:#F2C14E; --cielo:#DCE8E4;
  --f-titulo:'Fraunces',Georgia,'Times New Roman',serif; --f-cuerpo:'Inter',system-ui,sans-serif; --f-mano:'Caveat','Segoe Print',cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--papel);color:var(--tinta);font-family:var(--f-cuerpo);font-size:1.0625rem;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden;margin:0}
h1,h2,h3,h4,.display-3,.display-4,.display-5,.display-6{font-family:var(--f-titulo);font-weight:600;color:var(--tinta);letter-spacing:-.01em;line-height:1.15}
h1,.display-3,.display-4{font-weight:600}
.display-3{font-size:clamp(2.1rem,5.2vw,3.6rem)}.display-4{font-size:clamp(2rem,4.6vw,3.2rem)}.display-5{font-size:clamp(1.8rem,3.6vw,2.6rem)}.display-6{font-size:clamp(1.65rem,3.1vw,2.3rem)}
.h3{font-size:1.45rem}.h4{font-size:1.3rem}.h5{font-size:1.15rem}.h6{font-size:1.02rem}
h3,h4,.h5,.h6{font-family:var(--f-cuerpo);font-weight:700;letter-spacing:0}
a{color:var(--verde)}
.text-white{color:var(--tinta)!important}.text-white-50{color:var(--tinta2)!important}.text-primary{color:var(--terracota)!important}
.muted,.box p,.box li,.accordion-body,.lead{color:var(--tinta2)}
.lead{font-size:1.18rem;line-height:1.75;font-weight:400}
strong{color:var(--tinta)}
.mano{font-family:var(--f-mano);font-size:1.5rem;line-height:1.2;color:var(--terracota)}
.marca{background:linear-gradient(transparent 58%,rgba(242,193,78,.65) 58%,rgba(242,193,78,.65) 92%,transparent 92%);padding:0 .1em}

/* Navegación */
.nav-quantum{position:fixed;top:0;width:100%;z-index:1000;background:rgba(251,247,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);padding:.7rem 0}
.nav-quantum .navbar-brand span{font-family:var(--f-titulo);color:var(--tinta)}
.nav-link-qp{font-weight:600;font-size:.95rem;color:var(--tinta);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.nav-link-qp:hover{color:var(--terracota);border-bottom-color:var(--mostaza)}
.nav-quantum .bi-list{color:var(--tinta)!important}
.navbar-toggler{box-shadow:none!important}

/* Botones */
.btn-precision{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--terracota);color:#fff!important;font-weight:700;font-size:1rem;border:0;padding:.85rem 1.7rem;border-radius:14px 18px 14px 18px;text-decoration:none;box-shadow:0 4px 0 var(--terracota-osc);transition:transform .15s,box-shadow .15s}
.btn-precision:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--terracota-osc);color:#fff}
.nav-quantum .btn-precision{padding:.55rem 1.1rem;font-size:.92rem}
.btn-outline-light{background:transparent;color:var(--tinta)!important;border:2px solid var(--tinta)!important;font-weight:600;border-radius:14px 18px 14px 18px!important;padding:.75rem 1.5rem!important}
.btn-outline-light:hover{background:var(--tinta)!important;color:var(--papel)!important}

/* Secciones y tarjetas */
.page{padding:130px 0 60px}
.block,.sd-section{padding:72px 0;border-top:1px dashed var(--linea)}
.block.alt{background:var(--papel2)}
.kicker{color:var(--verde);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.box{height:100%;padding:1.75rem;background:#fff;border:1.5px solid var(--linea);border-radius:18px 14px 20px 14px;box-shadow:3px 4px 0 rgba(43,38,34,.06)}
.box.suave{background:var(--papel2);box-shadow:none}
a.box{color:inherit;display:block;transition:transform .15s}a.box:hover{transform:translateY(-3px) rotate(-.3deg)}
.note{padding:1.2rem 1.4rem;background:var(--cielo);border-radius:16px 12px 18px 12px;color:var(--tinta);border:1.5px dashed var(--verde)}
.limit{border-left:4px solid var(--mostaza);padding:1rem 1.25rem;background:#FFF6DD;color:var(--tinta);border-radius:0 12px 12px 0}
.tag{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border:1.5px solid var(--linea);background:#fff;border-radius:999px;color:var(--tinta2);font-size:.9rem}
.tag i{color:var(--terracota)}
.num{display:grid;place-items:center;width:44px;height:44px;border-radius:50% 46% 52% 48%;background:var(--mostaza);color:var(--tinta);font-family:var(--f-titulo);font-weight:700;font-size:1.2rem;margin-bottom:1rem}
.step{display:block;font-family:var(--f-mano);font-size:1.3rem;color:var(--terracota);margin:1rem 0 .1rem;line-height:1.1;text-transform:none;letter-spacing:0;font-weight:700}
.box ul{padding-left:1.15rem}.box li{margin-bottom:.35rem}
hr{border-color:var(--linea)}

/* Ilustraciones */
.ilustra{width:100%;height:auto;display:block}
.ilustra text{font-family:var(--f-mano);font-size:22px;fill:var(--tinta)}
.doodle{width:64px;height:64px;margin-bottom:.4rem}

/* Preguntas frecuentes */
.accordion-item{background:transparent;border:0;border-bottom:1.5px solid var(--linea)}
.accordion-button{background:transparent!important;color:var(--tinta)!important;font-weight:700;font-size:1.05rem;padding:1.15rem 0;box-shadow:none!important}
.accordion-button:not(.collapsed){color:var(--terracota)!important}
.accordion-button::after{filter:none}
.accordion-body{padding:0 0 1.4rem}

/* Selector Sí/No */
.chip{cursor:pointer;margin:0}.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-block;padding:.45rem 1.4rem;border:1.5px solid var(--tinta2);border-radius:999px;font-weight:600;background:#fff}
.chip input:checked+span{background:var(--verde);border-color:var(--verde);color:#fff}
.chip input:focus-visible+span{outline:3px solid var(--mostaza);outline-offset:2px}

/* Pie */
.sd-footer2{background:#2B2622;color:#E8DFD0;padding:56px 0 24px;margin-top:0}
.sd-footer2 a{color:#E8DFD0;text-decoration:none}.sd-footer2 a:hover{color:var(--mostaza)}
.sdf-name{font-family:var(--f-titulo);font-size:1.3rem;color:#fff;margin-left:.5rem}
.sdf-brand-row{display:flex;align-items:center;margin-bottom:1rem}
.sdf-tagline,.sdf-meta{color:#C9BEAC;font-size:.95rem;line-height:1.7}
.sdf-heading{font-family:var(--f-mano)!important;font-size:1.4rem!important;color:var(--mostaza);font-weight:700;margin-bottom:.8rem}
.sdf-links{list-style:none;padding:0;margin:0}.sdf-links li{margin-bottom:.55rem}
.sdf-contact{display:flex;gap:.6rem;align-items:center;margin-bottom:.6rem}.sdf-contact i{color:var(--mostaza)}
.sdf-bottom{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1.2rem;font-size:.85rem;color:#B5A994}

/* Accesibilidad y móvil */
.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:.6rem 1rem;border-radius:8px;z-index:3000}.skip-link:focus{left:8px}
section[id],header[id]{scroll-margin-top:90px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mostaza);outline-offset:2px}
@keyframes entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
h1{animation:entra .6s ease both}
@media(prefers-reduced-motion:reduce){h1{animation:none}html{scroll-behavior:auto}}
.sd-cta-bar{display:none}
.carta{background:#fffdf7;border:1.5px solid var(--linea);border-radius:6px;padding:2rem 2.2rem;box-shadow:6px 8px 0 rgba(43,38,34,.07);transform:rotate(-.4deg);background-image:repeating-linear-gradient(transparent,transparent 33px,rgba(47,111,104,.08) 34px)}
.carta p{font-size:1.1rem;line-height:34px;margin:0 0 34px}
.firma{font-family:var(--f-mano);font-size:2rem;color:var(--terracota);line-height:1}
@media(max-width:991px){.navbar-collapse{background:var(--papel);padding:1rem;border-radius:0 0 16px 16px}}
@media(max-width:767px){
  body{font-size:1.03rem;padding-bottom:76px}
  .page{padding-top:105px}.block,.sd-section{padding:52px 0}.box{padding:1.35rem}
  .lead{font-size:1.08rem}.carta{padding:1.3rem 1.2rem}
  .sd-cta-bar{display:flex;gap:.6rem;position:fixed;left:0;right:0;bottom:0;padding:.65rem 1rem;background:rgba(251,247,240,.98);z-index:1500;border-top:1.5px solid var(--linea)}
  .sd-cta-bar a{flex:1;text-align:center;padding:.75rem .5rem;border-radius:14px;font-weight:700;font-size:.95rem;text-decoration:none}
  .sd-cta-bar .a1{background:var(--terracota);color:#fff;box-shadow:0 3px 0 var(--terracota-osc)}
  .sd-cta-bar .a2{border:2px solid var(--verde);color:var(--verde);background:#fff}
  .btn-precision,.btn-outline-light{width:100%}
}