/* 71-mobile-cards-producto · DEFECTO D2 (reporte del cliente, 13-oct-2026). Solo WordPress.
   ------------------------------------------------------------------------------------
   "Las cards completas navegar no solo mas informacion". El reenvio del clic lo hace
   71-mobile-cards-producto.js; aqui va solo lo visual: la mano sobre toda la tarjeta y
   el enlace que el JS mete en el titulo.

   ACOTADO CON [data-d2="1"], NO CON .argos-native--<slug>, Y A PROPOSITO:
   ese atributo lo pone UNICAMENTE el JS de este ajuste, y solo en las .rcard y .cap cuyo
   boton lleva la clase cap__link, apunta al mismo origen y esta a la vista. Es un filtro
   mas estrecho que cualquier clase de pagina: medido hoy a los cinco anchos, salen 3
   tarjetas marcadas en cada ficha de producto -2 en /concreto/, porque la tercera va a
   /agregados/ y esta oculta-, 2 en la home (las dos tarjetas visibles del portafolio) y 0
   en /nosotros/ (donde los ids c539024 / 6ee1a7f / 13d02f6 son
   las tarjetas del equipo directivo, con enlace a LinkedIn) y 0 en /sostenibilidad/
   (4 elementos .cap, ninguno con enlace) y 0 en /contacto/ y /prensa/. Acotar ademas
   por slug no anadiria seguridad y romperia /agregados/ el dia que deje de ser borrador,
   porque esa ficha usa otros ids. Aun asi se repite la clase raiz tres veces para el
   DESEMPATE: .argos-native x3 + .rcard + [data-d2] da (0,5,0) y le gana a la regla base
   .argos-native.argos-native .rcard de argos-native.css, que es (0,3,0). Sin !important.

   NO se toca el :hover de .rcard (levantar la tarjeta, barra lima arriba, titulo en
   lima-dark): esa pista visual de "esto se pulsa" ya venia del diseno y basta. */

/* La mano sobre TODA la tarjeta, que es lo que el cliente pide notar. 'cursor' se
   hereda, asi que la foto, el titulo y los huecos de padding la toman solos; el boton
   ya la tenia. El texto SIGUE seleccionable: no se toca user-select (medido: 'auto'
   antes y despues), solo cambia el dibujo del puntero.
   Antes -> despues de superficie pulsable, por ancho. El <a> de "Mas informacion" mide
   126 x 24 px = 3.024 px2 en los CINCO anchos (es un enlace de texto, sin relleno):
     1440 px: 3.024 px2 de 146.589 (2,1 %) -> 146.589 px2 (100 %)   [tarjeta 373 x 393]
     1024 px: 3.024 px2 de  97.020 (3,1 %) ->  97.020 px2 (100 %)   [tarjeta 294 x 330]
      768 px: 3.024 px2 de 122.356 (2,5 %) -> 122.356 px2 (100 %)   [tarjeta 338 x 362]
      390 px: 3.024 px2 de 129.850 (2,3 %) -> 129.850 px2 (100 %)   [tarjeta 350 x 371]
      375 px: 3.024 px2 de 120.600 (2,5 %) -> 120.600 px2 (100 %)   [tarjeta 335 x 360]
   (Los altos subieron 8 px respecto a la medicion de la manana -385/322/353/363/352- por
   el ajuste de interlineado que otro agente hizo el mismo dia; ESTE ajuste no mueve ni un
   pixel: comprobado apagando la hoja en caliente a los cinco anchos en cuatro paginas,
   scrollHeight identico con y sin ella.) */
.argos-native.argos-native.argos-native .rcard[data-d2="1"]{
  cursor: pointer;
}

/* AMPLIACION DEL 13-oct POR LA TARDE: las tarjetas .cap del portafolio de la home.
   El nodo tarjeta de esa banda es .cap (665c085 Cementos, 6212286 Concretos); .caps
   (e25ed45) es la REJILLA que las contiene y .cap__body (aaeb0a0, 48a574b) es el cuerpo
   de dentro: ninguna de las dos se marca, asi que ninguna de las dos entra aqui. El
   filtro sigue siendo el mismo data-d2 que pone el JS, con lo que /sostenibilidad/ -que
   tiene 4 elementos .cap sin ningun enlace dentro- queda fuera sin nombrar la pagina.

   ANTES -> DESPUES de superficie pulsable en las tarjetas del portafolio. El <a> de
   "Mas informacion" mide 142 x 24 px = 3.408 px2 en los CINCO anchos (enlace de texto,
   sin relleno). La tarjeta del portafolio es MUCHO mas grande que la .rcard de las
   fichas -a 1440 ocupa el ancho entero de la banda con la foto al lado del texto-, asi
   que la proporcion pulsable era aun mas ridicula que en las fichas:
     1440 px: 3.408 px2 de 542.136 (0,6 %) -> 542.136 px2 (100 %)   [tarjeta 1176 x 461]
     1024 px: 3.408 px2 de 358.658 (1,0 %) -> 358.658 px2 (100 %)   [tarjeta  922 x 389]
      768 px: 3.408 px2 de 207.300 (1,6 %) -> 207.300 px2 (100 %)   [tarjeta  691 x 300]
      390 px: 3.408 px2 de 148.400 (2,3 %) -> 148.400 px2 (100 %)   [tarjeta  350 x 424]
      375 px: 3.408 px2 de 138.355 (2,5 %) -> 138.355 px2 (100 %)   [tarjeta  335 x 413]
   (Medido en stage tras el despliegue; la segunda tarjeta da 0,7 / 1,0 / 1,8 / 2,3 / 2,5 %.)

   AQUI LA RAIZ VA CUATRO VECES, NO TRES COMO EN LA REGLA DE ARRIBA, y es por la ley de
   especificidad invertida: la geometria medida de estas tarjetas vive en argos-chrome.css
   como .argos-native x4 .cap y .argos-native x4 .cap:nth-child(even), que es (0,5,0). Con
   tres repeticiones esta regla tambien seria (0,5,0) y ganaria solo por ir despues en el
   orden de carga (ajustes/ se encola detras de argos-chrome): un empate que depende del
   orden. Con cuatro queda en (0,6,0) y gana por derecho propio. Sin !important.
   Comprobado que no mueve ni un pixel: scrollHeight de la home identico con y sin esta
   hoja a 1440, 1024, 768, 390 y 375; 'cursor' no participa en el calculo de la caja.

   La tarjeta de Agregados (03ab31b) NO recibe esta regla porque el JS no la marca: lleva
   el atributo HTML hidden -puesto desde el _elementor_data del post 176- y apunta a una
   pagina en borrador que da 404. Sigue invisible y con cursor 'auto'; esta hoja no toca
   display, visibility ni el atributo hidden de nada: su unica declaracion es 'cursor'. */
.argos-native.argos-native.argos-native.argos-native .cap[data-d2="1"]{
  cursor: pointer;
}

/* NO hay regla para el titulo: a diferencia de .ncard__tlink en 50-prensa.css, este
   ajuste no inyecta ningun <a> en el <h3> (envolverlo hacia que Chrome navegase al
   soltar un arrastre de seleccion, y el titulo dejaba de poder copiarse). El titular
   sigue tomando su navy y su lima-dark de :hover de argos-native.css, sin tocar nada. */
