/* =========================================================================
   FOOTER — refinamiento
   · Móvil: acordeones (Contacto / Categorías / Ayuda) para acortar la columna
   · Escritorio: más presencia de marca y menos aire muerto
   Complementa el bloque FOOTER de categorias.css (no lo reemplaza).
   Markup de los acordeones: js/venados-redesign.js → footerAccordions()
   2026-07-27
   ========================================================================= */

/* -------------------------------------------------------------------------
   MÓVIL — acordeones
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  footer .grid-row-4 { padding-top: 34px !important; padding-bottom: 24px !important; }
  footer .grid-row-4 .grid-col { padding-top: 0 !important; padding-bottom: 0 !important; }

  /* Bloque de marca: logo + tagline, compacto */
  footer .grid-module-footer-4-1-1 { margin-bottom: 6px; }
  footer .venados-oficial-tag { margin: 10px 0 14px; max-width: none; }

  /* Cabecera del acordeón */
  footer .venados-foot-acc > .venados-foot-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 15px 2px;
    border-top: 1px solid #ececec;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
  }

  footer .venados-foot-acc > .venados-foot-title::after {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-right: 1.6px solid #9a9a9a;
    border-bottom: 1.6px solid #9a9a9a;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .2s ease;
  }

  footer .venados-foot-acc.is-open > .venados-foot-title::after {
    transform: translateY(1px) rotate(225deg);
  }

  footer .venados-foot-acc > .venados-foot-body { display: none; }
  footer .venados-foot-acc.is-open > .venados-foot-body { display: block; padding: 2px 2px 14px; }

  /* Categorías y Ayuda, una debajo de otra */
  footer .venados-foot-links { display: block; }
  footer .venados-foot-links .vfl-col { min-width: 0; }

  /* Cierra el bloque de acordeones con una línea */
  footer .grid-module-footer-4-2-1 { border-bottom: 1px solid #ececec; }

  /* Síguenos queda siempre visible: es una sola fila de iconos */
  footer .grid-module-footer-4-1-2 { margin-bottom: 0 !important; }
  footer .grid-module-footer-4-1-3 {
    margin-top: 0 !important;
    padding: 13px 2px 4px;
    border-top: 1px solid #ececec;
  }
  footer .grid-module-footer-4-1-3 .venados-foot-title { margin: 0 0 8px; font-size: 14px; }
  footer .grid-module-footer-4-1-3 .module-body { margin: 0; }
  footer .icons-menu ul,
  footer .icons-menu .j-menu { flex-wrap: nowrap !important; gap: 6px; }
}

/* -------------------------------------------------------------------------
   ESCRITORIO — más marca, menos vacío
   ------------------------------------------------------------------------- */
@media (min-width: 992px) {
  /* El aire era de 90px arriba y abajo + 30px por columna */
  footer .grid-row-4 { padding-top: 54px !important; padding-bottom: 44px !important; }
  footer .grid-row-4 .grid-col { padding-top: 0 !important; padding-bottom: 0 !important; }

  /* Todas las columnas arrancan a la misma altura */
  footer .grid-row-4 .grid-items > .grid-item { margin-top: 0 !important; padding-top: 0 !important; }

  /* Marca con más peso */
  footer .grid-row-4 .grid-col-1 > .grid-items > .grid-module-footer-4-1-1 { flex: 1.25 1 0; }
  footer .grid-module-footer-4-1-1 .module-image img,
  footer .grid-module-footer-4-1-1 img { width: 168px !important; max-width: 100%; height: auto; }

  footer .venados-oficial-tag {
    margin: 16px 0 0;
    max-width: 230px;
    font-size: 13.5px;
    line-height: 1.6;
    color: #7a7a7a;
  }

  /* Firma de marca bajo el tagline */
  footer .venados-oficial-tag::after {
    content: "Mazatlán, Sinaloa · Desde 1945";
    display: block;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 2px solid #c52028;
    max-width: 190px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #1a1a1a;
  }

  /* Redes en una sola fila */
  footer .grid-module-footer-4-1-3 .icons-menu ul,
  footer .grid-module-footer-4-1-3 .icons-menu .j-menu { flex-wrap: nowrap !important; gap: 10px; }

  /* Ritmo vertical un poco más apretado en los enlaces */
  footer .venados-foot-links .vfl-list a,
  footer .grid-module-footer-4-1-2 .links-text { padding-top: 5px; padding-bottom: 5px; }

  footer .venados-foot-title { margin-bottom: 16px; }
}