/* ADHP Premium UI system — visual layer only */
:root{
  --ink:#062e45;
  --ink-2:#0a4563;
  --muted:#5d6b78;
  --paper:#fdfcf8;
  --surface:#ffffff;
  --surface-soft:#f5f7f8;
  --line:rgba(6,46,69,.11);
  --gold:#d7942e;
  --gold-2:#f2bd64;
  --azure:#1c9ed1;
  --success:#25b682;
  --shadow-sm:0 10px 30px rgba(8,49,70,.08);
  --shadow-md:0 24px 70px rgba(8,49,70,.14);
  --shadow-lg:0 36px 100px rgba(6,46,69,.20);
  --radius-xs:10px;
  --radius-sm:16px;
  --radius-md:24px;
  --radius-lg:34px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 12%,rgba(28,158,209,.12),transparent 26rem),
    radial-gradient(circle at 92% 8%,rgba(215,148,46,.13),transparent 29rem),
    var(--paper);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body::selection{background:rgba(215,148,46,.26);color:var(--ink)}
a{transition:color .22s var(--ease),opacity .22s var(--ease)}
img{image-rendering:auto}
#mainNavbar,.navbar-adhp{
  min-height:80px;
  border-bottom:1px solid transparent;
  background:rgba(253,252,248,.72)!important;
  backdrop-filter:blur(18px) saturate(155%);
  -webkit-backdrop-filter:blur(18px) saturate(155%);
  transition:background .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}
