/**
 * QCloud Contact Stores.
 *
 * Estilos exclusivos de la página de contacto.
 */

/**
 * Amplía la columna izquierda únicamente en desktop.
 *
 * Layout objetivo:
 * izquierda 34%
 * formulario 66%
 */
@media (min-width: 992px) {
  body#contact #left-column.qcloud-contact-left {
    width: 34%;
    max-width: 34%;
    flex: 0 0 34%;
  }

  body#contact #content-wrapper {
    width: 66%;
    max-width: 66%;
    flex: 0 0 66%;
  }
}

body#contact .qcloud-contact-stores {
  width: 100%;
}

body#contact .qcloud-contact-stores__heading {
  margin: 0 0 2rem;
  font-weight: 700;
  text-transform: uppercase;
}

body#contact .qcloud-store {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 0 0 1.5rem;
  padding: 0 0 1.5rem;
  border-bottom: 1px solid #e5e5e5;
}

body#contact .qcloud-store:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

body#contact .qcloud-store__icon {
  flex: 0 0 2rem;
  padding-top: .1rem;
  line-height: 1;
}

body#contact .qcloud-store__icon .material-icons {
  font-size: 2rem;
}

body#contact .qcloud-store__content {
  flex: 1 1 auto;
  min-width: 0;
}

body#contact .qcloud-store-title {
  display: block;
  margin-bottom: .9rem;
  font-weight: 700;
}

body#contact .qcloud-store__line {
  display: block;
  margin-bottom: .25rem;
  line-height: 1.55;
}

body#contact .qcloud-store__line strong {
  font-weight: 700;
}

body#contact .qcloud-store__phones {
  margin-top: .45rem;
}

body#contact .qcloud-store__phones a {
  text-decoration: none;
}

body#contact .qcloud-store__phones a:hover,
body#contact .qcloud-store__phones a:focus {
  text-decoration: underline;
}

@media (max-width: 767px) {
  body#contact .qcloud-store {
    gap: .75rem;
  }
}