/* Start custom CSS *//* ---- Marcas · Directorio: mosaico azul marino y blanco ---------------------
   Pedido de Carolina (2026-11-05). El azul es --marca-marino, que NO se eligio
   al azar: es el mismo que la tarjeta ya usaba al pasarle el raton, asi que el
   mosaico usa un color que la pagina ya tenia.

   Son 4 tarjetas por renglon en escritorio, 3 en tableta y 2 en movil, y cada
   ancho lleva su patron. Con 3 columnas —numero IMPAR— alternar de uno en uno
   ya da tablero; con 4 y con 2 hay que corregir por renglon. No hay una sola
   formula que sirva para los tres.

   Blanco sobre marino da 15.9:1, el contraste mas alto de la paleta.

   El hover se conserva en TODAS: la blanca se oscurece (como ya hacia) y la
   oscura se aclara a --marca-accion, para que ninguna se quede sin respuesta
   al tocarla. Sin esto, la mitad de las tarjetas pareceria muerta. */
.elementor-element-6615cb24 > * {
	--tarjeta-fondo: var(--fondo);
	--tarjeta-texto: var(--marca-marino);
	--tarjeta-borde: var(--borde);
}
@media (min-width: 1025px) {            /* 4 por renglon */
  .elementor-element-6615cb24 > *:nth-child(8n+2),
  .elementor-element-6615cb24 > *:nth-child(8n+4),
  .elementor-element-6615cb24 > *:nth-child(8n+5),
  .elementor-element-6615cb24 > *:nth-child(8n+7) { --tarjeta-fondo: var(--marca-marino); --tarjeta-texto: var(--fondo); --tarjeta-borde: var(--marca-marino); }
}
@media (min-width: 768px) and (max-width: 1024px) {   /* 3 por renglon */
  .elementor-element-6615cb24 > *:nth-child(6n+2),
  .elementor-element-6615cb24 > *:nth-child(6n+4),
  .elementor-element-6615cb24 > *:nth-child(6n+6) { --tarjeta-fondo: var(--marca-marino); --tarjeta-texto: var(--fondo); --tarjeta-borde: var(--marca-marino); }
}
@media (max-width: 767px) {             /* 2 por renglon */
  .elementor-element-6615cb24 > *:nth-child(4n+2),
  .elementor-element-6615cb24 > *:nth-child(4n+3) { --tarjeta-fondo: var(--marca-marino); --tarjeta-texto: var(--fondo); --tarjeta-borde: var(--marca-marino); }
}

.elementor-element-6615cb24 > *,
.elementor-element-6615cb24 > * > a {
	background-color: var(--tarjeta-fondo) !important;
	border-color: var(--tarjeta-borde) !important;
	color: var(--tarjeta-texto) !important;
}
.elementor-element-6615cb24 > * > a { background-color: transparent !important; border-color: transparent !important; }

/* que ninguna se quede sin respuesta al pasar el raton */
.elementor-element-6615cb24 > *:hover {
	--tarjeta-fondo: var(--marca-marino);
	--tarjeta-texto: var(--fondo);
	--tarjeta-borde: var(--marca-marino);
}
@media (min-width: 1025px) {
  .elementor-element-6615cb24 > *:nth-child(8n+2):hover,
  .elementor-element-6615cb24 > *:nth-child(8n+4):hover,
  .elementor-element-6615cb24 > *:nth-child(8n+5):hover,
  .elementor-element-6615cb24 > *:nth-child(8n+7):hover { --tarjeta-fondo: var(--marca-accion); --tarjeta-borde: var(--marca-accion); }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-element-6615cb24 > *:nth-child(6n+2):hover,
  .elementor-element-6615cb24 > *:nth-child(6n+4):hover,
  .elementor-element-6615cb24 > *:nth-child(6n+6):hover { --tarjeta-fondo: var(--marca-accion); --tarjeta-borde: var(--marca-accion); }
}
@media (max-width: 767px) {
  .elementor-element-6615cb24 > *:nth-child(4n+2):hover,
  .elementor-element-6615cb24 > *:nth-child(4n+3):hover { --tarjeta-fondo: var(--marca-accion); --tarjeta-borde: var(--marca-accion); }
}/* End custom CSS */