/* Catedral San Juan Bautista | Pie móvil compacto
   Únicamente afecta pantallas de hasta 760px.
   El diseño y las fotografías del footer de escritorio no se modifican. */
@media (max-width: 760px) {
  .sv-footer.sv-footer--signature {
    min-height: 0 !important;
    height: auto !important;
  }

  /* Los cuatro contenidos forman una sola composición: nombre / contacto y redes / créditos. */
  .sv-footer.sv-footer--signature .sv-footer__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand brand"
      "contact socials"
      "copy copy";
    align-items: center;
    column-gap: 14px;
    row-gap: 0;
    width: calc(100% - 44px) !important;
    max-width: 550px !important;
    padding: 28px 0 20px !important;
    margin: 0 auto !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__top,
  .sv-footer.sv-footer--signature .sv-footer__bottom {
    display: contents !important;
  }

  .sv-footer.sv-footer--signature .sv-footer__brand {
    grid-area: brand;
    padding: 0 0 18px;
    margin: 0;
    min-width: 0;
    border-bottom: 1px solid rgba(231, 239, 244, .24);
  }
  .sv-footer.sv-footer--signature .sv-footer__kicker {
    display: flex;
    gap: 0;
    margin: 0;
    color: rgba(234, 242, 246, .83);
    font-family: 'DM Sans', Arial, sans-serif;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .17em !important;
    line-height: 1.5 !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__symbol { display: none !important; }
  .sv-footer.sv-footer--signature .sv-footer__kicker::after {
    content: '  ·  TUXTEPEC';
    white-space: pre;
    color: rgba(231, 242, 248, .70);
  }
  .sv-footer.sv-footer--signature .sv-footer__brand h2 {
    margin: 6px 0 6px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: clamp(36px, 9vw, 47px) !important;
    line-height: .99 !important;
    font-weight: 400 !important;
    letter-spacing: -.018em !important;
    text-wrap: balance;
    color: #fffaf5 !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__brand h2 em {
    color: #efddc3;
    font-style: italic;
    font-weight: 400;
  }
  .sv-footer.sv-footer--signature .sv-footer__identity-row { display: none !important; }
  .sv-footer.sv-footer--signature .sv-footer__quote {
    display: flex !important;
    align-items: baseline;
    gap: 7px;
    margin: 0 !important;
    color: rgba(242, 242, 238, .86);
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    white-space: normal;
  }
  .sv-footer.sv-footer--signature .sv-footer__quotemark { display: none !important; }
  .sv-footer.sv-footer--signature .sv-footer__quote span:last-child {
    margin-left: 0 !important;
    font-size: 9px !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    letter-spacing: .08em !important;
    color: #d1dfeb !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__quote span:last-child::before {
    content: '·';
    margin-right: 7px;
    color: #e0c6a3;
  }

  /* En vez de una tarjeta dentro del footer, contacto y redes comparten una fila. */
  .sv-footer.sv-footer--signature .sv-footer__contact {
    grid-area: contact;
    justify-self: start;
    align-self: center;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    width: auto !important;
    max-width: 100%;
    padding: 16px 0 13px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none !important;
    text-align: left !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__contact::before,
  .sv-footer.sv-footer--signature .sv-footer__contact-rule {
    display: none !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__contact small {
    margin: 0 !important;
    color: rgba(225, 236, 243, .76) !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-size: 9px !important;
    letter-spacing: .17em !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__contact a {
    display: inline-flex !important;
    gap: 0 !important;
    align-items: center !important;
    width: auto;
    white-space: nowrap !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: clamp(23px, 6.6vw, 28px) !important;
    line-height: 1 !important;
    letter-spacing: .006em !important;
    font-weight: 400 !important;
    font-variant-numeric: lining-nums;
    color: #fff9f3 !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__contact a svg { display: none !important; }

  .sv-footer.sv-footer--signature .sv-footer__social {
    grid-area: socials;
    justify-self: end;
    align-self: center;
    display: flex !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 13px 0 8px !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__social > span { display: none !important; }
  .sv-footer.sv-footer--signature .sv-footer__social a {
    display: inline-flex !important;
    width: 35px !important;
    height: 35px !important;
    flex: 0 0 35px;
    border: 1px solid rgba(231, 241, 246, .37) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: none !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__social a svg {
    width: 16px;
    height: 16px;
  }
  .sv-footer.sv-footer--signature .sv-footer__copyright {
    grid-area: copy;
    margin: 0 !important;
    padding: 11px 0 0 !important;
    border-top: 1px solid rgba(233, 241, 246, .18);
    font-size: 10px !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    color: rgba(225, 238, 244, .69);
    text-align: left;
  }
}
@media (max-width: 350px) {
  .sv-footer.sv-footer--signature .sv-footer__inner {
    width: calc(100% - 32px) !important;
    column-gap: 6px;
    padding-top: 24px !important;
    padding-bottom: 17px !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__brand h2 {
    font-size: 34px !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__contact a {
    font-size: 22px !important;
  }
  .sv-footer.sv-footer--signature .sv-footer__social a {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px;
  }
}