/* Shared small-screen refinements. */
img,video{max-width:100%}
main,.form-shell,.intro,.contact-wrap>*{min-width:0}
a[href^="mailto:"]{overflow-wrap:anywhere}
@media(max-width:600px){
  .contact h2{font-size:clamp(44px,11.4vw,64px)}
  .contact-row{flex-wrap:wrap;gap:10px}
  .contact .contact-primary{max-width:100%;white-space:normal;text-align:center}
  .menu-toggle{min-height:44px;min-width:44px;color:inherit}
  .nav-links a,.filters button,.filter-button,.back{min-height:44px;align-content:center}
  .field input,.field select,.field textarea,.routine-card textarea,.portfolio-search input{font-size:16px}
  .options label{min-height:44px;line-height:1.5}
  .options input,.consent-line input{flex:0 0 18px;width:18px;min-height:18px}
  .field .consent-line{display:flex;align-items:flex-start}
  .field label,.field legend,.routine-fieldset>legend{font-size:13px;line-height:1.6}
  .field-help,.helper,.routine-help{font-size:12px;line-height:1.65}
  .routine-cards{grid-template-columns:1fr}
  .routine-card-tools{gap:3px;flex-wrap:wrap;justify-content:flex-end}
  .routine-card-tools button{width:44px;height:44px;flex-shrink:0}
  .routine-card-head{flex-wrap:wrap}
  .routine-add{min-height:44px}
  .button{width:100%;min-height:54px;padding:14px;line-height:1.5;white-space:normal}
  .page-label{flex-wrap:wrap}
  .meta{flex-wrap:wrap;row-gap:10px}
  main>h1{overflow-wrap:break-word}
  .back{flex-wrap:wrap;row-gap:12px}
  .photo{max-width:100%;margin-inline:auto}
  .photo img{height:auto}
}

/* Publication refinements, November 2026. */
.contact-phones{margin:0;padding-left:18px;line-height:1.8}
.social-link{display:inline-flex;align-items:center;gap:9px}
.social-link svg{flex:0 0 21px}.social-link b{font-weight:400}
@media(max-width:600px){
 #proyectos .project-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row dense;gap:8px!important}
 #proyectos .project-card:nth-child(n){padding:0!important;margin:0!important;grid-column:auto!important}
 #proyectos .project-card .project-image{aspect-ratio:1!important}
 #proyectos .project-card .project-photo{width:100%;height:100%;object-fit:cover}
 #proyectos .project-card .project-meta{display:none}
 #proyectos .project-without-photo{display:none!important}
 #proyectos .project-image:focus-visible{outline:2px solid #000;outline-offset:2px}
}