/* ============================================================
   Adiasoft — EL PIE DE LA PÁGINA DE UNA EMPRESA · 168.ª (09/09/2026)
   ------------------------------------------------------------
   Lo que pidió el dueño: «para pie de pagina debe ser dinamico como para ver
   contactos politicas nosotros empleos y un link ingrear portal de adiasoft,
   comunidad productos de adiasoft».

   Este archivo NO redefine el pie: se apoya en el que ya existe
   (assets/style.css §footer: `footer`, `.foot-grid`, `.foot-col`,
   `.foot-bottom`, `.emp-ava`), que ya tiene su fondo, su modo oscuro y sus
   contrastes medidos. Aquí solo está lo que el pie de una EMPRESA tiene y el
   de Adiasoft no:
     · sin mapamundi ni horizonte → hace falta menos aire arriba;
     · una raya con el color de marca de la empresa (variable --fe-acc, que
       la escribe includes/footer.php con pwa_color_marca);
     · el bloque pequeño de Adiasoft, que se lee como una nota al pie y no
       como una segunda navegación (esa fue la lección de la 80.ª en la
       cabecera: dos navegaciones compitiendo y ganaba la equivocada).

   🔴 TODAS las reglas cuelgan de `.foot-emp` o de `.foot-puertas`, dos
   clases que antes de hoy no existían en el proyecto. Por eso el archivo se
   puede pedir en todas las páginas (lo hace includes/footer.php, una línea
   para las tres carcasas) sin que ninguna regla pueda alcanzar al pie de
   Adiasoft de siempre: si la clase no está en el HTML, la regla no existe.
   La doble puerta (`.foot-puertas`) sí sale en los dos pies, y por eso vive
   aquí y no dentro del bloque de la empresa.
   ============================================================ */

/* El pie de la empresa no lleva el mapamundi de «5 continentes» ni el
   horizonte, que son de la marca Adiasoft: sin ellos, los 130 px de aire de
   arriba dejaban un hueco vacío enorme. */
footer.foot-emp{margin-top:56px;padding:44px 0 24px}
footer.foot-emp::before{opacity:.45}

/* La raya de color: es lo único que en el pie dice «esta página es de esta
   empresa» a un metro de distancia. Sale de su color de marca (el mismo que
   viaja al manifest de su PWA), y si no tiene, del azul de la casa. */
footer.foot-emp{border-top:3px solid var(--fe-acc,#002863)}

.foot-emp .emp-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;text-decoration:none}
.foot-emp .emp-logo .emp-nom{font-size:1.06rem;max-width:none;white-space:normal}
.foot-emp .emp-ava{width:38px;height:38px;font-size:.86rem}

/* La descripción pública de la empresa, recortada. Mismo tamaño y color que
   el párrafo del pie de Adiasoft para que no cante la diferencia. */
.foot-emp .foot-emp-lema{color:var(--muted);font-size:.9rem;max-width:300px;margin:0 0 16px;line-height:1.5}

/* Contacto: son <span> y <a> mezclados (un teléfono es enlace, un horario
   no), así que no se puede usar `.foot-col a` a secas. */
.foot-emp .foot-emp-dato{display:block;color:var(--muted);font-size:.87rem;padding:5px 0;text-decoration:none}
.foot-emp a.foot-emp-dato:hover{color:var(--eyebrow)}

/* El bloque de Adiasoft dentro del pie de la empresa: un escalón por debajo
   —letra más pequeña, sin negrita— porque aquí la dueña de la página es la
   empresa. Sigue siendo la puerta entre un negocio y otro (el marketplace),
   así que no se esconde: solo no compite. */
.foot-emp .foot-col-adia h4{font-size:.86rem;color:var(--muted)}
.foot-emp .foot-col-adia a{font-size:.85rem}
.foot-emp .foot-col-adia .fe-adia-marca{display:flex;align-items:center;gap:.4rem;margin-bottom:12px;opacity:.85}
.foot-emp .foot-col-adia .fe-adia-marca svg,
.foot-emp .foot-col-adia .fe-adia-marca img{height:18px;width:auto}

/* ── LA DOBLE PUERTA (también en el pie de Adiasoft) ──
   «en pie de pagina siempre indicar si desea ingrar a portal de adiasoft o
   buscar su empresa e ingresar». Es una fila propia, encima de la línea de
   copyright, para que se vea con o sin sesión y en cualquier página. */
.foot-puertas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  border-top:1px solid var(--line);padding:16px 0 4px;margin-top:4px}
.foot-puertas .fp-lbl{font-size:.84rem;color:var(--muted);font-weight:700}
.foot-puertas .fp-btn{display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--line-2,var(--line));border-radius:11px;padding:7px 14px;
  background:var(--panel);color:var(--navy);font-size:.85rem;font-weight:700;
  text-decoration:none;transition:.2s}
.foot-puertas .fp-btn:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-1px)}
.foot-puertas .fp-btn.fp-btn-acc{background:var(--navy);border-color:var(--navy);color:#fff}
.foot-puertas .fp-btn.fp-btn-acc:hover{background:var(--acc);border-color:var(--acc);color:#fff}
/* El buscador de empresa: un GET a /comunidad, que ya sabe filtrar por
   nombre, rubro y país. Sin JS: si el navegador no ejecuta nada, el formulario
   sigue llevando al directorio. */
.foot-puertas .fp-buscar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.foot-puertas .fp-buscar input{border:1px solid var(--line-2,var(--line));border-radius:11px;
  padding:7px 12px;font:inherit;font-size:.85rem;background:var(--bg);color:inherit;min-width:190px}
.foot-puertas .fp-buscar input:focus{outline:2px solid var(--acc);outline-offset:1px}

/* «Volver a la app de …»: lo enseña assets/pwa-fuente.js cuando la ventana
   es la app instalada de UNA EMPRESA y la persona acabó en una página de
   Adiasoft. Nace oculto (hidden) y sin JS no aparece nunca. */
.foot-puertas .fp-volver{border-color:var(--acc);color:var(--acc)}

@media(max-width:640px){
  .foot-puertas{flex-direction:column;align-items:flex-start}
  .foot-puertas .fp-buscar input{min-width:0;width:100%}
  .foot-puertas .fp-buscar{width:100%}
}

/* Los enlaces legales del pie de la empresa van separados de verdad. En el de
   Adiasoft van pegados con un espacio de texto desde siempre y así se quedan
   —ese pie no se toca—, pero aquí son cuatro y dos de ellos llevan tres
   palabras: sin separación se leían como una sola frase. */
.foot-emp .foot-bottom-links{display:flex;flex-wrap:wrap;gap:6px 18px}