/* OTORIXA PRO — Header / Mobile Drawer / Footer expert refinement
   Delta scope: navigation hierarchy, contact actions, responsive polish.
   Existing pages and location URLs remain untouched. */

/* HEADER */
body.otx-public-vitrine .hdr{
  background:linear-gradient(180deg,rgba(5,14,27,.965),rgba(6,17,31,.90))!important;
  border-bottom:1px solid rgba(103,232,249,.13)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(20px) saturate(132%);
}
body.otx-public-vitrine .hdr.is-pinned{
  background:linear-gradient(180deg,rgba(5,14,27,.992),rgba(6,17,31,.955))!important;
  border-bottom-color:rgba(103,232,249,.20)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
}
body.otx-public-vitrine .hdr-inner{max-width:1440px;gap:18px}
body.otx-public-vitrine .hdr-brand{flex:0 1 auto}
body.otx-public-vitrine .hdr-nav{gap:3px;justify-content:flex-end}
body.otx-public-vitrine .hdr-link{padding:9px 10px;border-radius:12px;font-size:.79rem;white-space:nowrap}
body.otx-public-vitrine .hdr-link-icon{opacity:.72}
body.otx-public-vitrine .hdr-link:hover .hdr-link-icon,
body.otx-public-vitrine .hdr-link.is-active .hdr-link-icon{opacity:1;color:#67e8f9}
body.otx-public-vitrine .hdr-context-cta{min-width:max-content;border-radius:13px}

/* MOBILE DRAWER */
body.otx-public-vitrine .drawer{
  background:
    radial-gradient(circle at 12% 4%,rgba(56,189,248,.12),transparent 28%),
    radial-gradient(circle at 92% 14%,rgba(139,92,246,.09),transparent 30%),
    linear-gradient(180deg,#071426 0%,#050e1b 100%)!important;
}
body.otx-public-vitrine .drawer-head{padding:16px 16px 14px}
body.otx-public-vitrine .drawer-nav{padding:12px 14px 10px;gap:6px}
body.otx-public-vitrine .drawer-section-label{
  margin:11px 4px 5px;padding:0 4px;color:#7dd3fc!important;font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
}
body.otx-public-vitrine .drawer-link{
  min-height:50px;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.026);border-color:rgba(148,190,220,.11);
}
body.otx-public-vitrine .drawer-link:hover,
body.otx-public-vitrine .drawer-link.is-active{
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(20,184,166,.05));
  border-color:rgba(103,232,249,.22);
}
.drawer-pro-contact{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(148,190,220,.11);background:rgba(3,10,19,.42)}
.drawer-pro-contact__item{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:11px;border:1px solid rgba(56,189,248,.17);border-radius:15px;background:rgba(56,189,248,.055);color:#eaf9ff!important;text-decoration:none;min-width:0}
.drawer-pro-contact__item>svg{width:18px;height:18px;color:#67e8f9;justify-self:center}
.drawer-pro-contact__item span{display:grid;gap:1px;min-width:0}
.drawer-pro-contact__item small{color:#8fb4ca;font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.drawer-pro-contact__item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:850}
.drawer-pro-contact__item--wa{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.065)}
.drawer-pro-contact__item--wa>svg{color:#4ade80}

/* FOOTER — expert information architecture */
body.otx-public-vitrine .ftr{
  position:relative;
  background:
    radial-gradient(circle at 9% 14%,rgba(56,189,248,.10),transparent 27%),
    radial-gradient(circle at 88% 20%,rgba(139,92,246,.075),transparent 30%),
    linear-gradient(180deg,#071426 0%,#040b15 100%)!important;
  border-top:1px solid rgba(103,232,249,.13)!important;
}
body.otx-public-vitrine .ftr::before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.42),rgba(20,184,166,.32),rgba(139,92,246,.30),transparent);pointer-events:none}
body.otx-public-vitrine .ftr-grid{grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(145px,.82fr));gap:clamp(24px,3.2vw,46px);align-items:start}
body.otx-public-vitrine .ftr-brand-col{padding-right:8px}
body.otx-public-vitrine .ftr-desc{max-width:48ch;line-height:1.7;color:#9fb4ca}
body.otx-public-vitrine .ftr-badges{gap:7px}
body.otx-public-vitrine .ftr-badge{font-size:.67rem!important;line-height:1.2}
body.otx-public-vitrine .ftr-col-title{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#f2fbff;font-size:.82rem;letter-spacing:.02em}
body.otx-public-vitrine .ftr-col-title-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;border:1px solid rgba(56,189,248,.16);background:rgba(56,189,248,.05);color:#67e8f9}
body.otx-public-vitrine .ftr-col-title-icon svg{width:14px;height:14px}
body.otx-public-vitrine .ftr-links{gap:4px}
body.otx-public-vitrine .ftr-links a{min-height:36px;padding:7px 8px;border-radius:10px;color:#9fb4ca;transition:background .2s ease,color .2s ease,transform .2s ease}
body.otx-public-vitrine .ftr-links a:hover{background:rgba(56,189,248,.055);color:#edfaff;transform:translateX(2px)}
body.otx-public-vitrine .ftr-link-icon{color:#5ecce9;opacity:.78}

body.otx-public-vitrine .ftr-contact--pro{display:grid!important;gap:8px!important;margin-top:5px}
body.otx-public-vitrine .ftr-contact--pro>a,
body.otx-public-vitrine .ftr-contact--pro>.ftr-contact-address{
  display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid rgba(148,190,220,.10);border-radius:13px;background:rgba(255,255,255,.025);color:#dcecf5!important;text-decoration:none;
}
body.otx-public-vitrine .ftr-contact-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.13);color:#67e8f9}
body.otx-public-vitrine .ftr-contact-icon svg{width:15px;height:15px}
body.otx-public-vitrine .ftr-contact--pro small{display:block;margin-bottom:2px;color:#7797ae;font-size:.59rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
body.otx-public-vitrine .ftr-contact--pro strong{display:block;color:#dcecf5;font-size:.76rem;line-height:1.35;font-weight:760}
body.otx-public-vitrine .ftr-contact-address strong{font-size:.72rem}
.ftr-contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}
.ftr-contact-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid rgba(56,189,248,.20);border-radius:12px;background:rgba(56,189,248,.07);color:#dff8ff!important;text-decoration:none;font-size:.75rem;font-weight:900}
.ftr-contact-actions a svg{width:15px;height:15px}
.ftr-contact-actions a:hover{background:rgba(56,189,248,.12);border-color:rgba(103,232,249,.32)}
.ftr-contact-actions .is-whatsapp{background:rgba(34,197,94,.075);border-color:rgba(34,197,94,.22);color:#dfffea!important}
.ftr-contact-actions .is-whatsapp svg{color:#4ade80}
body.otx-public-vitrine .ftr-bottom{margin-top:32px;padding-top:18px;border-top-color:rgba(148,190,220,.10)}

/* RESPONSIVE */
@media(max-width:1180px){
  body.otx-public-vitrine .hdr-link{padding-inline:8px;font-size:.75rem}
  body.otx-public-vitrine .hdr-brand-tag{max-width:180px!important}
  body.otx-public-vitrine .ftr-grid{grid-template-columns:minmax(260px,1.25fr) repeat(2,minmax(160px,1fr))}
  body.otx-public-vitrine .ftr-col:last-child{grid-column:2/4}
}
@media(max-width:960px){
  body.otx-public-vitrine .hdr-nav{display:none!important}
  body.otx-public-vitrine .hdr-actions{display:none!important}
  body.otx-public-vitrine .hdr-burger{display:flex!important}
  body.otx-public-vitrine .ftr-grid{grid-template-columns:1.2fr 1fr}
  body.otx-public-vitrine .ftr-col:last-child{grid-column:auto}
}
@media(max-width:680px){
  body.otx-public-vitrine .hdr-inner{height:62px!important;padding-inline:14px}
  body.otx-public-vitrine .hdr-logo{width:37px!important;height:37px!important}
  body.otx-public-vitrine .drawer{width:min(390px,94vw)}
  .drawer-pro-contact{grid-template-columns:1fr 1fr;padding-inline:12px}
  body.otx-public-vitrine .ftr{padding-top:46px}
  body.otx-public-vitrine .ftr-grid{grid-template-columns:1fr;gap:28px}
  body.otx-public-vitrine .ftr-brand-col{padding-right:0}
  body.otx-public-vitrine .ftr-col{padding-top:0}
  body.otx-public-vitrine .ftr-col-title{margin-bottom:10px}
  body.otx-public-vitrine .ftr-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  body.otx-public-vitrine .ftr-links a{min-height:42px;padding:9px 10px;background:rgba(255,255,255,.02);border:1px solid rgba(148,190,220,.075)}
  body.otx-public-vitrine .ftr-contact-address strong{font-size:.70rem}
  .ftr-contact-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  body.otx-public-vitrine .hdr-brand-tag{display:none!important}
  body.otx-public-vitrine .hdr-brand-text strong{font-size:.88rem!important;letter-spacing:.08em!important}
  .drawer-pro-contact{grid-template-columns:1fr}
  body.otx-public-vitrine .ftr-links{grid-template-columns:1fr}
  .ftr-contact-actions{grid-template-columns:1fr 1fr}
}


/* ═══════════════════════════════════════════════════════════════════════
   PAKET 34 — OTORIXA GLOBAL PUBLIC CHROME
   Final owner for header · drawer · mobile dock · footer on every public page.
   Visual language: deep ink + cyan/teal flow + controlled violet authority.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --otx-chrome-ink:#06111f;
  --otx-chrome-ink-2:#08182b;
  --otx-chrome-panel:rgba(8,24,43,.90);
  --otx-chrome-line:rgba(125,211,252,.14);
  --otx-chrome-line-strong:rgba(103,232,249,.28);
  --otx-chrome-text:#f5fbff;
  --otx-chrome-muted:#a9bed2;
  --otx-chrome-cyan:#38bdf8;
  --otx-chrome-cyan-soft:#8be9ff;
  --otx-chrome-teal:#14b8a6;
  --otx-chrome-violet:#8b5cf6;
  --otx-chrome-violet-soft:#a78bfa;
  --otx-chrome-header-h:68px;
  --hdr:68px;
}

/* Header: one visual owner, same on homepage and all detail families. */
body.otx-public-vitrine .hdr{
  height:calc(var(--otx-chrome-header-h) + env(safe-area-inset-top,0px));
  background:
    radial-gradient(circle at 16% -60%,rgba(56,189,248,.13),transparent 46%),
    radial-gradient(circle at 84% -70%,rgba(139,92,246,.10),transparent 42%),
    linear-gradient(180deg,rgba(5,14,27,.975),rgba(6,17,31,.935))!important;
  border-bottom:1px solid var(--otx-chrome-line)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.17)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  isolation:isolate;
}
body.otx-public-vitrine .hdr::after{
  content:"";
  position:absolute;left:clamp(18px,4vw,70px);right:clamp(18px,4vw,70px);bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.42),rgba(20,184,166,.34),rgba(139,92,246,.30),transparent);
  opacity:.74;pointer-events:none;
}
body.otx-public-vitrine .hdr.is-pinned{
  background:linear-gradient(180deg,rgba(5,14,27,.995),rgba(6,17,31,.975))!important;
  border-bottom-color:rgba(103,232,249,.19)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.28)!important;
}
body.otx-public-vitrine .hdr-inner{
  width:min(100% - 32px,1440px)!important;
  height:var(--otx-chrome-header-h)!important;
  min-height:var(--otx-chrome-header-h);
  margin-inline:auto;padding-inline:0!important;gap:clamp(12px,1.5vw,22px)!important;
}
body.otx-public-vitrine .hdr-brand{flex:0 1 auto!important;max-width:min(310px,29vw);gap:10px!important}
body.otx-public-vitrine .hdr-logo{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:14px!important}
body.otx-public-vitrine .hdr-brand-text strong{font-size:1rem!important;letter-spacing:.115em!important}
body.otx-public-vitrine .hdr-brand-tag{max-width:190px!important;color:#9bd9ef!important;opacity:.9!important}

body.otx-public-vitrine .hdr-nav{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  min-width:0!important;overflow:visible!important;flex:1 1 auto!important;
}
body.otx-public-vitrine .hdr-link{
  position:relative;min-height:40px;padding:9px 11px!important;border:1px solid transparent;border-radius:12px!important;
  gap:7px!important;color:#b5c7d9!important;font-size:.78rem!important;font-weight:760!important;line-height:1!important;
  letter-spacing:.005em;text-decoration:none!important;
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease!important;
}
body.otx-public-vitrine .hdr-link::after{
  left:12px!important;right:12px!important;bottom:3px!important;width:auto!important;height:1px!important;transform:scaleX(0)!important;
  transform-origin:center!important;background:linear-gradient(90deg,var(--otx-chrome-cyan),var(--otx-chrome-teal),var(--otx-chrome-violet))!important;
  opacity:.8!important;transition:transform .18s ease!important;
}
body.otx-public-vitrine .hdr-link:hover,
body.otx-public-vitrine .hdr-link.is-active{
  color:#f8fdff!important;background:linear-gradient(135deg,rgba(56,189,248,.085),rgba(20,184,166,.045),rgba(139,92,246,.04))!important;
  border-color:rgba(103,232,249,.16)!important;transform:translateY(-1px);
}
body.otx-public-vitrine .hdr-link:hover::after,
body.otx-public-vitrine .hdr-link.is-active::after{transform:scaleX(1)!important}
body.otx-public-vitrine .hdr-link-icon{width:15px!important;height:15px!important;flex:0 0 15px!important;color:#72dcf7!important;opacity:.82!important}
body.otx-public-vitrine .hdr-link.is-active .hdr-link-icon{color:#68ead8!important;opacity:1!important}

body.otx-public-vitrine .hdr-actions{display:flex!important;align-items:center;flex:0 0 auto!important}
body.otx-public-vitrine .hdr-context-cta{
  min-height:42px!important;padding:9px 15px!important;border-radius:13px!important;white-space:nowrap!important;
  background:linear-gradient(135deg,#38bdf8 0%,#14b8a6 58%,#22c55e 100%)!important;
  color:#03101e!important;border:1px solid rgba(139,233,255,.42)!important;
  box-shadow:0 12px 30px rgba(20,184,166,.18),inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-size:.78rem!important;font-weight:900!important;
}
body.otx-public-vitrine .hdr-context-cta:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(56,189,248,.22)!important}
body.otx-public-vitrine .hdr-context-cta .btn-icon{width:15px;height:15px}

body.otx-public-vitrine .hdr-burger{
  display:none!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;
  border:1px solid rgba(103,232,249,.20)!important;background:rgba(255,255,255,.035)!important;color:#f5fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.otx-public-vitrine .hdr-burger:hover{background:rgba(56,189,248,.075)!important;border-color:rgba(103,232,249,.30)!important}
body.otx-public-vitrine .hdr-burger-line{width:18px!important;height:2px!important;background:#8be9ff!important}

/* Drawer: same information architecture as desktop, no content loss on mobile. */
body.otx-public-vitrine .drawer-overlay{background:rgba(2,8,16,.68)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
body.otx-public-vitrine .drawer{
  width:min(390px,94vw)!important;
  background:
    radial-gradient(circle at 10% 2%,rgba(56,189,248,.13),transparent 30%),
    radial-gradient(circle at 92% 12%,rgba(139,92,246,.10),transparent 32%),
    linear-gradient(180deg,#071426 0%,#050d19 100%)!important;
  border-left:1px solid rgba(103,232,249,.15)!important;box-shadow:-24px 0 70px rgba(0,0,0,.44)!important;
}
body.otx-public-vitrine .drawer-head{padding:15px 15px 13px!important;border-bottom:1px solid rgba(148,190,220,.11)!important}
body.otx-public-vitrine .drawer-close{width:40px!important;height:40px!important;border-radius:12px!important;border-color:rgba(103,232,249,.18)!important;background:rgba(255,255,255,.03)!important}
body.otx-public-vitrine .drawer-close:hover{background:rgba(56,189,248,.08)!important;border-color:rgba(103,232,249,.28)!important}
body.otx-public-vitrine .drawer-nav{padding:11px 13px 12px!important;gap:6px!important;overflow:auto!important;overscroll-behavior:contain}
body.otx-public-vitrine .drawer-section-label{margin:12px 4px 5px!important;color:#72dcf7!important;font-size:.63rem!important;letter-spacing:.14em!important}
body.otx-public-vitrine .drawer-link{
  min-height:50px!important;padding:10px 11px!important;border-radius:14px!important;
  background:rgba(255,255,255,.023)!important;border:1px solid rgba(148,190,220,.09)!important;color:#c5d6e5!important;
}
body.otx-public-vitrine .drawer-link:hover,
body.otx-public-vitrine .drawer-link.is-active{background:linear-gradient(135deg,rgba(56,189,248,.09),rgba(20,184,166,.045),rgba(139,92,246,.035))!important;border-color:rgba(103,232,249,.20)!important;color:#f4fcff!important}
body.otx-public-vitrine .drawer-link-icon{color:#72dcf7!important;background:rgba(56,189,248,.05)!important;border-color:rgba(56,189,248,.14)!important}
body.otx-public-vitrine .drawer-link.is-active .drawer-link-icon{color:#69ead8!important;border-color:rgba(94,234,212,.22)!important}
body.otx-public-vitrine .drawer-link-arrow{width:15px;height:15px;color:#728ba1;opacity:.7}
body.otx-public-vitrine .drawer-pro-contact{background:rgba(3,10,19,.66)!important;border-top-color:rgba(148,190,220,.10)!important}

/* Footer authority strip: factual, short, non-link trust layer. */
body.otx-public-vitrine .ftr{padding-top:48px!important;padding-bottom:22px!important}
body.otx-public-vitrine .ftr-authority-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 30px;padding:9px;
  border:1px solid rgba(103,232,249,.12);border-radius:18px;
  background:linear-gradient(135deg,rgba(56,189,248,.045),rgba(20,184,166,.025),rgba(139,92,246,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.otx-public-vitrine .ftr-authority-strip>span{display:grid;gap:2px;min-width:0;padding:10px 12px;border-right:1px solid rgba(148,190,220,.08)}
body.otx-public-vitrine .ftr-authority-strip>span:last-child{border-right:0}
body.otx-public-vitrine .ftr-authority-strip b{color:#eefbff;font-size:.76rem;line-height:1.2;letter-spacing:.01em}
body.otx-public-vitrine .ftr-authority-strip small{color:#7898ae;font-size:.61rem;font-weight:760;line-height:1.35;letter-spacing:.035em;text-transform:uppercase}

body.otx-public-vitrine .ftr-grid{grid-template-columns:minmax(300px,1.45fr) repeat(3,minmax(145px,.78fr))!important;gap:clamp(24px,3vw,44px)!important;align-items:start!important}
body.otx-public-vitrine .ftr-brand-col{min-width:0;padding:0!important}
body.otx-public-vitrine .ftr-brand-col>.hdr-brand{max-width:330px!important;margin-bottom:14px!important}
body.otx-public-vitrine .ftr-desc{max-width:54ch!important;margin-bottom:14px!important;color:#9db4c9!important;font-size:.82rem!important;line-height:1.72!important}
body.otx-public-vitrine .ftr-badges{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:14px!important}
body.otx-public-vitrine .ftr-badge{min-height:28px;padding:6px 8px!important;border-radius:9px!important;background:rgba(56,189,248,.045)!important;border:1px solid rgba(56,189,248,.12)!important;color:#9fe8ff!important;font-size:.64rem!important;font-weight:820!important}
body.otx-public-vitrine .ftr-col{min-width:0}
body.otx-public-vitrine .ftr-col-title{margin:1px 0 12px!important;color:#eefaff!important;font-size:.79rem!important;font-weight:900!important;letter-spacing:.015em!important}
body.otx-public-vitrine .ftr-col-title-icon{width:27px!important;height:27px!important;flex:0 0 27px!important;border-radius:9px!important;background:linear-gradient(135deg,rgba(56,189,248,.075),rgba(139,92,246,.045))!important;border-color:rgba(103,232,249,.15)!important}
body.otx-public-vitrine .ftr-links{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
body.otx-public-vitrine .ftr-links a{width:100%!important;min-height:36px!important;padding:7px 8px!important;border-radius:10px!important;color:#98aec2!important;font-size:.76rem!important;font-weight:650!important;text-decoration:none!important}
body.otx-public-vitrine .ftr-links a:hover{background:rgba(56,189,248,.05)!important;color:#edfaff!important;transform:translateX(2px)!important}
body.otx-public-vitrine .ftr-link-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#5ecce9!important;background:rgba(56,189,248,.035)!important}

body.otx-public-vitrine .ftr-contact--pro{gap:7px!important;margin-top:2px!important}
body.otx-public-vitrine .ftr-contact--pro>a,
body.otx-public-vitrine .ftr-contact--pro>.ftr-contact-address{min-height:48px!important;padding:8px 9px!important;border-radius:12px!important;background:rgba(255,255,255,.021)!important;border-color:rgba(148,190,220,.085)!important}
body.otx-public-vitrine .ftr-contact--pro>a:hover{background:rgba(56,189,248,.045)!important;border-color:rgba(103,232,249,.16)!important}
body.otx-public-vitrine .ftr-contact-actions{gap:7px!important;margin-top:7px!important}
body.otx-public-vitrine .ftr-contact-actions a{min-height:36px!important;padding:7px 11px!important;font-size:.71rem!important;background:rgba(56,189,248,.05)!important}
body.otx-public-vitrine .ftr-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:30px!important;padding-top:17px!important;border-top:1px solid rgba(148,190,220,.09)!important;color:#708ba2!important;font-size:.70rem!important}
body.otx-public-vitrine .ftr-bottom-tag{color:#79cfe8!important;text-align:right}

/* Mobile dock belongs to the same chrome family. */
body.otx-public-vitrine .dock{
  background:linear-gradient(180deg,rgba(7,20,38,.96),rgba(5,14,27,.985))!important;
  border:1px solid rgba(103,232,249,.14)!important;box-shadow:0 18px 52px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
body.otx-public-vitrine .dock-item{color:#8fa9be!important;border-radius:14px!important}
body.otx-public-vitrine .dock-item:hover,
body.otx-public-vitrine .dock-item.is-active{color:#effcff!important;background:linear-gradient(135deg,rgba(56,189,248,.075),rgba(20,184,166,.04))!important}
body.otx-public-vitrine .dock-item.is-active .dock-icon{color:#68ead8!important}
body.otx-public-vitrine .dock-item--cta{background:linear-gradient(135deg,rgba(56,189,248,.11),rgba(20,184,166,.08))!important;border-color:rgba(94,234,212,.18)!important;color:#f2fdff!important}

/* Responsive hierarchy: same HTML/links, presentation only changes. */
@media(max-width:1240px){
  body.otx-public-vitrine .hdr-inner{width:min(100% - 26px,1440px)!important;gap:11px!important}
  body.otx-public-vitrine .hdr-brand{max-width:245px}
  body.otx-public-vitrine .hdr-brand-tag{max-width:150px!important}
  body.otx-public-vitrine .hdr-link{padding-inline:8px!important;font-size:.74rem!important;gap:5px!important}
  body.otx-public-vitrine .hdr-context-cta{padding-inline:12px!important;font-size:.74rem!important}
  body.otx-public-vitrine .ftr-grid{grid-template-columns:minmax(280px,1.2fr) repeat(2,minmax(170px,1fr))!important}
  body.otx-public-vitrine .ftr-col:last-child{grid-column:2/4}
}
@media(max-width:1020px){
  :root{--otx-chrome-header-h:64px;--hdr:64px}
  body.otx-public-vitrine .hdr-nav,
  body.otx-public-vitrine .hdr-actions{display:none!important}
  body.otx-public-vitrine .hdr-burger{display:flex!important}
  body.otx-public-vitrine .hdr-inner{width:min(100% - 24px,1440px)!important}
  body.otx-public-vitrine .hdr-brand{max-width:min(330px,calc(100vw - 94px))}
  body.otx-public-vitrine .hdr-brand-tag{max-width:220px!important}
  body.otx-public-vitrine .ftr-grid{grid-template-columns:minmax(280px,1.15fr) 1fr!important;gap:30px!important}
  body.otx-public-vitrine .ftr-col:last-child{grid-column:auto}
}
@media(max-width:720px){
  :root{--otx-chrome-header-h:62px;--hdr:62px}
  body.otx-public-vitrine .hdr-inner{width:100%!important;padding-inline:14px!important;gap:10px!important}
  body.otx-public-vitrine .hdr-logo{width:37px!important;height:37px!important;flex-basis:37px!important;border-radius:13px!important}
  body.otx-public-vitrine .hdr-brand-text strong{font-size:.94rem!important;letter-spacing:.10em!important}
  body.otx-public-vitrine .hdr-brand-tag{max-width:min(190px,45vw)!important;font-size:.50rem!important}
  body.otx-public-vitrine .drawer{width:min(390px,95vw)!important}
  body.otx-public-vitrine .drawer-pro-contact{grid-template-columns:1fr 1fr!important;padding:11px 12px calc(14px + env(safe-area-inset-bottom,0px))!important}
  body.otx-public-vitrine .ftr{padding-top:40px!important}
  body.otx-public-vitrine .ftr-authority-strip{grid-template-columns:1fr!important;gap:0;margin-bottom:26px!important;padding:6px!important}
  body.otx-public-vitrine .ftr-authority-strip>span{grid-template-columns:92px 1fr;align-items:center;gap:8px;padding:9px 10px;border-right:0;border-bottom:1px solid rgba(148,190,220,.07)}
  body.otx-public-vitrine .ftr-authority-strip>span:last-child{border-bottom:0}
  body.otx-public-vitrine .ftr-grid{grid-template-columns:1fr!important;gap:27px!important}
  body.otx-public-vitrine .ftr-col{padding-top:0!important}
  body.otx-public-vitrine .ftr-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body.otx-public-vitrine .ftr-links a{min-height:42px!important;padding:9px 10px!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(148,190,220,.065)!important}
  body.otx-public-vitrine .ftr-bottom{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  body.otx-public-vitrine .ftr-bottom-tag{text-align:left!important}
  body.otx-public-vitrine .dock{left:9px!important;right:9px!important;bottom:calc(7px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:470px){
  body.otx-public-vitrine .hdr-brand-tag{display:none!important}
  body.otx-public-vitrine .hdr-brand{max-width:210px}
  body.otx-public-vitrine .drawer-pro-contact{grid-template-columns:1fr!important}
  body.otx-public-vitrine .ftr-links{grid-template-columns:1fr!important}
  body.otx-public-vitrine .ftr-contact-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
}
@media(max-width:360px){
  body.otx-public-vitrine .hdr-inner{padding-inline:10px!important}
  body.otx-public-vitrine .hdr-logo{width:35px!important;height:35px!important;flex-basis:35px!important}
  body.otx-public-vitrine .hdr-brand-text strong{font-size:.86rem!important;letter-spacing:.08em!important}
  body.otx-public-vitrine .hdr-burger{width:40px!important;height:40px!important;flex-basis:40px!important}
  body.otx-public-vitrine .ftr-contact-actions{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.otx-public-vitrine .hdr-link,
  body.otx-public-vitrine .hdr-context-cta,
  body.otx-public-vitrine .ftr-links a{transition:none!important;transform:none!important}
}