@charset "UTF-8";
/* MUKTalent · v22 · Site: privacy banner, footer (+ header v22 at the end)
   Built by joining, in the SAME order as before, the files listed below (the cascade is unchanged).
   Edit this file directly from now on; the old separate files were removed.
   public-privacy-v5.css
   footer-v21.css */

/* ==================== public-privacy-v5.css ==================== */

.muk-legal{background:#f6f4ef;color:#163b37;padding:45px 22px 65px}.muk-legal-wrap{max-width:850px;margin:auto}.muk-legal h1{font:400 clamp(32px,5vw,52px)/1.12 Georgia,serif;margin:15px 0}.muk-legal h2{font-size:21px;margin:30px 0 12px}.muk-legal p,.muk-legal li{font-size:15px;line-height:1.75;margin-bottom:12px}.muk-legal ul,.muk-legal ol{padding-left:22px}.muk-legal a{color:inherit;text-underline-offset:4px}.muk-legal-eyebrow,.muk-legal-updated{font-size:11px!important;letter-spacing:.7px}.muk-legal table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}.muk-legal th,.muk-legal td{border:1px solid #cdd8cf;text-align:left;vertical-align:top;padding:12px;overflow-wrap:anywhere}.muk-legal button,.muk-privacy-panel button,.muk-cookie-info button{font:600 12px/1.4 system-ui,sans-serif;min-height:44px;padding:10px 14px;border:1px solid #aebeb5;border-radius:8px;background:#fff;color:#163b37;cursor:pointer}.muk-legal-footer-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:12px;font-size:11px}.muk-legal-footer-links a,.muk-legal-footer-links button{color:inherit;font:inherit;background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:30px;display:inline-flex;align-items:center}.muk-cookie-info{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:9000;max-width:660px;margin:auto;background:#fff;color:#163b37;border:1px solid #d4ded6;border-radius:12px;box-shadow:0 10px 50px #10251f30;padding:16px 18px;font:13px/1.6 system-ui,sans-serif}.muk-cookie-info p{margin:0 0 12px}.muk-cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.muk-cookie-info button:first-child{background:#163b37;color:white}.muk-cookie-info a{color:inherit}.muk-cookie-info[hidden]{display:none}.muk-privacy-panel{max-width:min(540px,calc(100vw - 32px));max-height:85dvh;margin:auto;padding:26px;border:1px solid #b9c9be;border-radius:14px;color:#163b37;background:white;font:14px/1.65 system-ui,sans-serif}.muk-privacy-panel::backdrop{background:#071a18a6}.muk-privacy-panel h2{font-size:24px;margin:0 0 16px}.muk-privacy-panel p{margin:12px 0}.muk-privacy-panel .muk-cookie-actions{margin-top:20px}.muk-privacy-panel :focus-visible,.muk-cookie-info :focus-visible{outline:2px solid #9e753d;outline-offset:3px}body.menu-open .muk-cookie-info{visibility:hidden;pointer-events:none}@media(max-width:600px){.muk-legal th,.muk-legal td{padding:8px;font-size:11px}.muk-legal-footer-links{gap:6px 14px}.muk-legal h2{font-size:20px}}

/* ==================== footer-v21.css ==================== */
/* MUKTalent · v21 · Footer, cleaner and more professional (all Education pages).
   Keeps the website colours (dark teal, ivory text, gold detail) defined in muk-v6.css (--f-*).
   The "Rentrée 2027" call-to-action panel has been removed; the AQF statement is now a compact,
   expandable line; divisions, legal links and social icons sit in a single bottom bar. */
.v6-footer.v21-footer{padding:clamp(48px,6vw,72px) clamp(20px,6vw,88px) 26px;font-size:14px}
.v6-footer.v21-footer::after{opacity:.55}
.v6-footer.v21-footer .v21-footer-main{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:40px;max-width:1240px;margin-inline:auto;padding:0 0 clamp(32px,4vw,44px)}
.v6-footer.v21-footer .v6-footer-logo img{height:44px}
.v6-footer.v21-footer .v6-footer-brand p{max-width:340px;margin:18px 0 0;font-size:13.5px;line-height:1.65}
.v6-footer.v21-footer .v6-footer-contact{gap:8px;margin-top:20px;font-size:13.5px}
.v6-footer.v21-footer .v6-footer-contact svg{width:16px;height:16px;padding:0;border:0;border-radius:0;opacity:.85}
.v6-footer.v21-footer .v6-footer-col{gap:2px}
.v6-footer.v21-footer .v6-footer-col h3{margin:4px 0 14px;color:var(--f-text);opacity:.6;font-size:10.5px;letter-spacing:.2em}
.v6-footer.v21-footer .v6-footer-col a{padding:5px 0;font-size:13.5px;color:var(--f-text)}
.v6-footer.v21-footer .v6-footer-col a::after{display:none}
.v6-footer.v21-footer .v6-footer-col a:hover{color:#fff;transform:none}

/* AQF: one discreet line that opens on demand */
.v21-aqf{max-width:1240px;margin:0 auto;border-top:1px solid var(--f-line);color:var(--f-muted)}
.v21-aqf summary{display:flex;align-items:center;gap:10px;padding:16px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--f-text)}
.v21-aqf summary::-webkit-details-marker{display:none}
.v21-aqf summary:hover{color:#fff}
.v21-aqf summary:focus-visible{outline:2px solid var(--f-accent);outline-offset:3px;border-radius:6px}
.v21-aqf svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v21-aqf .v21-aqf-seal{color:#e2c07a}
.v21-aqf .v21-aqf-chev{margin-inline-start:2px;opacity:.6;transition:transform .25s ease}
.v21-aqf[open] .v21-aqf-chev{transform:rotate(180deg)}
.v21-aqf p{max-width:820px;margin:0;padding:0 0 18px 30px;font-size:13px;line-height:1.7}
html[dir=rtl] .v21-aqf p{padding:0 30px 18px 0}

/* Bottom bar: © · divisions · legal · social */
.v6-footer.v21-footer .v21-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;max-width:1240px;margin-inline:auto;padding-top:20px;border-top:1px solid var(--f-line);font-size:12.5px}
.v6-footer.v21-footer .v21-footer-bottom>p{margin:0;margin-inline-end:auto}
.v6-footer.v21-footer .v6-divisions{display:flex;align-items:center;gap:12px;margin:0;padding:0;border:0;background:none;max-width:none;font-size:12.5px}
.v6-footer.v21-footer .v6-divisions-label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.v6-footer.v21-footer .v6-divisions a{display:inline-flex;align-items:center;gap:4px;color:var(--f-text)}
.v6-footer.v21-footer .v6-divisions a.is-current{color:#e2c07a}
.v6-footer.v21-footer .v6-divisions svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.v6-footer.v21-footer .v6-divisions-sep{width:1px;height:12px;background:var(--f-line)}
.v6-footer.v21-footer .v6-footer-legal{gap:4px 14px}
.v6-footer.v21-footer .v6-footer-legal span[aria-hidden]{display:none}
.v6-footer.v21-footer .v6-footer-social{gap:6px}
.v6-footer.v21-footer .v6-footer-social a{width:34px;height:34px}
.v6-footer.v21-footer .v6-footer-social svg{width:15px;height:15px}

@media (max-width:1024px){
  .v6-footer.v21-footer .v21-footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v6-footer.v21-footer .v6-footer-brand{grid-column:1/-1}
  .v6-footer.v21-footer .v6-footer-brand p{max-width:520px}
}
@media (max-width:700px){
  .v6-footer.v21-footer{padding-bottom:96px}
  .v6-footer.v21-footer .v21-footer-main{grid-template-columns:1fr 1fr;gap:32px 20px}
  .v6-footer.v21-footer .v6-footer-col:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .v6-footer.v21-footer .v6-footer-col:last-child h3{grid-column:1/-1}
  .v6-footer.v21-footer .v21-footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:0}
  .v21-aqf p{padding-inline-start:0}
}

/* ==================== header-v22 ====================
   MUKTalent · v22 · Header: cleaner, consistent and more professional.
   · One height (84 px desktop, 68 px mobile), content aligned with the page (max 1240 px)
   · Translucent over the hero, solid with a hairline once you scroll
   · Navigation in sentence case, same size and colour for every item; the current page is marked
   · "Services" shows a chevron and opens a card-style menu
   · Right side: theme · language · Connexion · primary call to action "Évaluer mon profil"
   Markup, links, translations and the mobile menu are unchanged. */
:root{--hdr-h:84px;--hdr-ink:#152E36;--hdr-ink-2:#4B5E63;--hdr-gold:#B48A43;--hdr-line:rgba(21,46,54,.10)}
@media (min-width:769px){
  html body{padding-top:var(--hdr-h)!important}
  html body>header.header{height:var(--hdr-h)!important;display:flex!important;align-items:center;gap:clamp(12px,1.6vw,26px);padding:0 max(24px,calc((100vw - 1320px)/2))!important;background:rgba(250,249,246,.74)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent!important;box-shadow:none!important;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
  html body>header.header.v6-scrolled{background:rgba(255,255,255,.94)!important;border-bottom-color:var(--hdr-line)!important;box-shadow:0 12px 32px -26px rgba(21,46,54,.45)!important}
  html body>header.header .logo{flex:none;width:auto!important;margin:0}
  html body>header.header .logo a{display:flex;align-items:center}
  html body>header.header .logo img{height:40px!important;width:auto!important;max-width:none!important}
  /* navigation */
  html body>header.header .nav{flex:1;display:flex!important;align-items:center;justify-content:center;gap:2px;margin:0;padding:0}
  html body>header.header .nav>a,html body>header.header .nav .dropdown>a{position:relative;display:inline-block!important;padding:10px 12px!important;border-radius:999px;font:500 14.5px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:lowercase!important;color:var(--hdr-ink)!important;text-decoration:none!important;white-space:nowrap;background:transparent;transition:background .2s ease,color .2s ease}
  html body>header.header .nav>a::first-letter,html body>header.header .nav .dropdown>a::first-letter{text-transform:uppercase}
  html body>header.header .nav>a:hover,html body>header.header .nav .dropdown:hover>a,html body>header.header .nav .dropdown>a:focus-visible{background:rgba(21,46,54,.06)}
  html body>header.header .nav>a::before,html body>header.header .nav .dropdown>a::before{content:none!important}
  html body>header.header .nav>a[aria-current="page"]{font-weight:600!important}
  html body>header.header .nav>a[aria-current="page"]::after{content:""!important;position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--hdr-gold);display:block!important;transform:none!important;opacity:1!important}
  html body>header.header .nav .dropdown{position:relative;display:flex;align-items:center}
  html body>header.header .nav .dropdown>a::after{content:""!important;display:inline-block!important;position:static!important;width:6px!important;height:6px!important;margin:0 0 3px;margin-inline-start:8px;vertical-align:middle;border:0!important;border-right:1.6px solid currentColor!important;border-bottom:1.6px solid currentColor!important;background:none!important;transform:rotate(45deg)!important;opacity:.7;transition:transform .2s ease}
  html body>header.header .nav .dropdown:hover>a::after,html body>header.header .nav .dropdown:focus-within>a::after{transform:translateY(3px) rotate(225deg)!important}
  /* services menu */
  html body>header.header .nav .dropdown-menu{top:calc(100% + 12px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;min-width:300px!important;padding:8px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--hdr-line)!important;box-shadow:0 30px 60px -30px rgba(21,46,54,.45)!important}
  html body>header.header .nav .dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
  html body>header.header .nav .dropdown-menu a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px!important;border-radius:12px;font:500 14px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--hdr-ink)!important;text-decoration:none!important}
  html body>header.header .nav .dropdown-menu a::after{content:"→";opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;color:var(--hdr-gold)}
  html body>header.header .nav .dropdown-menu a:hover,html body>header.header .nav .dropdown-menu a:focus-visible{background:#F6F4EF!important}
  html body>header.header .nav .dropdown-menu a:hover::after,html body>header.header .nav .dropdown-menu a:focus-visible::after{opacity:1;transform:none}
  /* right side */
  html body>header.header .header-right{flex:none;display:flex!important;align-items:center;gap:10px;margin:0}
  html body>header.header .header-right>.v6-controls{order:0}
  html body>header.header .header-right>.header-cta{order:1}
  html body>header.header .header-right>.v6-cta{order:2}
  html body>header.header .header-right>.mobile-menu-toggle{order:3}
  html body>header.header .v6-controls{gap:8px}
  html body>header.header .v6-icon-btn{height:40px;min-width:40px;border:1px solid var(--hdr-line)!important;background:transparent!important;color:var(--hdr-ink)!important;box-shadow:none!important}
  html body>header.header .v6-icon-btn:hover{border-color:rgba(21,46,54,.28)!important;background:rgba(21,46,54,.04)!important}
  html body>header.header .header-cta{display:inline-flex!important;align-items:center;height:40px;padding:0 10px!important;border:0!important;background:none!important;box-shadow:none!important;font:600 14px/1 Inter,system-ui,sans-serif!important;color:var(--hdr-ink)!important;text-decoration:none!important;letter-spacing:0!important}
  html body>header.header .header-cta:hover{color:var(--hdr-gold)!important}
  html body>header.header .v6-cta{display:none!important}
}
@media (min-width:1360px){
  html body>header.header .v6-cta{display:inline-flex!important;align-items:center;gap:10px;height:44px;padding:0 20px!important;border-radius:999px;background:var(--hdr-ink)!important;color:#fff!important;border:0!important;font:600 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(21,46,54,.7);transition:background .2s ease,transform .2s ease}
  html body>header.header .v6-cta:hover{background:#0E2026!important;transform:translateY(-1px)}
  html body>header.header .v6-cta .v6-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
  html body>header.header .v6-cta:hover .v6-arrow{transform:translateX(3px)}
}
@media (min-width:769px) and (max-width:1179px){
  html body>header.header .nav .mt-institution-nav{display:none!important}
}
@media (min-width:769px) and (max-width:1060px){
  html body>header.header .nav>a,html body>header.header .nav .dropdown>a{padding:8px 7px!important;font-size:13.5px!important}
  html body>header.header .logo img{height:32px!important}
  html body>header.header .header-right{gap:6px}
  html body>header.header .v6-controls{gap:6px}
}
@media (min-width:769px) and (max-width:920px){
  html body>header.header .v6-theme{display:none!important}
  html body>header.header .nav>a,html body>header.header .nav .dropdown>a{padding:8px 5px!important;font-size:13px!important}
  html body>header.header .header-cta{padding:0 4px!important;font-size:13px!important}
}
/* dark theme */
@media (min-width:769px){
  html[data-theme="dark"] body>header.header{background:rgba(9,20,20,.70)!important}
  html[data-theme="dark"] body>header.header.v6-scrolled{background:rgba(11,24,24,.94)!important;border-bottom-color:rgba(255,255,255,.08)!important}
  html[data-theme="dark"] body>header.header .nav>a,html[data-theme="dark"] body>header.header .nav .dropdown>a,html[data-theme="dark"] body>header.header .header-cta,html[data-theme="dark"] body>header.header .v6-icon-btn{color:#E7ECE9!important}
  html[data-theme="dark"] body>header.header .nav>a:hover,html[data-theme="dark"] body>header.header .nav .dropdown:hover>a{background:rgba(255,255,255,.07)}
  html[data-theme="dark"] body>header.header .v6-icon-btn{border-color:rgba(255,255,255,.14)!important}
  html[data-theme="dark"] body>header.header .nav .dropdown-menu{background:#10201F!important;border-color:rgba(255,255,255,.08)!important}
  html[data-theme="dark"] body>header.header .nav .dropdown-menu a{color:#E7ECE9!important}
  html[data-theme="dark"] body>header.header .nav .dropdown-menu a:hover{background:rgba(255,255,255,.06)!important}
  html[data-theme="dark"] body>header.header .v6-cta{background:#E2C07A!important;color:#10201F!important}
  html[data-theme="dark"] body>header.header .header-cta:hover{color:#E2C07A!important}
}
/* mobile */
@media (max-width:768px){
  :root{--hdr-h:68px}
  html body{padding-top:var(--hdr-h)!important}
  html body>header.header{height:var(--hdr-h)!important;padding:0 16px!important;display:flex!important;align-items:center;justify-content:space-between;gap:10px;background:rgba(250,249,246,.86)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent!important;transition:background .3s,border-color .3s}
  html body>header.header.v6-scrolled{background:rgba(255,255,255,.96)!important;border-bottom-color:var(--hdr-line)!important}
  html body>header.header .logo img{height:34px!important;width:auto!important}
  html body>header.header .header-right{display:flex;align-items:center;gap:8px}
  html body>header.header .v6-icon-btn{height:38px;min-width:38px}
  html body>header.header .mobile-menu-toggle{width:44px!important;height:44px!important;border-radius:12px!important;border:1px solid var(--hdr-line)!important;background:rgba(255,255,255,.6)!important;gap:5px}
  html body>header.header .mobile-menu-toggle span{width:20px!important}
  html[data-theme="dark"] body>header.header{background:rgba(9,20,20,.86)!important}
  html[data-theme="dark"] body>header.header.v6-scrolled{background:rgba(11,24,24,.96)!important;border-bottom-color:rgba(255,255,255,.08)!important}
  html[data-theme="dark"] body>header.header .mobile-menu-toggle{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.04)!important}
  html body.menu-open>header.header{background:transparent!important;border-color:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ===== v23 · Movimiento sutil (todo se desactiva con «reducir movimiento») ===== */
@media (prefers-reduced-motion: no-preference) {
  /* Transición suave entre páginas (Chrome, Edge y Safari recientes; el resto navega igual que antes) */
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: v23-page-out .22s cubic-bezier(.4,0,1,1) both; }
  ::view-transition-new(root) { animation: v23-page-in .38s cubic-bezier(.2,.7,.2,1) both; }
  body > header { view-transition-name: muk-header; }
  ::view-transition-group(muk-header) { animation-duration: 0s; }

  /* Barra fina de progreso de lectura (navegadores con animaciones ligadas al scroll) */
  @supports (animation-timeline: scroll()) {
    html.v6-motion::after {
      content: ""; position: fixed; inset: 0 0 auto 0; height: 2px; z-index: 2147483000; pointer-events: none;
      background: linear-gradient(90deg, var(--v6-gold, #b48a43), #d9c49a);
      transform-origin: 0 50%; transform: scaleX(0);
      animation: v23-progress linear both; animation-timeline: scroll(root block);
    }
    html[dir="rtl"].v6-motion::after { transform-origin: 100% 50%; }
  }

  /* Foto principal: entrada suave al cargar (no interfiere con el zoom al pasar el ratón) */
  .v6-motion .mt-hero-photo { animation: v23-photo-in 1.1s cubic-bezier(.2,.7,.2,1) .15s backwards; }

  /* Preguntas frecuentes: se abren y cierran con suavidad (navegadores compatibles) */
  .v6-motion details { interpolate-size: allow-keywords; }
  .v6-motion details::details-content { block-size: 0; overflow: clip; opacity: 0; transition: block-size .35s cubic-bezier(.2,.7,.2,1), opacity .3s ease, content-visibility .35s allow-discrete; }
  .v6-motion details[open]::details-content { block-size: auto; opacity: 1; }

  /* Flechas de los botones: pequeño empuje al pasar el ratón */
  .mt-button span, .v6-btn span, .v6-cta span { display: inline-block; transition: transform .25s cubic-bezier(.2,.7,.2,1); }
  .mt-button:hover span, .v6-btn:hover span, .v6-cta:hover span { transform: translate(3px, -1px); }
  html[dir="rtl"] .mt-button:hover span, html[dir="rtl"] .v6-btn:hover span, html[dir="rtl"] .v6-cta:hover span { transform: translate(-3px, -1px); }
}
@keyframes v23-page-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes v23-page-in { from { opacity: 0; transform: translateY(10px); } }
@keyframes v23-progress { to { transform: scaleX(1); } }
@keyframes v23-photo-in { from { opacity: 0; clip-path: inset(10% 0 0 0); transform: scale(1.03); } to { opacity: 1; clip-path: inset(0 0 0 0); transform: none; } }
