/* Prestige UI v35 — production hardening */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;min-width:320px;margin:0}
img,svg,video,canvas,iframe{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(14,165,183,.45)!important;outline-offset:3px}
.container{max-width:1240px;width:calc(100% - 40px);margin-inline:auto}
.header{position:sticky;top:0;z-index:4000}
.header .nav{min-height:82px;display:flex;align-items:center;gap:20px}
.brand{min-width:0}.brand span{min-width:0}.brand strong,.brand small{white-space:normal}
.menu{min-width:0}.menu>a,.nav-dropbtn{white-space:nowrap}
.nav-dropdown-menu{max-height:min(70vh,620px);overflow-y:auto}
main{min-height:50vh}
section{scroll-margin-top:100px}
.card,.course-card,.service-card,.blog-card,.project-card,.form-box{min-width:0}
p,h1,h2,h3,h4,h5,h6,li,a,span{overflow-wrap:anywhere}
.table-wrap,table{max-width:100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea{max-width:100%}
.owl-carousel .owl-stage{display:flex}.owl-carousel .owl-item{float:none;height:auto}.owl-carousel .owl-item>*{height:100%}
.whatsapp-dock{z-index:3900}
.mobile-toggle,.mobile-close{cursor:pointer}
body.menu-open{overflow:hidden}
@media (min-width:901px){
  .mobile-toggle,.mobile-menu-head{display:none!important}
  #menu{display:flex!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;align-items:center!important;margin-left:auto!important}
  .nav-dropdown{position:relative}
  .nav-dropdown-menu{top:calc(100% + 10px)!important}
  .nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu,.nav-dropdown.open>.nav-dropdown-menu{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
}
@media (max-width:1100px) and (min-width:901px){
  .container{width:calc(100% - 28px)}
  .header .nav{gap:12px}.brand strong{font-size:.88rem!important}.brand small{font-size:.66rem!important}
  .menu{gap:4px!important}.menu>a,.nav-dropbtn{font-size:.78rem!important;padding-inline:8px!important}
  .nav-cta{font-size:.76rem!important;padding-inline:12px!important}
}
@media (max-width:900px){
  .container{width:calc(100% - 28px)}
  .topbar{display:none!important}
  .header .nav{min-height:72px}
  .mobile-toggle{display:inline-grid!important;place-items:center;margin-left:auto}
  #menu{position:fixed!important;inset:0 0 0 auto!important;width:min(88vw,390px)!important;height:100dvh!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;transform:translateX(105%)!important;transition:transform .28s ease!important;z-index:5001!important;padding:18px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  #menu.active{transform:translateX(0)!important}
  body.menu-open::before{content:"";position:fixed;inset:0;background:rgba(3,12,27,.58);backdrop-filter:blur(3px);z-index:5000}
  .mobile-menu-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
  .mobile-close{display:grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#eef3f9;color:#071b3b}
  #menu>a:not(.btn),#menu .nav-dropbtn{width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  #menu .nav-dropdown{width:100%!important}
  #menu .nav-dropdown-menu{position:static!important;display:none!important;width:100%!important;min-width:0!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;box-shadow:none!important;margin-top:8px!important}
  #menu .nav-dropdown.open>.nav-dropdown-menu{display:grid!important}
  #menu .btn{width:100%!important;justify-content:center!important}
  .nav-cta{display:none!important}
}
@media (max-width:640px){
  .container{width:calc(100% - 22px)}
  .section{padding-block:64px!important}
  h1{font-size:clamp(2.1rem,10vw,3.4rem)!important}
  h2{font-size:clamp(1.75rem,8vw,2.55rem)!important}
  .px-hero-actions,.hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .px-hero-actions .btn,.hero-actions .btn{width:100%!important}
  .whatsapp-dock{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
