/* R17 — corrección definitiva de contacto y logos móviles.
   Este archivo se carga al final de todos los estilos públicos. */

@media (max-width: 760px) {
  html body .site-header .header-inner > a.brand.brand-with-logo {
    display: flex !important;
    width: min(220px, calc(100vw - 92px)) !important;
    min-width: min(220px, calc(100vw - 92px)) !important;
    max-width: min(220px, calc(100vw - 92px)) !important;
    height: auto !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    transform: none !important;
  }

  html body .site-header .header-inner > a.brand.brand-with-logo .brand-logo,
  html body .site-header .header-inner > a.brand.brand-with-logo .brand-logo img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body .site-header .brand-text {
    display: none !important;
  }

  html body .site-footer .footer-grid > div:first-child {
    display: flex !important;
    width: 100% !important;
    min-height: 126px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px 0 24px !important;
  }

  html body .site-footer .footer-brand {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .site-footer .footer-brand .brand-logo {
    display: block !important;
    width: min(340px, 84vw) !important;
    min-width: min(340px, 84vw) !important;
    max-width: min(340px, 84vw) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body .site-footer .footer-brand .brand-logo img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    object-fit: contain !important;
  }

  html body .site-footer .footer-brand-copy {
    display: none !important;
  }

  html body .site-footer .footer-grid > div:last-child {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 24px 10px 32px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body .site-footer .footer-contact-list {
    display: grid !important;
    width: min(100%, 520px) !important;
    margin: 0 auto 18px !important;
    gap: 12px !important;
  }

  html body .site-footer .footer-contact-list li {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    justify-content: start !important;
    align-items: start !important;
    text-align: left !important;
  }

  html body .site-footer .footer-contact-list li > span:last-child {
    display: block !important;
    min-height: 1.25em !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  html body .site-footer .footer-map {
    display: block !important;
    width: min(360px, 86vw) !important;
    height: 190px !important;
    margin: 18px auto 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

html body .contact-map {
  display: grid !important;
}

html body .contact-map iframe {
  display: block !important;
  min-height: 260px !important;
  background: #e8efef !important;
}