/* Web Systems 3.1 · Reglas responsive compartidas entre módulos
 * Este módulo se carga de forma condicional desde functions.php.
 */


@media (max-width: 1120px) {
  .section-heading-split, .positioning-layout { gap: 55px; }
  .home-project-grid, .projects-full-grid, .related-project-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 900px) {
  .hero-art-note { right: 0; }
  .positioning-layout, .section-heading-split, .idea-bridge-layout, .care-layout, .inner-hero-layout, .problem-layout, .use-cases-layout, .connected-stack-layout, .live-portfolio-layout, .project-outcomes-layout, .webcare-layout, .quote-page-layout, .analysis-page-layout, .diagnosis-output-layout, .work-principles-layout, .contact-page-layout, .about-story-layout { grid-template-columns: 1fr; gap: 45px; }
  .featured-case-browser { padding: 35px 0 0 30px; }
  .care-copy, .principles-intro, .quote-page-copy { position: static; }
  .home-faq-layout { grid-template-columns: 1fr; gap: 42px; }
  .deliverable-grid, .case-principle-grid, .diagnosis-not-grid { grid-template-columns: 1fr 1fr; }
  .projects-hero-layout, .about-hero-layout { grid-template-columns: 1fr; gap: 0; padding: 70px 0; }
  .projects-hero-layout .compact-hero-copy, .about-hero-layout .compact-hero-copy { padding: 0 0 45px; }
  .quote-page-layout, .analysis-page-layout, .contact-page-layout { padding: 70px 0 84px; }
  .quote-page-copy, .analysis-page-copy, .contact-page-copy { max-width: 760px; }
}

@media (max-width: 640px) {
  .home-hero h1, .inner-hero-copy h1, .compact-hero-copy h1, .projects-hero h1, .project-detail-copy h1, .quote-page-copy h1, .analysis-page-copy h1, .contact-page-copy h1 { font-size: 42px; }
  .home-hero-copy > p, .inner-hero-copy > p, .compact-hero-copy > p, .project-detail-copy > p, .quote-page-copy > p, .analysis-page-copy > p, .contact-page-copy > p { font-size: 14px; }
  .hero-assurances { display: grid; gap: 9px; }
  .hero-art-note { display: none; }
  .section-heading h2, .positioning-copy h2, .care-copy h2, .problem-layout h2, .connected-stack-copy h2, .webcare-copy h2, .diagnosis-output h2, .about-story h2, .principles-intro h2 { font-size: 37px; }
  .featured-case-browser { padding: 25px 0 0 17px; }
  .home-project-grid, .projects-full-grid, .related-project-grid { grid-template-columns: 1fr; }
  .home-faq-contact .button { width: 100%; }
  .deliverable-grid, .case-principle-grid, .diagnosis-not-grid { grid-template-columns: 1fr; }
  .webcare-grid { grid-template-columns: 1fr; }
  .service-options, .extras-options, .model-options, .quote-contact, .two-fields { grid-template-columns: 1fr; }
  .analyzer-card form, .analysis-ready, .contact-form-card form, .contact-ready { padding: 26px 20px; }
}