/* La versión móvil ofrece un índice editorial compacto; las galerías siguen completas bajo demanda. */
.mobile-project-card,.mobile-section-jumps{display:none}
@media(max-width:800px){
  #proyectos .project-grid,#proyectos .portfolio-year{display:none!important}
  .mobile-section-jumps{display:flex;gap:8px;overflow-x:auto;margin:24px -6vw 20px;padding:3px 6vw 12px;scrollbar-width:none}
  .mobile-section-jumps a{flex:0 0 auto;padding:11px 16px;border:1px solid #bdc6bd;border-radius:100px;font-size:11px;letter-spacing:.025em;background:#f7f7f2;color:#253428}
  .mobile-project-case{scroll-margin-top:12px;padding:0!important;margin:0!important;min-height:0!important;background:#f1f2ec!important;border-bottom:1px solid #d4d9d1}
  .mobile-project-case>.mobile-project-card{display:grid!important}
  .mobile-project-case:not(.mobile-open)>:not(.mobile-project-card){display:none!important}
  .mobile-project-card{grid-template-columns:118px minmax(0,1fr);gap:15px;align-items:center;padding:16px 6%;color:#19241f;text-align:left}
  .mobile-project-thumb{width:118px;height:112px;object-fit:cover;display:block;border-radius:2px;background:#d7ddd6}
  .mobile-project-card-body{min-width:0;display:flex;flex-direction:column;gap:5px}
  .mobile-project-meta{font-size:9px;font-weight:600;letter-spacing:.09em;color:#748276;text-transform:uppercase}
  .mobile-project-title{font:500 clamp(19px,5vw,24px)/1.17 Manrope,sans-serif;letter-spacing:-.045em;color:#19241f}
  .mobile-project-description{font-size:11px;line-height:1.45;color:#617063;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mobile-project-toggle{border:0;padding:8px 0 3px;text-align:left;background:transparent;color:#263b2d;font:600 11px DM Sans,sans-serif;cursor:pointer;align-self:flex-start}
  .mobile-project-toggle::after{content:' ↗';font-size:14px}
  .mobile-project-toggle[aria-expanded="true"]::after{content:' ↑'}
  .mobile-project-case.mobile-open>.mobile-project-card{border-bottom:1px solid #cbd3ca}
  .mobile-project-case.mobile-open>.section-shell{padding-top:32px!important}
  .mobile-project-case.mobile-open>.section-shell .section-label:first-child{display:none}
  .mobile-project-case.mobile-open>.section-shell h2{font-size:clamp(36px,9vw,56px)}
  .mobile-project-case.mobile-open>.section-shell img{max-width:100%}
}
@media(max-width:380px){
  .mobile-project-card{grid-template-columns:100px minmax(0,1fr);gap:12px}
  .mobile-project-thumb{width:100px;height:104px}
  .mobile-project-title{font-size:19px}
}