/* ===== Nav pill (paginas secundarias) ===== */
.cf-nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:3px;padding:4px;border-radius:999px;background:rgba(180,175,170,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 16px rgba(0,0,0,.05)}
.cf-ni{padding:7px 15px;border-radius:999px;font-size:13px;font-weight:500;background:rgba(255,255,255,.88);color:#121826;text-decoration:none;border:none;cursor:pointer;transition:background .25s,color .25s;font-family:'Inter',sans-serif}
.cf-brand{display:flex;align-items:center;gap:7px;padding-left:10px}
.cf-ring{width:20px;height:20px;border-radius:50%;background:linear-gradient(110deg,#F34296,#8B5CF6);flex:none;-webkit-mask:radial-gradient(circle 4px at center,transparent 99%,#000 100%);mask:radial-gradient(circle 4px at center,transparent 99%,#000 100%)}
.cf-wm{font-family:'Urbanist';font-weight:700;font-size:16px;letter-spacing:-.02em}
.cf-nav:hover .cf-ni{background:transparent;color:rgba(0,0,0,.35)}
.cf-nav:hover .cf-ni:hover{background:rgba(255,255,255,.88);color:#121826}
@media(max-width:640px){.cf-nav{top:12px;gap:2px;padding:3px}.cf-ni{font-size:12px;padding:6px 12px}.cf-ni.cf-back{display:none}}

/* ===== Form modal (paginas secundarias) ===== */
.form-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}
.form-overlay.open{opacity:1;pointer-events:auto}
.form-modal{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--blue);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:clamp(28px,4vw,40px);transform:translateY(16px);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.form-overlay.open .form-modal{transform:translateY(0)}
.form-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:rgba(255,255,255,.5);transition:background .2s}
.form-close:hover{background:rgba(255,255,255,.12)}
.form-modal-head{text-align:center;margin-bottom:28px}
.form-modal-ring{width:36px;height:36px;border-radius:50%;background:var(--grad);-webkit-mask:radial-gradient(circle 9px at center,transparent 99%,#000 100%);mask:radial-gradient(circle 9px at center,transparent 99%,#000 100%);margin:0 auto 16px}
.form-modal-title{font-family:'Urbanist';font-style:italic;font-weight:700;font-size:24px;color:#fff;letter-spacing:-.02em}
.form-modal-sub{font-size:14px;color:rgba(255,255,255,.4);margin-top:6px}
.lead-form{display:flex;flex-direction:column;gap:16px;text-align:left}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-field label{font-size:12px;font-weight:600;color:rgba(255,255,255,.4);letter-spacing:.03em}
.form-field input,.form-field select{font-family:'Inter';font-size:15px;font-weight:500;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;appearance:none}
.form-field input::placeholder{color:rgba(255,255,255,.25)}
.form-field input:focus,.form-field select:focus{border-color:rgba(243,66,150,.4);background:rgba(255,255,255,.08)}
.form-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.form-field select option{background:var(--blue);color:#fff}
.lead-form .fm-submit{width:100%;font-family:'Inter';font-weight:600;font-size:16px;color:#fff;cursor:pointer;padding:15px 32px;border-radius:999px;border:none;text-decoration:none;background:linear-gradient(135deg,#F34296,#8B5CF6);box-shadow:0 8px 24px -14px rgba(243,66,150,.5);transition:transform .2s,box-shadow .2s;margin-top:8px}
.lead-form .fm-submit:hover{transform:translateY(-2px);box-shadow:0 14px 32px -12px rgba(243,66,150,.6)}
@media(max-width:500px){.form-row-2{grid-template-columns:1fr}}

/* ===== Cookie consent ===== */
.cc-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:200;max-width:440px;margin:0 auto;background:#F5F0EB;border-radius:18px;box-shadow:0 20px 50px -20px rgba(18,24,38,.35);padding:20px 22px;font-family:'Inter',sans-serif;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.cc-banner.show{opacity:1;transform:translateY(0);pointer-events:auto}
.cc-text{font-size:13.5px;line-height:1.55;color:#4B5563;margin:0 0 14px}
.cc-text a{color:#F34296;text-decoration:none}
.cc-text a:hover{text-decoration:underline}
.cc-actions{display:flex;gap:10px;justify-content:flex-end}
.cc-decline{font-family:'Inter',sans-serif;font-weight:600;font-size:13px;color:#6B7280;background:none;border:none;cursor:pointer;padding:10px 14px;border-radius:999px;transition:background .2s}
.cc-decline:hover{background:rgba(0,0,0,.04)}
.cc-accept{font-family:'Inter',sans-serif;font-weight:600;font-size:13px;color:#fff;cursor:pointer;padding:10px 20px;border-radius:999px;border:none;background:linear-gradient(135deg,#F34296,#8B5CF6);box-shadow:0 8px 20px -12px rgba(243,66,150,.5)}
@media(max-width:480px){.cc-banner{left:12px;right:12px;bottom:12px;padding:16px 18px}.cc-actions{justify-content:stretch}.cc-decline,.cc-accept{flex:1;text-align:center}}