#mainNavbar.scrolled,.navbar-adhp.scrolled{
  background:rgba(255,255,255,.9)!important;
  border-color:var(--line);
  box-shadow:0 14px 40px rgba(6,46,69,.08);
}
.navbar-brand{letter-spacing:-.045em;font-weight:850}
.navbar-brand img{filter:drop-shadow(0 8px 14px rgba(28,158,209,.16))}
.navbar-nav .nav-link{
  position:relative;
  padding:.65rem .78rem!important;
  color:rgba(6,46,69,.82)!important;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.navbar-nav .nav-link::after{
  content:"";position:absolute;left:.78rem;right:.78rem;bottom:.38rem;height:2px;
  border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-2));
  transform:scaleX(0);transform-origin:left;transition:transform .24s var(--ease);
}
.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{transform:scaleX(1)}
.hero{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(115deg,rgba(255,255,255,.97) 0%,rgba(253,252,248,.91) 49%,rgba(245,237,221,.78) 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-2;opacity:.92;
  background:
   radial-gradient(circle at 18% 20%,rgba(28,158,209,.18),transparent 30rem),
   radial-gradient(circle at 88% 20%,rgba(215,148,46,.19),transparent 32rem),
   linear-gradient(135deg,transparent 42%,rgba(255,255,255,.50));
}
.hero::after{
  content:"";position:absolute;width:46vw;height:46vw;min-width:560px;min-height:560px;
  right:-16vw;top:4rem;border:1px solid rgba(215,148,46,.18);border-radius:50%;z-index:-1;
  box-shadow:0 0 0 80px rgba(28,158,209,.035),0 0 0 160px rgba(215,148,46,.025);
  animation:premium-orbit 18s linear infinite;
}
.hero .container{position:relative;z-index:1}
.hero h1,.font-display{
  letter-spacing:-.065em!important;
  text-wrap:balance;
  line-height:.94!important;
}
.hero h1 em,.hero h1 i{color:var(--gold);text-shadow:0 10px 24px rgba(215,148,46,.16)}
.hero p{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.8;color:var(--muted);max-width:38rem}
.hero img,.hero .hero-image{
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-lg);
  border:1px solid rgba(255,255,255,.78);
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.hero img:hover,.hero .hero-image:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-7px);box-shadow:0 42px 100px rgba(6,46,69,.24)}
.eyebrow,.article-num{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.5rem .82rem;border:1px solid rgba(215,148,46,.25);
  border-radius:999px;background:rgba(255,255,255,.72);
  box-shadow:0 10px 22px rgba(6,46,69,.06);
  color:var(--ink)!important;font-size:.72rem!important;font-weight:800;letter-spacing:.085em;text-transform:uppercase;
}
.eyebrow i,.eyebrow svg{color:var(--gold)}
.news-ticker{
  position:relative;z-index:3;overflow:hidden;
  border-block:1px solid rgba(6,46,69,.08);
  background:linear-gradient(90deg,#07374f,#07506c);
  color:#fff;box-shadow:0 15px 35px rgba(6,46,69,.14);
}
.section{position:relative;padding:clamp(5.5rem,9vw,9rem) 0}
.section-alt{background:linear-gradient(180deg,#f4f7f7 0%,#fbfcfb 100%)}
.section-dark{
  overflow:hidden;background:
    radial-gradient(circle at 10% 90%,rgba(28,158,209,.22),transparent 25rem),
    radial-gradient(circle at 90% 5%,rgba(215,148,46,.20),transparent 26rem),
    linear-gradient(135deg,#052f45,#062337 65%,#073e57);
}
.section-dark::before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}
.section-title{font-size:clamp(2.3rem,4.8vw,4.45rem);letter-spacing:-.06em;line-height:.98}
.section-title::after{content:"";display:block;width:3.6rem;height:4px;margin-top:1.25rem;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.text-center .section-title::after{margin-inline:auto}
.card-adhp,.news-card,.team-card,.card{
  position:relative;overflow:hidden;
  border:1px solid rgba(6,46,69,.085)!important;
  border-radius:var(--radius-md)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:var(--shadow-sm);
  transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease);
}
.card-adhp::before,.news-card::before,.team-card::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,var(--azure),var(--gold),transparent);
  transform:scaleX(.25);transform-origin:left;transition:transform .32s var(--ease);
}
.card-adhp:hover,.news-card:hover,.team-card:hover,.card:hover{
  transform:translateY(-9px);box-shadow:var(--shadow-md);border-color:rgba(28,158,209,.24)!important;
}
.card-adhp:hover::before,.news-card:hover::before,.team-card:hover::before{transform:scaleX(1)}
.card-icon{
  width:58px;height:58px;border-radius:18px;
  display:inline-grid;place-items:center;
  color:#fff!important;background:linear-gradient(135deg,var(--ink),var(--azure));
  box-shadow:0 12px 22px rgba(6,46,69,.19);
}
.card-img-top,.news-card img,.team-card img{
  transition:transform .6s var(--ease),filter .6s var(--ease);
}
.news-card:hover .card-img-top,.team-card:hover img{transform:scale(1.065);filter:saturate(1.08) contrast(1.02)}
.article-head{display:flex;align-items:center;gap:1rem}
.article-num{min-width:2.5rem;justify-content:center;background:rgba(215,148,46,.1);color:var(--gold)!important}
.btn,.btn-adhp-primary,.btn-adhp-outline{
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex!important;align-items:center;justify-content:center;gap:.55rem;
  min-height:48px;border-radius:999px!important;padding:.8rem 1.25rem!important;
  font-size:.84rem!important;font-weight:850!important;letter-spacing:.015em;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)!important;
}
.btn::before,.btn-adhp-primary::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.30) 45%,transparent 70%);
  transform:translateX(-120%);transition:transform .55s var(--ease);
}
.btn:hover,.btn-adhp-primary:hover,.btn-adhp-outline:hover{transform:translateY(-3px) scale(1.015)}
.btn:hover::before,.btn-adhp-primary:hover::before{transform:translateX(120%)}
.btn-adhp-primary,.btn-primary{border:0!important;background:linear-gradient(135deg,#0a607f,#0d86aa)!important;box-shadow:0 12px 24px rgba(6,86,116,.24)!important}
.btn-adhp-primary:hover,.btn-primary:hover{box-shadow:0 17px 32px rgba(6,86,116,.34)!important}
.btn-adhp-outline,.btn-outline-primary{border:1px solid rgba(6,46,69,.4)!important;color:var(--ink)!important;background:rgba(255,255,255,.44)!important}
.btn-adhp-outline:hover,.btn-outline-primary:hover{border-color:var(--azure)!important;color:#fff!important;background:var(--ink)!important;box-shadow:0 14px 28px rgba(6,46,69,.18)!important}
.form-adhp,.form-control,.form-select,.form-check-input{
  border-color:rgba(6,46,69,.15)!important;
}
.form-control,.form-select,textarea{
  min-height:52px;border-radius:14px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)!important;
}
.form-control:focus,.form-select:focus,textarea:focus{
  border-color:var(--azure)!important;
  box-shadow:0 0 0 4px rgba(28,158,209,.14),0 10px 22px rgba(6,46,69,.06)!important;
  transform:translateY(-1px);
}
.form-label{font-weight:800;color:var(--ink);font-size:.86rem}
.form-check-input:checked{background-color:var(--azure)!important;border-color:var(--azure)!important}
.accordion-item{overflow:hidden;border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important;margin-bottom:.85rem;box-shadow:0 7px 20px rgba(6,46,69,.04)}
.accordion-button{font-weight:800;color:var(--ink)!important;background:#fff!important;box-shadow:none!important}
.accordion-button:not(.collapsed){background:linear-gradient(90deg,rgba(28,158,209,.1),rgba(215,148,46,.07))!important}
.modal-content{overflow:hidden;border:1px solid rgba(255,255,255,.7)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)}
.modal-header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f7fbfc,#fff9ef)}
.modal-footer{border-top:1px solid var(--line)}
.footer-adhp{position:relative;overflow:hidden;background:linear-gradient(135deg,#052d42,#062134)!important}
.footer-adhp::before{content:"";position:absolute;inset:auto -5% -80px auto;width:360px;height:360px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.035)}
#whatsappBtn,.whatsapp-float{box-shadow:0 16px 34px rgba(37,182,130,.35)!important;transition:transform .25s var(--ease),box-shadow .25s var(--ease)!important}
#whatsappBtn:hover,.whatsapp-float:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 22px 38px rgba(37,182,130,.45)!important}
.reveal{transition:opacity .68s var(--ease),transform .68s var(--ease)!important}
.reveal:not(.active){opacity:0;transform:translateY(22px)}
@keyframes premium-orbit{to{transform:rotate(360deg)}}
@media (max-width:991.98px){
  #mainNavbar,.navbar-adhp{min-height:72px;background:rgba(255,255,255,.94)!important}
  .navbar-collapse{margin-top:.75rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.96);box-shadow:var(--shadow-md)}
  .hero{min-height:auto;padding:8.5rem 0 5rem}
  .hero::after{right:-28rem;top:10rem}
  .hero img,.hero .hero-image{margin-top:2rem;transform:none}
}
@media (max-width:575.98px){
  .section{padding:4.5rem 0}
  .hero h1{font-size:clamp(3rem,15vw,4.8rem)}
  .btn,.btn-adhp-primary,.btn-adhp-outline{width:100%;margin-bottom:.6rem}
  .card-adhp,.news-card,.team-card,.card{border-radius:20px!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}.reveal.show, .reveal.active { opacity:1 !important; transform:none !important; }
.news-ticker, .news-ticker > div { color:#ffffff !important; text-shadow:0 1px 2px rgba(0,0,0,.28); } .news-ticker > div { font-weight:700; letter-spacing:.035em; }

/* Formation ADHP – educational resource hub */
.formation-adhp-hub{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(1.25rem,3vw,3rem);align-items:center;margin:0 0 clamp(2rem,4vw,3.5rem);padding:clamp(1.4rem,3vw,2.35rem);overflow:hidden;border:1px solid rgba(211,143,45,.25);border-radius:var(--radius-xl,28px);background:linear-gradient(125deg,rgba(255,255,255,.98),rgba(248,244,235,.9));box-shadow:var(--shadow-md,0 18px 50px rgba(6,46,69,.12))}
.formation-adhp-hub::before{content:"";position:absolute;width:19rem;height:19rem;right:-10rem;top:-12rem;border-radius:50%;background:radial-gradient(circle,rgba(211,143,45,.17),transparent 67%);pointer-events:none}
.formation-adhp-hub__intro{position:relative;z-index:1}
.formation-adhp-hub__intro h3{margin:.55rem 0 .6rem;color:var(--ink,#062e45);font-family:var(--font-display,Georgia,serif);font-size:clamp(2rem,3.4vw,3rem);line-height:1.02}
.formation-adhp-hub__intro p{max-width:32rem;margin:0;color:#5b6b78;font-size:1rem;line-height:1.65}
.formation-adhp-hub__links{position:relative;z-index:1;display:grid;gap:.8rem}
.formation-resource-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.05rem;text-decoration:none;color:var(--ink,#062e45);border:1px solid rgba(6,46,69,.12);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(6,46,69,.06);transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease),border-color .25s var(--ease,ease),background .25s var(--ease,ease)}
.formation-resource-card:hover,.formation-resource-card:focus-visible{color:var(--ink,#062e45);transform:translateY(-4px);border-color:rgba(211,143,45,.65);background:#fff;box-shadow:0 16px 30px rgba(6,46,69,.13);outline:0}
.formation-resource-card:focus-visible{box-shadow:0 0 0 4px rgba(211,143,45,.22),0 16px 30px rgba(6,46,69,.13)}
.formation-resource-card__letter{display:grid;place-items:center;flex:0 0 2.8rem;width:2.8rem;height:2.8rem;border-radius:13px;background:linear-gradient(135deg,var(--gold,#d38f2d),#efb85f);color:#fff;font-weight:800;font-size:1.05rem;box-shadow:0 8px 15px rgba(211,143,45,.22)}
.formation-resource-card--accent .formation-resource-card__letter{background:linear-gradient(135deg,#08799b,#07506c);box-shadow:0 8px 15px rgba(7,80,108,.22)}
.formation-resource-card__content{display:grid;gap:.18rem;min-width:0}
.formation-resource-card__content strong{font-size:1rem;letter-spacing:-.01em}
.formation-resource-card__content small{color:#607080;font-size:.84rem}
.formation-resource-card__arrow{margin-left:auto;color:var(--gold,#d38f2d);font-size:1.5rem;line-height:1;transition:transform .25s var(--ease,ease)}
.formation-resource-card:hover .formation-resource-card__arrow{transform:translate(3px,-3px)}
@media(max-width:900px){.formation-adhp-hub{grid-template-columns:1fr}.formation-adhp-hub__intro p{max-width:none}}
@media(max-width:520px){.formation-adhp-hub{padding:1.2rem}.formation-resource-card{align-items:flex-start}.formation-resource-card__arrow{padding-top:.45rem}.formation-resource-card__content strong{font-size:.94rem}}
