/* AJUSTES FINALES ARGOS RD - grupo D3, CABECERA / LOGO AL HOME. Solo WordPress.
   Acompana al cambio de datos de la plantilla 223 que hace el script
   _trabajo/cambios/mobile-2026-10-13/scripts/D3-logo-cabecera-al-home.php
   (widget de imagen 34b97c3: link_to=custom, link.url="/").

   PETICION DEL CLIENTE: "Boton no navega al home", aclarado como "el boton es el del
   icono del menu o la palabra argos". La palabra Argos de la cabecera es el logo.

   CAUSA DEL DEFECTO ORIGINAL: no son las dos leyes del porte, es una OMISION del porte.
   En el prototipo el logo va dentro de un enlace
     <a class="hdr__home" href="index.html" aria-label="Argos · Inicio"><img class="hdr__logo" ...></a>
   (Prototipo-Argos-RD-v2/*.html:21) con .hdr__home{display:inline-flex;align-items:center}
   (assets/v2.css:878). native_chrome.py arma el widget de imagen con
   {image, image_size, _css_classes} y nunca pone link_to, asi que el <img> salia SUELTO.

   POR QUE HACE FALTA ESTE CSS Y NO BASTA LO NATIVO:
   Elementor no expone el 'display' del <a> que envuelve a la imagen; su propia hoja
   (widget-image.css) lo deja en display:inline-block, y un inline-block genera una caja de
   linea: el <img> (inline-block, baseline = su borde inferior) arrastra el hueco del
   descendente de la fuente y el enlace mide 7 px MAS que la imagen.
   Medido al activar el enlace sin este fichero, en /, /concreto/, /nosotros/, /prensa/ y
   /cemento-gris-uso-general/:
     widget 34b97c3   44 -> 51 px de alto    (la imagen sigue en 44, el hueco es del <a>)
     #hdr             68.9 -> 75.9 px de alto en 1440, 1024, 768, 390 y 375
   Es decir, la cabecera de las 12 paginas crecia 7 px. Se repone el display del prototipo
   (inline-flex, que no genera caja de linea) y vuelve a medir 68.9 px.

   POR QUE 'flex' Y NO EL 'inline-flex' DEL PROTOTIPO:
   en el prototipo el <a class="hdr__home"> es hijo DIRECTO del flex .hdr__in, asi que un
   inline-flex no molesta. Aqui Elementor mete en medio el div del widget, que es un bloque:
   mientras el <a> sea de nivel linea (inline-flex, vertical-align:baseline) ese div sigue
   armando una caja de linea y el hueco de 7 px no se va. Comprobado midiendo: con
   inline-flex el <a> baja a 44 px pero el div del widget se queda en 51 y #hdr en 75.9.
   Con 'flex' el <a> es de nivel bloque, el div no arma caja de linea y todo vuelve a 44.

   ACOTADO: el id 34b97c3 puede repetirse en otras paginas, asi que la regla va dentro de
   [data-elementor-type="header"] y repitiendo .argos-native (igual que argos-native.css
   para este mismo widget). Especificidad (0,4,0) contra la (0,1,1) de
   .elementor-widget-image a. Sin !important. */
[data-elementor-type="header"] .argos-native.argos-native.argos-native .elementor-element-34b97c3 a{display:flex;align-items:center;width:max-content}
