/* =========================================================
   CCIA Web — Adaptation responsive
   Points de rupture : 1880 · 1460 · 1240 · 1100 · 900 · 720 · 480 · 380
   ========================================================= */

@media (max-width:1880px){
  .header-cta .btn-label{display:none}
  .header-cta .btn{padding:12px 14px}
  .header .container{gap:14px}
}
@media (max-width:1460px){
  .nav a,.nav-toggle{padding:9px 6px;font-size:.8rem}
  .brand-text small{display:none}
}
@media (max-width:1240px){
  .nav,.header-cta{display:none}
  .burger{display:inline-flex}
}

@media (max-width:1100px){
  .nav,.header-cta{display:none}
  .burger{display:inline-flex}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .quick-item:nth-child(2){border-inline-end:0}
  .quick-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2n){border-inline-end:0}
  .footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}
  .footer-grid>div:first-child{grid-column:1/-1;max-width:560px}
  .capex-layout{grid-template-columns:1fr;gap:40px}
  .values{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .role-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  body{font-size:16px}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .president,.about-grid,.prog-hero,.news-feature,.cal-layout,.contact-grid,.form-shell,.detail{grid-template-columns:minmax(0,1fr)}
  .president-photo{max-width:440px;margin-inline:auto;width:calc(100% - 28px)}
  .detail-aside{position:static}
  .mv-grid{grid-template-columns:1fr}
  .split-cards{grid-template-columns:1fr}
  .split-card{min-height:360px;padding:32px}
  .timeline::before{left:18px}
  html[dir="rtl"] .timeline::before{right:18px;left:auto}
  .tl-item,.tl-item:nth-child(even){width:100%;margin-left:0;padding:0 0 32px 52px;text-align:left}
  html[dir="rtl"] .tl-item,html[dir="rtl"] .tl-item:nth-child(even){padding:0 52px 32px 0;text-align:right}
  .tl-item::before,.tl-item:nth-child(even)::before{left:9px;right:auto}
  html[dir="rtl"] .tl-item::before,html[dir="rtl"] .tl-item:nth-child(even)::before{right:9px;left:auto}
  .topbar-info .hide-md{display:none}
  .toolbar--float{margin-top:-32px}
}

@media (max-width:720px){
  :root{--header-h:66px}
  .container{padding:0 18px}
  .section-head{margin-bottom:32px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}
  .grid-auto{grid-template-columns:1fr}
  .hero{min-height:auto}
  .hero .container{padding-block:64px 120px}
  .hero::before{background:linear-gradient(180deg,rgba(5,15,44,.78) 0%,rgba(10,30,79,.82) 60%,rgba(5,15,44,.95) 100%)}
  .hero-actions .btn{flex:1 1 100%}
  .hero-scroll{display:none}
  .quick{margin-top:-64px;--quick-overlap:-64px}
  .quick-grid{grid-template-columns:1fr}
  .quick-item{border-inline-end:0!important;border-bottom:1px solid var(--line);padding:20px}
  .quick-item:last-child{border-bottom:0}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat{padding:26px 16px}
  .capex-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:140px}
  .capex-tile:nth-child(1){grid-row:span 2}
  .capex-tile:nth-child(4){grid-column:span 1}
  .event-item{grid-template-columns:68px 1fr;gap:16px;padding:16px}
  .event-item>:last-child{grid-column:1/-1}
  .event-date strong{font-size:1.5rem}
  .news-row{grid-template-columns:104px 1fr;gap:14px}
  .news-row img{width:104px;height:84px}
  .form-grid{grid-template-columns:1fr}
  .type-grid{grid-template-columns:1fr 1fr}
  .feature-list{grid-template-columns:1fr}
  .values{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .role-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-bottom{flex-direction:column}
  .doc-item{grid-template-columns:48px 1fr}
  .doc-ico{width:48px;height:48px}
  .doc-actions{grid-column:1/-1}
  .doc-actions .btn{flex:1}
  .toolbar{padding:14px}
  .toolbar-row .select{flex:1 1 calc(50% - 6px)}
  .search{flex-basis:100%}
  .masonry{columns:2 140px;column-gap:10px}
  .masonry figure{margin-bottom:10px}
  .lb-prev,.lb-next{top:auto;bottom:24px;transform:none}
  .lb-prev{left:calc(50% - 64px)}
  .lb-next{right:calc(50% - 64px)}
  .modal{padding:0;align-items:flex-end}
  .modal-dialog{max-height:94vh;border-radius:22px 22px 0 0}
  .modal-head,.modal-body{padding-inline:18px}
  .modal-foot{padding-inline:18px}
  .modal-foot .btn{flex:1}
  .map{height:320px}
  .president-photo .sig{inset-inline-start:-10px;padding:12px 16px}
  .topbar-info>span:not(:first-child),.topbar-info>a:not(:first-child){display:none}
  .section-head--split{align-items:flex-start}
  .page-hero::after{opacity:.1}
  .to-top{bottom:16px;inset-inline-end:16px;width:46px;height:46px}
  .toasts{left:16px;right:16px;bottom:16px;max-width:none}
}

@media (max-width:480px){
  h1{font-size:2.05rem}
  .hero h1{font-size:2.3rem}
  .brand img{width:42px;height:42px}
  .brand-text strong{font-size:1.12rem}
  .brand-text small{font-size:.64rem}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-num{font-size:2.2rem}
  .stat-label{font-size:.86rem}
  .type-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr!important}
  .btn{padding:12px 20px}
  .card-body{padding:18px}
  .panel{padding:20px}
  .split-card{padding:24px;min-height:320px}
  .cal-day{border-radius:8px;font-size:.85rem}
  .calendar{padding:14px}
  .cal-grid{gap:4px}
  .topbar .lang-switch button{padding:3px 8px}
}

@media (max-width:380px){
  .container{padding:0 14px}
  .brand-text small{display:none}
  .hero h1{font-size:2.05rem}
  .stat{padding:22px 12px}
  .stat-num{font-size:1.9rem}
  .capex-mosaic{grid-auto-rows:120px;gap:10px}
  .tab{padding:10px 12px}
}
@media (max-width:720px){
  .slide .container{padding-block:48px 190px}
  .topbar a,.topbar span{white-space:nowrap}
  .topbar-actions>a span{display:none}
}