/* Chemical EXS v2.9.51 · responsive móvil consolidado */
@media (max-width: 900px) {
  html, body, .public-page { max-width: 100%; overflow-x: clip !important; }
  .public-page *, .public-page *::before, .public-page *::after { min-width: 0; box-sizing: border-box; }
  .shell { width: min(100% - 24px, 1240px) !important; }
  img, video, iframe, canvas, svg { max-width: 100%; }

  .site-header { position: sticky !important; top: 0; z-index: 1000; overflow: visible !important; }
  .site-utility { display: block !important; padding: 8px 0 !important; }
  .site-utility .shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "greeting weather" "primary primary" !important;
    align-items: center !important;
    gap: 8px 10px !important;
    padding-block: 0 !important;
  }
  .site-utility .utility-greeting { grid-area: greeting; display: grid !important; gap: 2px !important; }
  .site-utility .utility-greeting b { overflow: hidden; color: #fff !important; font-size: 13px !important; line-height: 1.2 !important; text-overflow: ellipsis; white-space: nowrap; }
  .site-utility .utility-greeting small { color: #cfe5f8 !important; font-size: 9px !important; }
  .site-utility .utility-weather-global {
    grid-area: weather;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    width: auto !important;
    max-width: 230px !important;
    padding: 5px 7px !important;
    gap: 7px !important;
    justify-self: end;
    border-radius: 14px !important;
  }
  .site-utility .utility-weather-global > .weather-icon { width: 30px !important; height: 30px !important; font-size: 16px !important; }
  .site-utility .utility-weather-copy b { font-size: 12px !important; line-height: 1.1 !important; }
  .site-utility .utility-weather-copy small { max-width: 96px !important; overflow: hidden; font-size: 8px !important; line-height: 1.15 !important; text-overflow: ellipsis; white-space: nowrap; }
  .site-utility .utility-weather-global time { min-width: 66px; }
  .site-utility .utility-weather-global time b { font-size: 10px !important; }
  .site-utility .utility-weather-global time small { display: block; max-width: 72px; overflow: hidden; font-size: 8px !important; text-overflow: ellipsis; white-space: nowrap; }
  .site-utility .utility-primary.utility-single-row {
    grid-area: primary;
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }
  .site-utility .utility-status.utility-whatsapp {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 7px 9px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 999px !important;
  }
  .site-utility .utility-status.utility-whatsapp b { display: none !important; }
  .site-utility .utility-status.utility-whatsapp i { display: block !important; flex: 0 0 10px; width: 10px !important; height: 10px !important; }
  .site-utility .utility-status.utility-whatsapp span { display: inline-block !important; font-size: 16px !important; line-height: 1 !important; }
  .site-utility .utility-phone {
    display: inline-flex !important;
    width: auto !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .site-nav {
    position: relative;
    display: grid !important;
    min-height: 0 !important;
    padding: 8px 0 10px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas: "brand spacer menu" "actions actions actions" !important;
    align-items: center !important;
    gap: 8px 10px !important;
  }
  .site-nav .brand { grid-area: brand; width: auto !important; }
  .site-nav .brand img { width: 106px !important; height: 54px !important; }
  .site-nav .menu-toggle { grid-area: menu; display: grid !important; margin: 0 !important; width: 44px !important; height: 44px !important; place-items: center; }
  .site-nav nav[data-menu-panel] {
    position: absolute !important;
    z-index: 1200 !important;
    top: calc(100% + 4px) !important;
    right: 0 !important;
    left: 0 !important;
    display: none !important;
    width: 100% !important;
    max-height: min(70dvh, 620px) !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: auto !important;
    border: 1px solid #d8e4f0 !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 24px 70px rgba(7,36,72,.25) !important;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
  }
  .site-nav nav[data-menu-panel].open { display: flex !important; }
  .site-nav nav[data-menu-panel] > a,
  .site-nav nav[data-menu-panel] summary,
  .site-nav .nav-dropdown-menu a {
    width: 100% !important;
    padding: 12px 13px !important;
    border-radius: 12px !important;
    color: #153756 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .site-nav .nav-dropdown { width: 100% !important; }
  .site-nav .nav-dropdown summary { display: flex !important; align-items: center; justify-content: space-between; cursor: pointer; }
  .site-nav .nav-dropdown-menu { position: static !important; display: grid !important; width: 100% !important; margin-top: 4px !important; padding: 5px !important; border: 0 !important; box-shadow: none !important; background: #f3f8fd !important; }
  .site-nav .nav-actions {
    grid-area: actions;
    display: grid !important;
    width: 100% !important;
    margin: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .site-header .site-nav .nav-actions > a.nav-action-button {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 5px !important;
    grid-template-rows: 20px auto !important;
    place-items: center !important;
    border-radius: 13px !important;
  }
  .site-header .site-nav .nav-actions > a.nav-action-button span { font-size: 18px !important; line-height: 1 !important; }
  .site-header .site-nav .nav-actions > a.nav-action-button small { display: block !important; max-width: 100%; overflow: hidden; font-size: 9px !important; line-height: 1.05 !important; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

  main { width: 100%; overflow: clip; }
  .section, .cxr-section { padding-block: 42px !important; }
  .page-hero, .feature-hero, .cxr-hero { overflow: hidden !important; }
  .feature-hero-grid, .cxr-hero-grid, .cxr-proof-grid, .cxr-contact-grid, .cxr-portal-grid, .cxr-faq-grid,
  .remote-hero-grid, .appointment-diagnostic-grid, .invoice-layout, .account-login-grid, .account-dashboard-grid,
  .cart-hero-grid, .cart-pro-layout, .saved-cart-card-pro, .store-v29-grid, .store-assistant-grid,
  .checkout-layout, .product-detail-grid, .blog-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .cxr-section-head, .section-head, .store-catalog-heading, .shop-results-head, .cart-panel-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .cxr-section-head { display: grid !important; grid-template-columns: 1fr !important; }
  .cxr-section-head h2, .feature-hero-copy h1, .page-hero h1, .cxr-hero-copy h1 { overflow-wrap: break-word; word-break: normal; }
  .cxr-actions, .actions, .hero-mini-actions { display: grid !important; width: 100% !important; grid-template-columns: 1fr !important; gap: 10px !important; }
  .cxr-actions .btn, .actions .btn, .hero-mini-actions .btn { width: 100% !important; justify-content: center !important; }

  .cxr-service-grid, .cxr-photo-grid, .cxr-process-grid, .cxr-home-blog-grid, .product-grid, .store-grid,
  .blog-grid, .blog-archive-grid, .remote-services, .service-grid, .appointment-benefits,
  .appointment-diagnostic-points, .invoice-flow-grid, .invoice-checkout-grid, .account-security-pills {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-grid-rich { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

  .store-filter-bar { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .store-filter-search { grid-column: 1 / -1 !important; }
  .store-filter-bar .btn { width: 100% !important; }
  .store-result-meta { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .store-page-summary { overflow-wrap: break-word; }
  .pagination.public-pagination { display: flex !important; max-width: 100% !important; padding: 4px 0 8px !important; overflow-x: auto !important; flex-wrap: nowrap !important; gap: 7px !important; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
  .pagination.public-pagination a { flex: 0 0 42px !important; min-width: 42px !important; height: 42px !important; scroll-snap-align: start; }

  .cart-summary-pro { position: static !important; top: auto !important; }
  .cart-product-line { grid-template-columns: 82px minmax(0, 1fr) !important; gap: 11px !important; }
  .cart-product-image { width: 82px !important; height: 82px !important; }
  .cart-product-price, .cart-quantity-control, .cart-line-total { grid-column: 2 !important; }
  .cart-product-price, .cart-line-total { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; text-align: left !important; }
  .cart-update-row { align-items: stretch !important; flex-direction: column !important; }
  .cart-update-row .btn { width: 100% !important; }

  .form-grid, .service-search-fields, .invoice-source-grid, .invoice-capture-switch, .appointment-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .field.full, .form-grid .full { grid-column: 1 / -1 !important; }
  input, select, textarea, button { max-width: 100% !important; }
  input, select, textarea { font-size: 16px !important; }
  .table-wrap, .data-table-wrap, .glass-card:has(> table) { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  table { max-width: none; }

  .cx-chat-v2935 { right: max(8px, env(safe-area-inset-right)) !important; bottom: max(8px, env(safe-area-inset-bottom)) !important; }
  .cx-chat-v2935 .cx-chat-launcher { width: 70px !important; min-width: 70px !important; height: 70px !important; padding: 5px !important; grid-template-columns: 1fr !important; border-radius: 23px !important; }
  .cx-chat-v2935 .cx-chat-launcher-image { width: 60px !important; height: 60px !important; margin: auto !important; overflow: hidden !important; border-radius: 19px !important; }
  .cx-chat-v2937 .cx-chat-launcher-image img, .cx-chat-v2937 .cx-chat-head-image img { width: 100% !important; height: 100% !important; padding: 5px !important; object-fit: contain !important; object-position: center !important; }
  .cx-chat-v2935 .cx-chat-launcher-copy, .cx-chat-v2935 .cx-chat-launcher-arrow { display: none !important; }
  .cx-chat-v2935 .cx-chat-window {
    position: fixed !important;
    inset: max(7px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left)) !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 22px !important;
  }
  .cx-chat-v2935 .cx-chat-head { grid-template-columns: 46px minmax(0,1fr) 40px !important; padding: 10px 11px !important; }
  .cx-chat-v2935 .cx-chat-head-image { width: 46px !important; height: 46px !important; }
  .cx-chat-v2935 .cx-chat-head > div > b { font-size: 18px !important; line-height: 1.1 !important; }
  .cx-chat-v2935 .cx-chat-head > div > span { font-size: 10px !important; line-height: 1.25 !important; }
  .cx-chat-v2935 .cx-chat-intro.cx-chat-weather { padding: 11px 12px !important; }
  .cx-chat-v2935 .cx-chat-messages { padding: 12px !important; }
  .cx-chat-v2935 .cx-chat-message { max-width: 92% !important; }
  .cx-chat-v2935 .cx-chat-bubble { max-width: 100% !important; overflow-wrap: break-word !important; word-break: normal !important; }
  .cx-chat-v2935 .cx-chat-form { padding: 0 9px max(9px, env(safe-area-inset-bottom)) !important; }
  .cx-chat-v2935 textarea { min-height: 52px !important; font-size: 16px !important; }
}

@media (max-width: 760px) {
  .shell { width: min(100% - 18px, 1240px) !important; }
  .section, .cxr-section { padding-block: 36px !important; }
  .feature-hero, .page-hero { padding-block: 34px 24px !important; }
  .feature-hero-copy h1, .page-hero h1, .cxr-hero-copy h1 { font-size: clamp(34px, 10vw, 46px) !important; line-height: 1.02 !important; }
  .feature-hero-copy p, .cxr-hero-copy p { font-size: 15px !important; }
  .feature-hero-art, .appointment-diagnostic-photo, .remote-hero-art { min-height: 260px !important; height: auto !important; }

  .cxr-service-grid, .cxr-photo-grid, .cxr-process-grid, .cxr-home-blog-grid, .product-grid, .store-grid,
  .blog-grid, .blog-archive-grid, .remote-services, .service-grid, .appointment-benefits,
  .appointment-diagnostic-points, .invoice-flow-grid, .invoice-checkout-grid, .account-security-pills,
  .footer-grid-rich, .store-result-meta, .form-grid, .service-search-fields, .invoice-source-grid,
  .invoice-capture-switch, .appointment-detail-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .store-filter-bar { grid-template-columns: minmax(0, 1fr) !important; }
  .store-filter-search { grid-column: auto !important; }
  .store-cart-button { width: 100% !important; justify-content: center !important; }
  .product-card, .blog-card, .cxr-home-blog-card, .service-card { border-radius: 20px !important; }
  .store-page-summary { padding: 11px 12px !important; font-size: 13px !important; line-height: 1.45 !important; }

  .cxr-hero-facts { grid-template-columns: 1fr !important; }
  .cxr-photo-sticker { min-width: 0 !important; max-width: calc(100% - 20px) !important; }
  .cxr-status-card, .cxr-google-card, .cxr-review-carousel, .cxr-map, .cxr-home-blog-card { max-width: 100% !important; }
  .cxr-review-carousel-head { align-items: flex-start !important; flex-direction: column !important; gap: 12px !important; }
  .cxr-review-slide { grid-template-columns: 44px minmax(0, 1fr) !important; }
  .cxr-review-viewport { max-width: 100% !important; overflow: hidden !important; }
  .cxr-review-track { min-width: 0 !important; }

  .appointment-stepper-v28 { display: flex !important; max-width: 100% !important; padding-bottom: 6px !important; overflow-x: auto !important; gap: 8px !important; scroll-snap-type: x proximity; }
  .appointment-stepper-v28 .step { flex: 0 0 124px !important; scroll-snap-align: start; }
  .appointment-actions, .appointment-actions-v28 { position: static !important; width: 100% !important; }
  .appointment-actions .btn, .appointment-actions-v28 .btn { width: 100% !important; }
  .appointment-calendar-v28 { max-width: 100% !important; overflow-x: auto !important; }

  .service-timeline-2935 { max-width: 100% !important; overflow: hidden !important; }
  .service-timeline-2935 ol.is-physics { width: 100% !important; height: 430px !important; margin-inline: 0 !important; }
  .service-timeline-2935 ol.is-physics li { width: 96px !important; height: 96px !important; padding: 9px !important; }
  .service-timeline-2935 ol.is-physics li b { font-size: 10px !important; }
  .service-timeline-2935 ol.is-physics li small { font-size: 8px !important; }

  .cart-hero-status { width: 100% !important; grid-template-columns: auto auto 1fr auto auto 1fr auto auto !important; }
  .cart-products-panel, .cart-summary-pro, .saved-cart-card-pro, .form-card, .appointment-card, .tracking-card, .service-detail-card { padding: 18px !important; border-radius: 21px !important; }

  .site-footer .footer-row { align-items: flex-start !important; flex-direction: column !important; gap: 8px !important; }
}

@media (max-width: 480px) {
  .shell { width: min(100% - 14px, 1240px) !important; }
  .site-utility .shell {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: "greeting" "weather" "primary" !important;
    gap: 7px !important;
  }
  .site-utility .utility-weather-global { width: 100% !important; max-width: none !important; justify-self: stretch !important; }
  .site-utility .utility-weather-copy small { max-width: 120px !important; }
  .site-utility .utility-primary.utility-single-row { justify-content: space-between !important; }
  .site-utility .utility-phone { padding-inline: 9px !important; font-size: 10px !important; }

  .site-nav .brand img { width: 96px !important; height: 50px !important; }
  .site-header .site-nav .nav-actions > a.nav-action-button { height: 50px !important; }
  .site-header .site-nav .nav-actions > a.nav-action-button small { font-size: 8px !important; }

  .feature-hero-copy h1, .page-hero h1, .cxr-hero-copy h1 { font-size: clamp(31px, 10.5vw, 40px) !important; }
  .cxr-home-blog-card, .product-card, .blog-card, .cart-products-panel, .cart-summary-pro, .saved-cart-card-pro,
  .form-card, .appointment-card, .tracking-card, .service-detail-card { padding: 15px !important; border-radius: 19px !important; }
  .cxr-home-blog-top { grid-template-columns: 44px minmax(0,1fr) !important; gap: 11px !important; }
  .cxr-home-blog-emoji { width: 44px !important; height: 44px !important; font-size: 22px !important; }
  .cxr-home-blog-top b { font-size: 17px !important; }
  .cxr-home-blog-meta { gap: 6px !important; }
  .cxr-home-blog-meta span { padding: 7px 9px !important; font-size: 10px !important; }

  .cart-hero-status b { display: none !important; }
  .cart-hero-status { grid-template-columns: auto 1fr auto 1fr auto !important; }
  .cart-product-line { grid-template-columns: 68px minmax(0,1fr) !important; padding: 10px !important; }
  .cart-product-image { width: 68px !important; height: 68px !important; }
  .cart-product-copy h3 { font-size: 14px !important; }
  .cart-product-price, .cart-quantity-control, .cart-line-total { grid-column: 1 / -1 !important; }
  .cart-quantity-control { justify-self: start !important; }

  .cx-chat-v2935 .cx-chat-launcher { width: 68px !important; min-width: 68px !important; height: 68px !important; }
  .cx-chat-v2935 .cx-chat-launcher-image { width: 58px !important; height: 58px !important; }
  .cx-chat-v2935 .cx-chat-head { grid-template-columns: 42px minmax(0,1fr) 38px !important; gap: 8px !important; }
  .cx-chat-v2935 .cx-chat-head-image { width: 42px !important; height: 42px !important; }
  .cx-chat-v2935 .cx-chat-head > div > b { font-size: 17px !important; }
  .cx-chat-v2935 .cx-chat-head > div > span { font-size: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .site-utility .utility-status.utility-whatsapp i,
  .cx-chat-v2935 .cx-chat-launcher::before,
  .cx-chat-launcher-image i,
  .cx-chat-head-image i { animation: none !important; }
}

@media (max-width: 900px) {
  .site-utility .utility-primary.utility-single-row .utility-status.utility-whatsapp b { display: none !important; }
  .site-utility .utility-primary.utility-single-row .utility-status.utility-whatsapp span { display: inline-block !important; }
  .site-utility .utility-primary.utility-single-row .utility-status.utility-whatsapp i { display: block !important; }
  .site-utility .utility-primary.utility-single-row .utility-phone { display: inline-flex !important; }
}

@media (max-width: 900px) {
  .site-nav { height: auto !important; }
  .site-utility .utility-primary.utility-single-row a.utility-phone:last-of-type { display: inline-flex !important; }
}

@media (max-width: 480px) {
  .site-utility .shell {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "greeting weather" "primary primary" !important;
  }
  .site-utility .utility-greeting b { font-size: 12px !important; }
  .site-utility .utility-weather-global { width: auto !important; max-width: 170px !important; justify-self: end !important; }
  .site-utility .utility-weather-copy small,
  .site-utility .utility-weather-global time small { display: none !important; }
  .site-utility .utility-primary.utility-single-row { justify-content: flex-end !important; }
}